Changes

Jump to navigation Jump to search
moving styling from page
Line 4: Line 4:  
*/
 
*/
   −
/* New Main Page Gallery */
+
/* MAIN PAGE STYLING */
 +
/* banner */
 +
.mpg-banner {
 +
    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%;
 +
    padding:16px;
 +
    min-width:620px;
 +
    position:relative;
 +
}
 +
 
 +
/* text block */
 +
.mpg-banner {
 +
    width: 100%;
 +
    margin-top: 24px;
 +
    margin-bottom: 20px;
 +
    font-size: 15px;
 +
}
 +
 
 +
.mpg-banner span.mpg-title {
 +
    font-size: 30px;
 +
    color: white;
 +
    text-shadow: 0 0 8px #000;
 +
}
 +
 
 +
/* responsive gallery */
 
.mpg-wrap {
 
.mpg-wrap {
 
   overflow: hidden;
 
   overflow: hidden;
Line 23: Line 49:  
   overflow: hidden;
 
   overflow: hidden;
 
}
 
}
   
.boxInner img {
 
.boxInner img {
 
   width: 100%;
 
   width: 100%;
 
}
 
}
   
.boxInner .imgBox {
 
.boxInner .imgBox {
 
   width: 100%;
 
   width: 100%;
 
}
 
}
   
.boxInner .titleBox {
 
.boxInner .titleBox {
 
   position: absolute;
 
   position: absolute;
Line 52: Line 75:  
   text-shadow: 0px 0px 5px #fff;
 
   text-shadow: 0px 0px 5px #fff;
 
}
 
}
   
.boxInner:hover .titleBox {
 
.boxInner:hover .titleBox {
 
   margin-bottom: 0;
 
   margin-bottom: 0;
 
}
 
}
   
@media only screen and (max-width : 560px) {
 
@media only screen and (max-width : 560px) {
 
   /* Smartphone view: 1 tile */
 
   /* Smartphone view: 1 tile */
Line 79: Line 100:  
}
 
}
   −
/* Responsive header on Main Page */
+
/* GENERAL STYLING RULES */
.main-page-header {
  −
    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%;
  −
}
  −
 
   
/* Edit window toolbar */
 
/* Edit window toolbar */
 
#toolbar {
 
#toolbar {

Navigation menu