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

 
(14 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 101: Line 96:
  
  
−
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;*/
Line 117: Line 113:
  
 
#redbox #textbox {
 
#redbox #textbox {
−
width: 800px;
 
 
margin: 0 auto;
 
margin: 0 auto;
 
 
Line 127: Line 122:
 
font-family:"Open Sans";
 
font-family:"Open Sans";
  
−
background: #FFFFFF; /* Old browsers */
+
background: #d9dddb; /* Old browsers */
−
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
+
background: -moz-linear-gradient(top, #d9dddb 0%, #d9dddb 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%,#d9dddb), color-stop(100%,#d9dddb)); /* Chrome,Safari4+ */
−
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Chrome10+,Safari5.1+ */
−
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Opera 11.10+ */
−
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
+
background: -ms-linear-gradient(top, #d9dddb 0%,#d9dddb100%); /* IE10+ */
−
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
+
background: linear-gradient(to bottom, #d9dddb 0%,#d9dddb 100%); /* W3C */
−
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dddb', endColorstr='#d9dddb',GradientType=0 ); /* IE6-9 */
  
 
/*text-align:center;*/
 
/*text-align:center;*/
Line 140: Line 135:
  
 
padding:35px;
 
padding:35px;
−
width:100%;  
+
width:80%;  
 
margin: 0px;
 
margin: 0px;
  
Line 398: 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 407: 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 432: Line 421:
 
</ul>
 
</ul>
  
−
* {
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
  
−
.clasp {
 
−
background: #aaaaaa;
 
−
border: 1px solid #999999;
 
−
border-radius: 4px;
 
−
box-shadow: 0 -1px 5px rgba(0,0,0,0.4), inset -1px 1px 2px white;
 
−
display: block;
 
−
height: 16px;
 
−
position: absolute;
 
−
top: -5px;
 
−
width: 4px;
 
−
z-index: 2000;
 
−
}
 
−
.clasp.hole-left {
 
−
left: 9px;
 
−
}
 
−
.clasp.hole-right {
 
−
right: 9px;
 
−
}
 
−
 
−
.hole {
 
−
background: #99ccff;
 
−
border-radius: 8px;
 
−
box-shadow: 0 -1px 0 black, inset 0 0 20px #878787;
 
−
display: block;
 
−
height: 8px;
 
−
position: absolute;
 
−
top: 8px;
 
−
width: 8px;
 
−
}
 
−
 
−
.hole-left {
 
−
left: 8px;
 
−
}
 
−
.hole-right {
 
−
right: 8px;
 
−
}
 
−
 
−
#calendar {
 
−
background: #e4e0e7;
 
−
box-shadow: 0 0 20px #878787;
 
−
height: 208px;
 
−
margin: 20px auto;
 
−
position: relative;
 
−
text-align: center;
 
−
width: 216px;
 
−
}
 
−
 
−
#month {
 
−
background: linear-gradient(#bcde4b, #8bc620);
 
−
color: white;
 
−
height: 30px;
 
−
line-height: 30px;
 
−
text-shadow: 0 -1px 0 #878787;
 
−
width: 216px;
 
−
}
 
−
 
−
#days {
 
−
background: linear-gradient(#f4f4f4, #ebebeb);
 
−
-webkit-box-shadow: 0 1px 0 #aaaaaa;
 
−
}
 
−
 
−
table.days {
 
−
color: #888888;
 
−
font-size: 11px;
 
−
width: 216px;
 
−
}
 
−
 
−
table.day td, table.days td {
 
−
width: 30px;
 
−
}
 
−
 
−
table.day td {
 
−
background: #f4f0f7;
 
−
color: #878787;
 
−
height: 29px;
 
−
box-shadow: 0 -1px 0 white;
 
−
}
 
−
 
−
table.day td.old-month {
 
−
color: #aaaaaa;
 
−
}
 
−
 
−
table.day td:hover {
 
−
  background: #e9e9ee;
 
−
  cursor: pointer;
 
−
}
 
−
 
−
table.day td.selected {
 
−
background: linear-gradient(#bcde4b, #8bc620);
 
−
color: white;
 
−
text-shadow: 0 -1px 0 #878787;
 
−
}
 
−
 
−
table.day td.appoint {
 
−
border-bottom: 2px solid #99ccff;
 
−
}
 
  
 
</body>
 
</body>

Latest revision as of 03:05, 19 September 2015