Difference between revisions of "MediaWiki:Common.css"

From Peckham Vision
Jump to navigation Jump to search
Line 72: Line 72:
 
}
 
}
  
 +
.hpbox.red, .sidebox.twitter {
 +
background-color: rgba(0, 172, 237, 0);
 +
}
  
 +
.hpbox.red, .sidebox.facebook {
 +
background-color: rgba(59, 89, 152, 0);
 +
}
  
 
.sidebox {
 
.sidebox {

Revision as of 10:50, 27 April 2016

/** 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 2px;
transition: 0.5s;
opacity: 0.9;
}

.hpbox.wide {
width: 409px;
}

.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, .sidebox.orange {
background-color: rgba(240, 174, 0, 1);
}

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

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

.hpbox.red, .sidebox.red {
background-color: rgba(193, 66, 66, 1);
}

.hpbox.red, .sidebox.twitter {
background-color: rgba(0, 172, 237, 0);
}

.hpbox.red, .sidebox.facebook {
background-color: rgba(59, 89, 152, 0);
}

.sidebox {
vertical-align: top;
width: 100%;
min-height: 200px;
display: block;
background-color: rgba(200, 200, 200, 0.8);
margin: 5px 2px;
transition: 0.5s;
opacity: 0.9;
}

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

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

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