smwadministrator, Administrators
1
edit
Changes
Jump to navigation
Jump to search
Line 4:
Line 4: − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − + + + + Line 22:
Line 68: + + + Line 31:
Line 80: − + − background: #000;+ − + − Line 42:
Line 90: − body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {+ + + + + + − + + + + + + + + + + + + + − + Line 59:
Line 124: − + − + − .mpg-box { − width: 33.3%; − padding-bottom: 33.3%; − } − } − @media only screen and (max-width : 1290px) and (min-width : 1051px) { − /* Medium desktop: 4 tiles */ Line 74:
Line 132: − + − + − background-image: url("http://wiki.aapg.org/images/3/3e/AAPG_Wiki_banner_Mar2014_large.jpg"); − background-repeat:no-repeat; − background-position: top center; − background-size: 100%; − +
no edit summary
*/
*/
/* New Main Page Gallery */
/* 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-position: top center;
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;
}
/* responsive gallery */
.mpg-wrap {
.mpg-wrap {
overflow: hidden;
overflow: hidden;
margin: 10px;
margin-top: 10px;
margin-right: -10px;
margin-bottom: 20px;
margin-left: -10px;
}
}
.mpg-box {
.mpg-box {
bottom: 10px;
bottom: 10px;
overflow: hidden;
overflow: hidden;
}
.boxInner img {
width: 100%;
}
}
.boxInner .imgBox {
.boxInner .imgBox {
left: 0;
left: 0;
right: 0;
right: 0;
margin-bottom: -50px;
margin-bottom: -70px;
background: rgba(255, 255, 255, 0.5);
background: rgba(0, 0, 0, 0.5);
color: #000;
color: #FFF;
padding: 10px;
padding: 10px;
text-align: center;
text-align: center;
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;
margin-bottom: 0;
}
}
@media only screen and (max-width : 480px) {
@media only screen and (max-width : 560px) {
/* Smartphone view: 1 tile */
/* Smartphone view: 1 tile */
.mpg-box {
.mpg-box {
width: 100%;
width: 100%;
padding-bottom: 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 : 650px) and (min-width : 481px) {
@media only screen and (max-width : 860px) and (min-width : 561px) {
/* Tablet view: 2 tiles */
/* Tablet view: 2 tiles */
.mpg-box {
.mpg-box {
}
}
}
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
@media only screen and (max-width : 1280px) and (min-width : 861px) {
/* Small desktop / ipad view: 3 tiles */
/* Small desktop, ipad, and larger view: 4 tiles */
.mpg-box {
.mpg-box {
width: 25%;
width: 25%;
}
}
/* Responsive header on Main Page */
/* remove the Discussion tab on the Main Page */
.main-page-header {
body.page-Main_Page li#ca-talk { display: none !important; }
}
/* GENERAL STYLING RULES */
/* Edit window toolbar */
/* Edit window toolbar */
#toolbar {
#toolbar {