Difference between revisions of "MediaWiki:Common.css"

From Peckham Vision
Jump to navigation Jump to search
Line 73: Line 73:
  
 
.hpbox.red, .sidebox.twitter {
 
.hpbox.red, .sidebox.twitter {
background-color: rgba(0, 172, 237, 1);
+
background-color: rgba(85, 172, 238, 1);
 
}
 
}
  

Revision as of 14:53, 3 May 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(249, 226, 169, 1);
}

.hpbox.green, .sidebox.green {
background-color: rgba(201, 232, 210, 1);
}

.hpbox.yellow, .sidebox.yellow {
background-color: rgba(235, 232, 167, 1);
}

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

.hpbox.red, .sidebox.twitter {
background-color: rgba(85, 172, 238, 1);
}

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

.hpbox.red, .sidebox.facebook .title {
color: #ffffff;
}

.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;
}

.sidebox:hover {
box-shadow: 10px 10px 35px #ccc;
transition: 0.5s;
}

.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;
}

.fb-page, .fb-page iframe, .fb-page iframe div.#u_0_0 div._2p3a, .fb-page span {
width: 100% !important;
min-width: 0;
}