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

 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template_All_Teams}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 18: Line 19:
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
     display:none;}
 
     display:none;}
−
#top-section {
+
 
−
    border: none;
+
−
    height: 0px;}
+
−
#top-section-bar {
+
−
border: none;
+
−
    height: 0px;
+
−
}
+
 
/*Remove "teams" from the menubar*/
 
/*Remove "teams" from the menubar*/
 
#menubar > ul > li:last-child {
 
#menubar > ul > li:last-child {
Line 98: Line 93:
 
#redbox {
 
#redbox {
  
−
font-family:"Open Sans";
+
font-family: "Open Sans";
  
  
−
background: #f5f5f5; /* Old browsers */
+
background: #FFFFFF; /* Old browsers */
−
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  100%); /* FF3.6+ */
+
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
−
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
−
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
−
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
+
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
−
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
+
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
−
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 +
 
  
 
/*text-align:center;*/
 
/*text-align:center;*/
 
content-align:center;
 
content-align:center;
−
 
+
margin: 0px;
−
padding:35px;
+
−
width:100%;
+
−
height:600px;
+
−
margin-right: auto;
+
−
margin-left:auto;
+
  
 
}
 
}
  
 
#redbox #textbox {
 
#redbox #textbox {
−
width: 800px;
 
 
margin: 0 auto;
 
margin: 0 auto;
 
 
Line 128: Line 118:
  
  
−
#redbox {
+
#redbox2 {
  
 
font-family:"Open Sans";
 
font-family:"Open Sans";
  
−
 
+
background: #d9dddb; /* Old browsers */
−
background: #f5f5f5; /* Old browsers */
+
background: -moz-linear-gradient(top, #d9dddb 0%, #d9dddb 100%); /* FF3.6+ */
−
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  100%); /* FF3.6+ */
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddb), color-stop(100%,#d9dddb)); /* Chrome,Safari4+ */
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
+
background: -webkit-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Chrome10+,Safari5.1+ */
−
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
+
background: -o-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Opera 11.10+ */
−
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
+
background: -ms-linear-gradient(top, #d9dddb 0%,#d9dddb100%); /* IE10+ */
−
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
+
background: linear-gradient(to bottom, #d9dddb 0%,#d9dddb 100%); /* W3C */
−
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dddb', endColorstr='#d9dddb',GradientType=0 ); /* IE6-9 */
−
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
+
  
 
/*text-align:center;*/
 
/*text-align:center;*/
Line 146: Line 135:
  
 
padding:35px;
 
padding:35px;
−
width:100%;
+
width:80%;  
−
height:600px;
+
margin: 0px;
−
margin-right: auto;
+
−
margin-left:auto;
+
  
 
}
 
}
Line 159: Line 146:
 
}
 
}
  
−
#PhotoBox2 {
+
#PhotoBox {
 
 
−
background: #FFFFFF; /* Old browsers */
+
background: #f5f5f5; /* Old browsers */
−
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
+
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  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(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
−
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
−
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
−
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
+
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
−
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
+
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
−
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
−
width: 900px;
+
 
 +
width: 100%
 +
 
 +
}
 +
 
 +
#WRITINGBOX{
 +
 +
background: #f5f5f5; /* Old browsers */
 +
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
 +
width: 200px;
 
height: 600px;
 
height: 600px;
−
text-align: center;
+
text-align: left;
  
 
margin-left: auto;
 
margin-left: auto;
 
margin-right:auto;
 
margin-right:auto;
 
}
 
}
 +
  
 
#MenuBox {
 
#MenuBox {
Line 390: Line 393:
 
<ul id="nav">
 
<ul id="nav">
 
<a href="https://2015.igem.org/Team:Penn"><li>Home</li></a>
 
<a href="https://2015.igem.org/Team:Penn"><li>Home</li></a>
−
   <li><a style="hover:"href="https://2014.igem.org/Team:Penn/Overview">Project</a>
+
   <li><a style="hover:"href="https://2015.igem.org/Team:Penn/Overview">Project</a>
 
   <ul>
 
   <ul>
 
       <a href="https://2015.igem.org/Team:Penn/Overview"> <li>Overview</li> </a>
 
       <a href="https://2015.igem.org/Team:Penn/Overview"> <li>Overview</li> </a>
Line 399: Line 402:
 
   </li>
 
   </li>
 
  
 
  
−
   <li><a href="https://2014.igem.org/Team:Penn/Specsheet">Human Practices</a>
+
   <li><a href="https://2015.igem.org/Team:Penn/Educational Toolbox">Human Practices</a>
−
    <ul>
+
−
      <a href="https://2015.igem.org/Team:Penn/Educational Toolbox"><li>Educational Toolbox</li></a>
+
−
    <a href="https://2015.igem.org/Team:Penn/Outreach"><li>Outreach</li></a>
+
−
</ul>
+
 
  </li>
 
  </li>
−
   <li><a href="https://2014.igem.org/Team:Penn/Notebook">Notebook</a>
+
   <li><a href="https://2015.igem.org/Team:Penn/Notebook">Notebook</a>
 
   <ul>
 
   <ul>
−
       <a href="https://2015.igem.org/Team:Penn/Notebook"><li>Timeline</li></a>
+
       <a href="https://2015.igem.org/Team:Penn/Notebook"><li>Protocols</li></a>
 
       <a href="https://2015.igem.org/Team:Penn/Safety"><li>Safety</li></a>
 
       <a href="https://2015.igem.org/Team:Penn/Safety"><li>Safety</li></a>
−
     <a href="https://2015.igem.org/Team:Penn/Protocol"><li>Protocols</li></a>
+
     <a href="https://2015.igem.org/Team:Penn/Protocol"><li>Notebook</li></a>
−
    <a href="https://2015.igem.org/Team:Penn/Supplement"><li>Supplementary Materials</li></a>
+
 
   </ul>
 
   </ul>
 
   </li>
 
   </li>
−
   <li><a href="https://2014.igem.org/Team:Penn/Team">About</a>
+
   <li><a href="https://2015.igem.org/Team:Penn/Team">About</a>
 
   <ul>
 
   <ul>
 
       <a href="https://2015.igem.org/Team:Penn/Team"><li>Team</li></a>
 
       <a href="https://2015.igem.org/Team:Penn/Team"><li>Team</li></a>
−
                        <a href="https://2015.igem.org/Team:Penn/Achievements"><li>BioBricks</li></a>
+
             
−
    <a href="https://2015.igem.org/Team:Penn/Sponsors"><li>Sponsors</li></a>
+
 
     <a href="https://2015.igem.org/Team:Penn/Resources"><li>References</li></a>
 
     <a href="https://2015.igem.org/Team:Penn/Resources"><li>References</li></a>
 
   </ul>
 
   </ul>
Line 423: Line 420:
 
                 <a href="https://2015.igem.org/Main_Page"> <img style="margin-left:30px" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"></a>
 
                 <a href="https://2015.igem.org/Main_Page"> <img style="margin-left:30px" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"></a>
 
</ul>
 
</ul>
 +
 +
 +
 
</body>
 
</body>
  
  
 
</html>
 
</html>

Latest revision as of 03:05, 19 September 2015