Template:Main Page/styles.css: Difference between revisions

No edit summary
No edit summary
Line 102: Line 102:




/* Featured picture box style */
/* Exact Wikipedia-style featured box */
.featured-box {
.featured-box {
   font-family: sans-serif;
   font-family: sans-serif;
   font-size: 0.9em;
   font-size: 0.9em;
   border: 1px solid #ccc;
   border: 1px solid #aaa;
   background-color: #f8f8f8;
   background-color: #f8f9fa;
   padding: 0;
   padding: 0;
   width: 100%;
   width: 100%;
   max-width: 720px;
   max-width: 720px;
   margin: 20px auto;
   margin: 1em auto;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
}


.featured-header {
.featured-header {
   background-color: #dcd0eb;
   background-color: #d8cef6; /* This matches Wikipedia’s pale purple header */
   padding: 6px 10px;
   padding: 0.3em 1em;
   font-weight: bold;
   font-weight: bold;
   border-bottom: 1px solid #ccc;
   border-bottom: 1px solid #aaa;
}
}


.featured-content {
.featured-content {
   padding: 10px;
   padding: 1em;
   background-color: #fff;
   background-color: #ffffff;
}
}


.featured-content img {
.featured-content img {
  display: block;
   max-width: 100%;
   max-width: 100%;
   height: auto;
   height: auto;
  display: block;
   margin: 0.5em auto;
   margin: 10px auto;
}
}


Line 146: Line 145:
   font-size: 0.8em;
   font-size: 0.8em;
   color: #555;
   color: #555;
   margin-top: 10px;
   margin-top: 0.5em;
}
}


.footer-links {
.footer-links {
   font-size: 0.8em;
   font-size: 0.8em;
  margin-top: 0.8em;
   color: #333;
   color: #333;
  margin-top: 10px;
}
}