Difference between revisions of "Template:Team:WLC-Milwaukee"

 
(52 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
.tastefulSpacing{
 
.tastefulSpacing{
 
         padding-top:35px;
 
         padding-top:35px;
−
         background-color:#E7E7E7;
+
         background-color:#F5F5F5;
 
}
 
}
 
/*-- the above hides any igem stylings from previous years; doesn't seem to be necessary this year? --*/
 
/*-- the above hides any igem stylings from previous years; doesn't seem to be necessary this year? --*/
  
−
/*-- Container, dummy, and element are used to create a dynamic transparent container over the header image on every page (which is specified as a background image; because we don't want any of our page content to go over this background. See http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio for details --*/
+
/*-- Container, dummy, and element are used to create a dynamic transparent container over the header image on every page (which is specified as a background image; because we don't want any of our page content to go over this background. Text going over the page header can have it's CSS defined in #element. See http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio for details --*/
 
#container {
 
#container {
 
     display: inline-block;
 
     display: inline-block;
Line 27: Line 27:
 
     left: 0;
 
     left: 0;
 
     right: 0;
 
     right: 0;
−
     background-color: transparent /* show me! */
+
     background-color: transparent;
−
      
+
     text-align: center;
 +
    vertical-align: 50%;
 +
    text-shadow: 4px 4px 16px black;
 +
    font-family: Avenir, Cartiel, Calibri;
 +
    font-size: 100px;
 +
    color:white;
 
}
 
}
  
Line 38: Line 43:
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
 +
}
 +
<!--Special formatting for the table containing the majority of the contents on the Team/People page -->
 +
.teamPage img{
 +
      width: 40%;
 +
      float:left;
 +
      margin: 0px 10px;
 +
}
 +
.teamPage h1, h2, h3, h4, h5, h6{
 +
      border-bottom: none;
 +
     
 +
}
 +
.teamPage td{
 +
      vertical-align:top;
 +
      background-color: transparent;
 +
}
 +
.teamPage tr{
 +
      background-color: transparent;
 +
}
 +
.teamPage table{
 +
      background-color: transparent;
 +
      width:100%;
 +
}
 +
.teamPage p{
 +
      font-size:13pt;
 
}
 
}
  
Line 49: Line 78:
 
}
 
}
 
.navLinks table{
 
.navLinks table{
−
         background-color:#e3e3e3;
+
         background-color:hsla(0, 0%, 89%, 0.5);
 
         width:100%;
 
         width:100%;
−
         opacity: .5;
+
         opacity: 1;
 
}
 
}
 
.navLinks a{
 
.navLinks a{
−
         color:#c40000;
+
         color:#610B0B;
 
         font-size:20pt;
 
         font-size:20pt;
 
         font-family: Avenir, Catriel, Sans-Serif;
 
         font-family: Avenir, Catriel, Sans-Serif;
 
         text-decoration:none;
 
         text-decoration:none;
 +
        text-shadow: 1px 1px 1px grey;
 
}
 
}
 
.navLinks a:visited{
 
.navLinks a:visited{
−
         color:#c40000;
+
         color:#610B0B;
 
         font-size: 20pt;
 
         font-size: 20pt;
 
         font-family: Avenir, Catriel, Sans-Serif;
 
         font-family: Avenir, Catriel, Sans-Serif;
 
         text-decoration:none;
 
         text-decoration:none;
 +
        text-shadow: 1px 1px 1px grey;
 
}
 
}
 
.navLinks div{
 
.navLinks div{
Line 69: Line 100:
 
}
 
}
  
−
body {  
+
<!--body {  
−
background-color: #e3e3e3;
+
background-color: #f5f5f5;
 
         font-family: Arial, Calibri, sans-serif;
 
         font-family: Arial, Calibri, sans-serif;
−
}
+
}-->
 +
