Difference between revisions of "Template:TPHS San Diego"

 
(57 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
−
body{background: white}
+
body{background: #444444}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; margin:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; margin:0px; width:100%;}
  
Line 20: Line 20:
 
*/
 
*/
  
−
html, body{
+
*{
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
Line 28: Line 28:
 
     width: 100vw;
 
     width: 100vw;
 
     height: 100vh;
 
     height: 100vh;
 +
background: #444444;
 
}
 
}
  
Line 33: Line 34:
 
     width: 100vw;
 
     width: 100vw;
 
     height: 30vh;
 
     height: 30vh;
 +
    box-shadow: inset 0 0 20px #333333;
 
}
 
}
  
Line 111: Line 113:
  
 
#section4{
 
#section4{
−
     margin-bottom: 10vh;
+
     background-color: #EEEEEE;
−
    background-color: rgb(68, 68, 68);
+
margin: 0;
 
}
 
}
  
Line 131: Line 133:
 
     left: 15vw;
 
     left: 15vw;
 
     width: 70vw;
 
     width: 70vw;
−
    margin-bottom: 5vh;
 
 
}
 
}
  
Line 137: Line 138:
 
     font-family: Arial;
 
     font-family: Arial;
 
     font-size: 2em;
 
     font-size: 2em;
−
     color: rgb(68, 68, 68);
+
     color: #EEEEEE;
−
     margin: 20px;
+
     padding: 20px;
 +
    z-index: 10;
 
}
 
}
  
Line 227: Line 229:
 
     background-size: cover;
 
     background-size: cover;
 
     display: inline-block;
 
     display: inline-block;
 +
}
 +
 +
.fullscreen {
 +
background-color: #111111;
 +
  background-image:url("https://static.igem.org/mediawiki/2018/0/0f/T--TPHS_San_Diego--Fungal_wall.jpg");
 +
  -webkit-background-size: contain;
 +
  -moz-background-size: contain;
 +
  -o-background-size: contain;
 +
  background-size: contain;
 +
background-repeat: no-repeat;
 +
padding-bottom: 200px;
 
}
 
}
  
Line 232: Line 245:
 
                 display:block;
 
                 display:block;
 
                 width:100%;
 
                 width:100%;
−
                 height:70%;
+
                 height:100%;
 
                 background-color:#1f1f1f;
 
                 background-color:#1f1f1f;
 
                 overflow:hidden;
 
                 overflow:hidden;
Line 252: Line 265:
 
                 left:0%;
 
                 left:0%;
 
                 animation-delay: -1s;
 
                 animation-delay: -1s;
−
                 background-image: url("https://i.pinimg.com/originals/fc/37/f9/fc37f9b7711cf1f5da4953657067c17d.jpg");
+
                 background-image: url("https://static.igem.org/mediawiki/2018/5/52/T--TPHS_San_Diego--back_1.jpg");
 
                 background-size:cover;
 
                 background-size:cover;
 
                 background-position:center;
 
                 background-position:center;
 +
background-attachment: fixed;
 
visibility: hidden;
 
visibility: hidden;
 +
image-rendering: -webkit-optimize-contrast;
 +
background-size: cover;
 +
background-position:50% 50%;
 
             }
 
             }
 
              
 
              
Line 261: Line 278:
 
                 left:0%;
 
                 left:0%;
 
                 animation-delay: 2s;
 
                 animation-delay: 2s;
−
                 background-image: url("https://i.pinimg.com/originals/64/7c/ad/647cad975f25bcbeafbd555d3a410730.jpg");
+
                 background-image: url("https://static.igem.org/mediawiki/2018/2/2a/T--TPHS_San_Diego--back_2.jpg");
 
                 background-size:cover;
 
                 background-size:cover;
 
                 background-position:center;
 
                 background-position:center;
 +
background-attachment: fixed;
 
visibility: hidden;
 
visibility: hidden;
 +
image-rendering: -webkit-optimize-contrast;
 +
background-size: cover;
 +
background-position:50% 50%;
 
             }
 
             }
 
              
 
              
 
             slide:nth-child(3){
 
             slide:nth-child(3){
 
                 animation-delay: 5s;
 
                 animation-delay: 5s;
−
                 background-image: url("https://easylife-online.com/wp-content/uploads/data/2018/1/10/best-cool-scenery-nature-best-hd-wallpaper-PIC-WSW2094197.jpg");
+
                 background-image: url("https://static.igem.org/mediawiki/2018/1/11/T--TPHS_San_Diego--back_3.jpg");
 
                 background-size:cover;
 
                 background-size:cover;
 
                 background-position:center;
 
                 background-position:center;
 +
background-attachment: fixed;
 
visibility: hidden;
 
visibility: hidden;
 +
image-rendering: -webkit-optimize-contrast;
 +
background-size: cover;
 +
background-position:50% 50%;
 
             }
 
             }
 
              
 
              
Line 278: Line 303:
 
                 left:0%;
 
                 left:0%;
 
                 animation-delay: 8s;
 
                 animation-delay: 8s;
−
                 background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSaGlQQUA9Fnsxymdw7dknUxYLkVjUa4_LE0niwwc0TlyNZJiP");
+
                 background-image: url("https://static.igem.org/mediawiki/2018/b/b3/T--TPHS_San_Diego--Homepage4.png");
 
                 background-size:cover;
 
                 background-size:cover;
 
                 background-position:center;
 
                 background-position:center;
 +
background-attachment: fixed;
 
visibility: hidden;
 
visibility: hidden;
 +
image-rendering: -webkit-optimize-contrast;
 +
background-size: cover;
 +
background-position:50% 50%;
 
             }
 
             }
−
           
+
         
 +
 
 
             .slide_container {
 
             .slide_container {
 
display:inline-block;
 
display:inline-block;
−
                 position: relative;
+
                 position: absolute;
 +
bottom: 0;
 
                 font-family:Arial;
 
                 font-family:Arial;
−
                 font-size:3em;
+
                 font-size:30px;
 
                 text-align:center;
 
                 text-align:center;
−
margin: 30px;
+
margin: 50px;
 +
                padding: 20px;
 +
                width:40%;
 
                  
 
                  
−
                 width:50%;
+
                 /*height: 40%;*/
−
                height: 50%;
+
 
                 background: #333333;
 
                 background: #333333;
 
                 color:#fff;
 
                 color:#fff;
 +
box-shadow: 0 0 20px black;
 +
line-height: 30px;
 
             }
 
             }
 
              
 
              
Line 306: Line 340:
 
                 100% {left:100%; width:0%;visibility: visible;}
 
                 100% {left:100%; width:0%;visibility: visible;}
 
             }
 
             }
 +
 +
p{
 +
margin: 0 !important;
 +
padding: 0 !important;
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 00:34, 18 October 2018