MediaWiki:Common.css

From Peckham Vision
Revision as of 18:04, 11 March 2016 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac); IE: hold Ctrl while clicking Refresh, or press Ctrl-F5; Konqueror:: simply click the Reload button, or press F5; Opera users may need to completely clear their cache in Tools→Preferences.

/** CSS placed here will be applied to all skins */

ul.hpboxes {
margin-left: 0;
padding-left: 0;
}

.hpbox {
vertical-align: top;
width: 200px;
min-height: 200px;
display: inline-block;
list-style:none;
background-color: rgba(200, 200, 200, 0.8);
margin: 5px;
transition: 0.5s;
opacity: 0.9;
}

.hpbox.wide {
width: 400px;
}

.hpbox:hover {
background-color: rgba(200, 200, 200, 1);
box-shadow: 10px 10px 35px #ccc;
transition: 0.5s;
opacity: 1;
}

.hpbox .title {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hpbox .content {
padding: 5px 10px;
margin: 0;
font-size: 0.95em;
}

.hpbox .hpimg {
padding: 5px 0;
margin: 0;
}

.hpbox.fb {
background-color: rgba(59, 89, 152, 1);
}

.hpbox.fb .title {
color: #fff;
}

.hpbox.orange {
background-color: rgba(240, 174, 0, 1);
}

.hpbox.green {
background-color: rgba(84, 194, 94, 1);
}

.hpbox.yellow {
background-color: rgba(255, 221, 37, 1);
}