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

 
(68 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<style type="text/css">
 
<style type="text/css">
 
/*-- Note: ", .firstHeading" was added to the non-display section below for what should be obvious reasons; it adds the ugly giant "what's this page called again" header section --*/
 
/*-- Note: ", .firstHeading" was added to the non-display section below for what should be obvious reasons; it adds the ugly giant "what's this page called again" header section --*/
 +
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
 
/*--Note: https://2014.igem.org/wiki/skins/common/commonPrint.css?270 may still be applied--*/
 
/*--Note: https://2014.igem.org/wiki/skins/common/commonPrint.css?270 may still be applied--*/
 
.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. 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 {
 +
    display: inline-block;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
#dummy {
 +
    padding-top: 56%; /* 4:3 aspect ratio */
 +
}
 +
#element {
 +
    position: absolute;
 +
    top: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    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;
 +
}
 +
 +
#globalWrapper, #content, #bodyContent { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 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;
 +
}
  
 
/*-- The navLinks style applies to the navigation bar (which is a table) --*/
 
/*-- The navLinks style applies to the navigation bar (which is a table) --*/
Line 20: 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 40: 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 --*/
 
−
#homeLink:hover, #ProjectBox:hover, #PartsBox:hover, #NotebookBox:hover, #ModelingBox:hover, #safeBox:hover, #measureBox:hover, #practBox:hover, #teamBox: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 {font-size: 20;}
 
−
    to {font-size: 26;}
 
−
}
 
−
@-moz-keyframes navHover {
 
−
    from {font-size: 20;}
 
−
    to {font-size: 26;}
 
−
}
 
−
@keyframes navHover {
 
−
    from {font-size: 20;}
 
−
    to {font-size: 26;}
 
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
  
−
<body onload="currPage()" height="150px">
+
<body height="150px">
 
<div id="wlcHeader" class="navLinks" style="z-index:5;top:14px;left:0px;position:fixed;height:90px;width:100%;">
 
<div id="wlcHeader" class="navLinks" style="z-index:5;top:14px;left:0px;position:fixed;height:90px;width:100%;">
 
<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>
 
</div>
 
</div>
−
<table height="100px" width="100%" style="background-color:#E7E7E7"><tr height="100px"style="background-color:#E7E7E7"><td style="background-color:#E7E7E7"></td></tr></table>
 
 
<div id="lowLink" class="lowLinks" style="z-index:4;top:104px;left:0px;position:fixed;height:45px;width:100%;">
 
<div id="lowLink" class="lowLinks" style="z-index:4;top:104px;left:0px;position:fixed;height:45px;width:100%;">
 
<table id="secondaryTable" style="background-color:transparent;border-bottom-right-radius:45px">
 
<table id="secondaryTable" style="background-color:transparent;border-bottom-right-radius:45px">

Latest revision as of 07:23, 18 September 2015