Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(porting more frontpage) |
|||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | |||
| + | /* Various flavors of infobar (those little boxes at the top of a page) */ | ||
| + | |||
| + | .infobar { | ||
| + | font-size: 1.33em; | ||
| + | padding: 0.33em 1em; | ||
| + | box-shadow: 1px 1px 2px #ddd; | ||
| + | } | ||
| + | |||
| + | .infobar-obnoxious { | ||
| + | border: 1px solid hsl(25, 60%, 60%); | ||
| + | background: hsl(25, 60%, 90%); | ||
| + | } | ||
/* Nice sections -- used on front page */ | /* Nice sections -- used on front page */ | ||
| Line 6: | Line 19: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
padding: 1em; | padding: 1em; | ||
| − | border: 1px solid hsl(200, 40%, | + | border: 1px solid hsl(200, 40%, 93%); |
background: hsl(200, 40%, 97%); | background: hsl(200, 40%, 97%); | ||
} | } | ||
| Line 12: | Line 25: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
padding: 0.33em; | padding: 0.33em; | ||
| − | margin: -0. | + | margin: -0.67em -0.67em 0.67em; |
background: hsl(200, 40%, 93%); | background: hsl(200, 40%, 93%); | ||
color: #202020; | color: #202020; | ||
Revision as of 19:09, 2 April 2013
/* CSS placed here will be applied to all skins */
/* Various flavors of infobar (those little boxes at the top of a page) */
.infobar {
font-size: 1.33em;
padding: 0.33em 1em;
box-shadow: 1px 1px 2px #ddd;
}
.infobar-obnoxious {
border: 1px solid hsl(25, 60%, 60%);
background: hsl(25, 60%, 90%);
}
/* Nice sections -- used on front page */
div.blocky {
margin-bottom: 1em;
padding: 1em;
border: 1px solid hsl(200, 40%, 93%);
background: hsl(200, 40%, 97%);
}
div.blocky h1 {
font-size: 1.5em;
padding: 0.33em;
margin: -0.67em -0.67em 0.67em;
background: hsl(200, 40%, 93%);
color: #202020;
text-shadow: 1px 1px 1px white;
}
/* Capsules -- the little inline labels used on the front page timeline */
.capsule {
font-size: 0.8em;
padding: 2px 3px;
border-radius: 2px;
color: white;
background: #ddd;
text-shadow: 1px 1px 0 #999;
vertical-align: bottom;
}
.capsule.capsule-prompt {
background: #d04d2b;
text-shadow: 1px 1px 0 #a63922;
}
.capsule.capsule-plot {
background: #b12bd0;
text-shadow: 1px 1px 0 #9122a6;
}
.capsule.capsule-story {
background: #2b87d0;
text-shadow: 1px 1px 0 #226ca6;
}
/* NPC speech, mostly in mission reposts */
.npc-speech {
overflow: hidden; /* float containment */
margin-bottom: 1em;
}
.npc-speaker {
float: left;
margin-right: 0.5em;
margin-bottom: 0.5em;
}