body {
 +
    font-family: Geneva, Verdana, sans-serif;
  
−
/*-- the # before a name refers to the id (not class) affected; the :hover modifies it to only take effect when the mouse hovers
 
−
This section uses CSS3 animations to resize the text in the links in a 1 second animation --*/
 
−
#HomeBox:hover, #BackgroundBox:hover, #ProjectBox:hover, #LabBox:hover, #ModelingBox:hover, #HumanPraticesBox:hover, #PeopleBox:hover{
 
−
/*--webkit is for chrome, opera, and safari--*/
 
−
    -webkit-animation-name: navHover;
 
−
    -webkit-animation-duration: 1s;
 
−
    -webkit-animation-timing-function: ease-in;
 
−
    -webkit-animation-delay: 0s;
 
−
    -webkit-animation-iteration-count: 1;
 
−
    -webkit-animation-direction: normal;
 
−
    -webkit-animation-play-state: running;
 
−
    -webkit-animation-fill-mode: forwards;
 
−
/*--moz is for mozilla browsers--*/
 
−
    -moz-animation-name: navHover;
 
−
    -moz-animation-duration: 1s;
 
−
    -moz-animation-timing-function: ease-in;
 
−
    -moz-animation-delay: 0s;
 
−
    -moz-animation-iteration-count: 1;
 
−
    -moz-animation-direction: normal;
 
−
    -moz-animation-play-state: running;
 
−
    -moz-animation-fill-mode: forwards;
 
−
/*--standard syntax for ie/others--*/
 
−
    animation-name: navHover;
 
−
    animation-duration: 1s;
 
−
    animation-timing-function: ease-in;
 
−
    animation-delay: 0s;
 
−
    animation-iteration-count: 1;
 
−
    animation-direction: normal;
 
−
    animation-play-state: running;
 
−
    animation-fill-mode: forwards;
 
 
}
 
}
−
@-webkit-keyframes navHover {
 
−
    from {background: #D1CAB0;}
 
−
    to {background: #B3B3D7;}
 
−
}
 
−
@-moz-keyframes navHover {
 
−
    from {background: #D1CAB0;}
 
−
    to {background: #B3B3D7;}
 
−
}
 
−
@keyframes navHover {
 
−
    from {background: #D1CAB0;}
 
−
    to {background: #B3B3D7;}
 
−
}
 
−
 
 
</style>
 
</style>
 
</head>
 
</head>
Line 125: Line 115:
 
<table width="100%" align="center" cellspacing="0">
 
<table width="100%" align="center" cellspacing="0">
 
<tr height="90px">  
 
<tr height="90px">  
−
<td style="width:10%"></td>
+
<td style="width:15%"></td>
 
<td id="HomeBox"><a id="homeLink" href="https://2015.igem.org/Team:WLC-Milwaukee" style="text-decoration:none" >Home</a></td>
 
<td id="HomeBox"><a id="homeLink" href="https://2015.igem.org/Team:WLC-Milwaukee" style="text-decoration:none" >Home</a></td>
 
<td id="ProjectBox"><a id="projectLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Project" style="text-decoration:none">Project</a></td>
 
<td id="ProjectBox"><a id="projectLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Project" style="text-decoration:none">Project</a></td>
 
<td id="PartsBox"><a id="partsLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Parts" style="text-decoration:none">Parts</a></td>
 
<td id="PartsBox"><a id="partsLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Parts" style="text-decoration:none">Parts</a></td>
−
<td id="NotebookBox"><a id="notebookLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Notebook" style="text-decoration:none">Notebook</a></td>
+
<td id="NotebookBox"><a id="notebookLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Notebook" style="text-decoration:none">Documentation</a></td>
 
<td id="ModelingBox"><a id="modelingLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Modeling" style="text-decoration:none">Modeling</a></td>  
 
<td id="ModelingBox"><a id="modelingLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Modeling" style="text-decoration:none">Modeling</a></td>  
−
<td id="measureBox"><a id="teamLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Measure">Measurement</a></td>
+
<td id="practBox"><a id="practLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Practices">Policy</a></td>
−
<td id="practBox"><a id="practLink" href="https://2015.igem.org/Team:WLC-Milwaukee/HumanPractices">Human Practices</a></td>
+
<td id="teamBox"><a id="teamLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Attributions">People</a></td>
−
<td id="teamBox"><a id="teamLink" href="https://2015.igem.org/Team:WLC-Milwaukee/Team">Team</a></td>
+
<td style="width:15%"></td>
−
<td style="width:10%"></td>
+
 
</tr>
 
</tr>
 
</table>
 
</table>

Latest revision as of 07:23, 18 September 2015