Difference between revisions of "MediaWiki:Common.css"

From Pokemon Dungeon Explorers
Jump to navigation Jump to search
(porting more frontpage)
m (infobar colors)
Line 7: Line 7:
 
     padding: 0.33em 1em;
 
     padding: 0.33em 1em;
 
     box-shadow: 1px 1px 2px #ddd;
 
     box-shadow: 1px 1px 2px #ddd;
 +
 +
    border: 1px solid #ccc;
 +
    background: #ddd;
 
}
 
}
  
 
.infobar-obnoxious {
 
.infobar-obnoxious {
     border: 1px solid hsl(25, 60%, 60%);
+
     border-color: hsl(30, 60%, 80%);
     background: hsl(25, 60%, 90%);
+
     background: hsl(30, 60%, 93%);
 
}
 
}
  

Revision as of 18:10, 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;

    border: 1px solid #ccc;
    background: #ddd;
}

.infobar-obnoxious {
    border-color: hsl(30, 60%, 80%);
    background: hsl(30, 60%, 93%);
}

/* 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;
}