Difference between revisions of "Template:Team:Penn/CSS"

Line 68: Line 68:
  
 
body {
 
body {
background-image: url("https://static.igem.org/mediawiki/2015/4/47/Background_iGEM_2015_4.png");
+
background-image: url("https://static.igem.org/mediawiki/2014/4/43/Penn_2014_wiki_background.jpg");
 
background-size: 100%;
 
background-size: 100%;
 
background-repeat: repeat;
 
background-repeat: repeat;
Line 150: Line 150:
 
#MenuBox {
 
#MenuBox {
 
 
background: #FFFFFF; /* Old browsers */
+
background: #585d8a; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
+
background: -moz-linear-gradient(top, #585d8a 0%, #2e335f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585d8a), color-stop(100%,#2e335f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
+
background: -ms-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
+
background: linear-gradient(to bottom, #585d8a 0%,#2e335f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585d8a', endColorstr='#2e335f',GradientType=0 ); /* IE6-9 */
 
box-shadow: 0px 0px 20px #000000;
 
box-shadow: 0px 0px 20px #000000;
  
Line 226: Line 226:
 
}
 
}
 
#nav li {
 
#nav li {
   color:#000;
+
   color:#FFF;
 
   display: inline-block;
 
   display: inline-block;
 
   position: relative;
 
   position: relative;
 
   padding: 10px 20px;
 
   padding: 10px 20px;
 
    
 
    
   background: #FFFFFF; /* Old browsers */
+
   background: #585d8a; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
+
background: -moz-linear-gradient(top, #585d8a 0%, #2e335f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF, color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585d8a), color-stop(100%,#2e335f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
+
background: -ms-linear-gradient(top, #585d8a 0%,#2e335f 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
+
background: linear-gradient(to bottom, #585d8a 0%,#2e335f 100%); /* W3C */
 
 
 
    
 
    
Line 397: Line 397:
  
 
 
<div style = "background: url('https://static.igem.org/mediawiki/2015/1/1a/Our_Project.png'); position: inherited; height:550px; background-size: 80%; background-repeat: no-repeat; background-position:center top;">
+
<div style = "background: url('https://static.igem.org/mediawiki/2014/2/24/JaneText.png'); position: inherited; height:350px; background-size: 80%; background-repeat: no-repeat; background-position:center top;">
 
</div>
 
</div>
  

Revision as of 17:02, 23 August 2015