smwadministrator, Administrators
1
edit
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − /* CSS placed here will be applied to all skins */ − − This is the CSS for all skins. It is based on wikipedia.org's Common.css+ + − + − + + + + + + + + + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Line 956:
Line 1,079: − − /* </nowiki></pre> */
no edit summary
/*
/*
CSS placed here will be applied to all skins.
This file is based on wikipedia.org's Common.css
*/
*/
.main-page-header {
background-image: url(/images/4/4e/AAPG_Wiki_banner_Mar2014.png);
/* MAIN PAGE STYLING */
/* banner */
.mpg-banner {
margin-top: 24px;
margin-bottom: 20px;
padding:16px;
height:150px;
position:relative;
background-image: url("//wiki.aapg.org/images/3/3e/AAPG_Wiki_banner_Mar2014_large.jpg");
background-repeat:no-repeat;
background-repeat:no-repeat;
background-position: top center;
background-position: top center;
background-size: 100%;
background-size: cover;
color:white;
text-shadow: 0 0 4px #000;
font-size: 16px;
}
.mpg-banner a {
color: #005386;
text-shadow: 0px 0px 5px #fff;
}
.mpg-banner span.mpg-title {
font-size: 30px;
text-shadow: 0 0 8px #000;
}
.mpg-info {
font-size:20px;
color:#fff;
text-shadow: 0 0 6px #000;
position:absolute;
bottom:12px;
}
.mpg-credit {
position: absolute;
bottom: 8px;
right: 14px;
color: black;
text-shadow: 0 0 5px #fff;
font-size: 10px;
}
.mpg-text-block {
font-size: 14px;
}
}
/* <pre><nowiki> */
/* responsive gallery */
.mpg-wrap {
overflow: hidden;
margin-top: 10px;
margin-right: -10px;
margin-bottom: 20px;
margin-left: -10px;
}
.mpg-box {
float: left;
position: relative;
width: 25%;
padding-bottom: 25%;
}
.boxInner {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
overflow: hidden;
}
.boxInner img {
width: 100%;
}
.boxInner .imgBox {
width: 100%;
}
.boxInner .titleBox {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: -70px;
background: rgba(255, 255, 255, 0.5);
color: #000;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.boxInner .titleBox a {
color: #005386;
font-weight: bold;
text-shadow: 0px 0px 5px #fff;
}
.boxInner:hover .titleBox {
margin-bottom: 0;
}
@media only screen and (max-width : 560px) {
/* Smartphone view: 1 tile */
.mpg-box {
width: 100%;
padding-bottom: 100%;
}
.mpg-credit {
display:none;
}
.mpg-banner span.mpg-subtitle {
display:none;
}
}
@media only screen and (max-width : 768px) {
/* Hide the credit before it overlaps */
.mpg-credit {
display:none;
}
}
@media only screen and (max-width : 860px) and (min-width : 561px) {
/* Tablet view: 2 tiles */
.mpg-box {
width: 50%;
padding-bottom: 50%;
}
}
@media only screen and (max-width : 1280px) and (min-width : 861px) {
/* Small desktop, ipad, and larger view: 4 tiles */
.mpg-box {
width: 25%;
padding-bottom: 25%;
}
}
/* remove the Discussion tab on the Main Page */
body.page-Main_Page li#ca-talk { display: none !important; }
/* GENERAL STYLING RULES */
/* Edit window toolbar */
/* Edit window toolbar */
#toolbar {
#toolbar {
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */