Difference between revisions of "Template:WashU StLouis"

m
m
 
(89 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<style>
 
<style>
  
−
 
+
@font-face {
−
@import 'https://fonts.googleapis.com/css?family=Martel|Martel+Sans:400,700,900';
+
font-family: Bangers;
−
 
+
src: url(https://static.igem.org/mediawiki/2016/1/1d/T--WashU_StLouis--Bangers.woff);
 +
}
 +
@font-face {
 +
font-family: Boogaloo;
 +
src: url(https://static.igem.org/mediawiki/2016/8/8e/T--WashU_StLouis--Boogaloo.woff);
 +
}
 +
@font-face {
 +
font-family: MartelReg;
 +
src: url(https://static.igem.org/mediawiki/2016/f/f3/T--WashU_StLouis--MartelReg.woff);
 +
}
  
  
Line 14: Line 23:
 
body {background-color:transparent; }
 
body {background-color:transparent; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
h1, h2, h3, h4, h5, h6, h7 { font-family: 'Martel Sans' sans-serif; }
+
h1, h2, h3, h4, h5, h6, h7 {font-family: 'MartelReg', sans-serif;}
 
h1{ font-size: 100px; line-height: normal; text-align: center; }
 
h1{ font-size: 100px; line-height: normal; text-align: center; }
 
h2{ font-size: 25px; line-height: normal; text-align: center; }
 
h2{ font-size: 25px; line-height: normal; text-align: center; }
 +
h3{ font-size: 25px; line-height: normal; text-align: center; }
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
Line 26: Line 36:
 
padding:0px 0px 0px 0px;
 
padding:0px 0px 0px 0px;
 
float:left;  
 
float:left;  
−
background-color:#f2f2f2;  
+
background-color: #dbdbdb;  
 
text-align:left;
 
text-align:left;
−
                 font-family: 'Martel Sans', sans-serif;
+
                 font-family: 'MartelReg', sans-serif;
 
                 z-index:50;
 
                 z-index:50;
 
box-shadow: 0px 4px 20px 0px grey;
 
box-shadow: 0px 4px 20px 0px grey;
Line 35: Line 45:
 
/* styling for the menu items */
 
/* styling for the menu items */
 
.menu_item {
 
.menu_item {
−
width:12%;  
+
width:13%;  
 
margin: 0px 0px 0px 0px;
 
margin: 0px 0px 0px 0px;
−
padding: 10px 10px 10px 10px;   
+
//padding: 10px 10px 10px 10px;   
−
border-left: 1px solid #d3d3d3;  
+
//border-left: 1px solid #000000;  
−
//border-right: 1px solid #d3d3d3;  
+
//border-right: 1px solid #000000;  
 
font-weight:bold;
 
font-weight:bold;
 
color:#000000;  
 
color:#000000;  
Line 60: Line 70:
 
/* when hovering on a menu item */
 
/* when hovering on a menu item */
 
.menu_item:hover {  
 
.menu_item:hover {  
−
color:#000000;  
+
//color:#000000;  
−
background-color: #72c9b6;
+
//background-color: #72c9b6;
 
}
 
}
  
Line 92: Line 102:
 
//width:100%;  
 
//width:100%;  
 
margin-top:-2px;
 
margin-top:-2px;
−
padding: 15px 15px 12px 15px ;  
+
padding: 0px 15px 0px 15px ;  
 
display:block;
 
display:block;
 
//border-bottom: 1px solid #d3d3d3;   
 
//border-bottom: 1px solid #d3d3d3;   
Line 106: Line 116:
 
-o-transition: all 0.4s ease; transition: all 0.4s ease;   
 
-o-transition: all 0.4s ease; transition: all 0.4s ease;   
 
}
 
}
 +
  
 
.menu_item a {
 
.menu_item a {
 +
display:block;
 
width: 100%;
 
width: 100%;
 +
//height: 100%;
 
//margin-left: -20px;
 
//margin-left: -20px;
−
//padding: 11px 90px 12px 20px;
+
padding: 15px 0px 12px 0px;
 
text-decoration: none;
 
text-decoration: none;
−
color:black;
+
color:#04036C;
 
}
 
}
  
 
/* When hovering on a menu item */
 
/* When hovering on a menu item */
 
.menu_items > li:hover {  
 
.menu_items > li:hover {  
−
background-color:#72c9b6;
+
background-color: #efefef;
−
color: #000000;
+
color:red;
 +
font-size:130%;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.super_cell  {
 +
font-family: 'Bangers';
 +
font-size:22px;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
 +
 
 +
.super_cell:hover {
 +
font-size:30px
 +
}
 +
 
 +
 
 +
.menu_items > li> a:hover {
 +
//background-color:#efefef;
 +
color:red;
 +
//font-size:16px;
 +
 
 
}
 
}
  
Line 127: Line 165:
 
font-weight:bold;
 
font-weight:bold;
 
cursor:pointer;  
 
cursor:pointer;  
−
 
+
font-size:12px;
 +
//background-color:#000000;
 
}
 
}
  
Line 133: Line 172:
 
ul.submenu {  
 
ul.submenu {  
 
width: 100%;
 
width: 100%;
−
margin: 10px 10px -16px -20px;
+
margin: 0px 10px -16px -20px;
 
list-style: none;
 
list-style: none;
 
}
 
}
Line 143: Line 182:
 
margin-bottom: 0px;
 
margin-bottom: 0px;
 
padding: 0px 0px 0px 0px;
 
padding: 0px 0px 0px 0px;
 +
cursor:pointer;
 
}
 
}
  
Line 152: Line 192:
 
display: inline-block;
 
display: inline-block;
 
border-bottom: 1px solid #d3d3d3;
 
border-bottom: 1px solid #d3d3d3;
 +
border-top: 1px solid #d3d3d3;
 
background-color:white;  
 
background-color:white;  
 
text-decoration:none;
 
text-decoration:none;
Line 160: Line 201:
  
 
.submenu li a:hover  {
 
.submenu li a:hover  {
−
background-color:#000000;  
+
//background-color:#000000;  
−
color: #72c9b6;
+
color: red;
 +
 
 
}
 
}
  
Line 259: Line 301:
  
 
}
 
}
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
+
.content_wrapper h3 {
 +
padding:20px 0px 20px 0px;
 +
border-bottom:0px;
 +
color:#000000;
 +
 
 +
}
 +
.content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
Line 268: Line 316:
 
.page_title {
 
.page_title {
 
background-color: #f2f2f2;
 
background-color: #f2f2f2;
 +
margin: 0px 0px 100px 0px;
 
padding: 50px 0px 50px 0px;
 
padding: 50px 0px 50px 0px;
 
}
 
}
 +
 +
 +
 +
.title2 {
 +
margin:-100px 0px 0px 0px;
 +
padding: 0px 0px 50px 0px;
 +
height: 35vw;
 +
background: url('https://static.igem.org/mediawiki/2016/3/3b/T--WashU_StLouis--Background1.png') 0% 0 fixed;
 +
background-position: 0% 0%;
 +
}
 +
 +
.action {
 +
position: absolute;
 +
top:2vw;
 +
//margin-top:-100px;
 +
width:80vw;
 +
left: 5vw;
 +
z-index: 7;
 +
 +
}
 +
.actionwords {
 +
position: absolute;
 +
top:17vw;
 +
margin-top:-100px;
 +
width:60vw;
 +
left: 51vw;
 +
margin-left: -42vw;
 +
z-index: 49;
 +
    font-family: 'Bangers', sans-serif;
 +
    font-weight: normal;
 +
    font-size: 150px;
 +
    text-align: center;
 +
    //overflow: visible;
 +
    line-height: normal;
 +
    color: #ffffff !important;
 +
    text-shadow:
 +
    -2px -2px 0 #000,
 +
    2px -2px 0 #000,
 +
    -2px 2px 0 #000,
 +
    2px 2px 0 #000;
 +
 +
 +
}
 +
 +
 +
.lactionwords {
 +
position: absolute;
 +
top:14vw;
 +
margin-top:-100px;
 +
width:60vw;
 +
left: 51vw;
 +
margin-left: -42vw;
 +
z-index: 49;
 +
 +
 +
    font-family: 'Bangers', sans-serif;
 +
    font-weight: normal;
 +
    font-size: 150px;
 +
    text-align: center;
 +
    //overflow: visible;
 +
    line-height: normal;
 +
    color: #ffffff !important;
 +
    text-shadow:
 +
    -2px -2px 0 #000,
 +
    2px -2px 0 #000,
 +
    -2px 2px 0 #000,
 +
    2px 2px 0 #000;
 +
 +
 +
}
 +
 +
 +
.speech {
 +
position: absolute;
 +
top:13vw;
 +
margin-top:-100px;
 +
width:30vw;
 +
left:69vw;
 +
margin-left: 0vw;
 +
z-index: 8;
 +
 +
}
 +
.speechwords {
 +
 +
font-family: 'Boogaloo', sans-serif;
 +
position: absolute;
 +
top:20vw;
 +
margin-top:-100px;
 +
width:24vw;
 +
left: 72vw;
 +
margin-left: 0vw;
 +
z-index: 9;
 +
 +
}
 +
 +
.page_text{
 +
padding: 50px 5vw 0px 5vw;
 +
}
 +
 +
.page_references{
 +
padding: 0px 8vw 0px 8vw;
 +
}     
 +
 +
.page_references p{
 +
font-size: 15px;
 +
font-family: 'Times New Roman', Times, serif;
 +
text-align: center;
 +
} 
 +
 +
.page_references li{
 +
font-size: 15px;
 +
font-family: 'Times New Roman', Times, serif;
 +
}     
 +
  
  
 
/* font and text */
 
/* font and text */
−
.content_wrapper p {  
+
.page_text p {  
−
padding:0px 15px;  
+
padding:10px 0px 10px 0px;  
 
font-size: 18px;
 
font-size: 18px;
 
//font-family:Tahoma, Geneva, sans-serif;  
 
//font-family:Tahoma, Geneva, sans-serif;  
−
font-family: 'Martel Sans', sans-serif;
+
font-family: 'MartelReg', sans-serif;
 +
line-height: 200%;
 
}
 
}
  
Line 304: Line 468:
 
font-size: 18px;
 
font-size: 18px;
 
//font-family:Tahoma, Geneva, sans-serif;
 
//font-family:Tahoma, Geneva, sans-serif;
−
                 font-family: 'Martel Sans', sans-serif;  
+
                 font-family: 'MartelReg', sans-serif;
 
}
 
}
  
Line 312: Line 476:
 
font-size: 18px;
 
font-size: 18px;
 
//font-family:Tahoma, Geneva, sans-serif;  
 
//font-family:Tahoma, Geneva, sans-serif;  
−
                 font-family: 'Martel Sans', sans-serif;
+
                 font-family: 'MartelReg', sans-serif;
 
}
 
}
  
Line 374: Line 538:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
 
         }
 
         }
  
Line 380: Line 545:
 
             color: #444;
 
             color: #444;
 
             cursor: pointer;
 
             cursor: pointer;
−
             padding: 18px;
+
             //padding: 18px;
 
             width: 50%;
 
             width: 50%;
 
             border: none;
 
             border: none;
Line 387: Line 552:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
            padding: 10px;
 +
 
         }
 
         }
 
          
 
          
Line 392: Line 559:
 
         button.protocol-accordion:hover {
 
         button.protocol-accordion:hover {
 
             background-color: #ddd;
 
             background-color: #ddd;
 +
            padding: 20px;
 +
 +
 
         }
 
         }
 
          
 
          
Line 399: Line 569:
 
             color: #777;
 
             color: #777;
 
             float: right;
 
             float: right;
−
             margin-left: 5px;
+
             padding-right: 20px;
 +
 
 +
 
 +
 
 
         }
 
         }
 
          
 
          
 
         button.protocol-accordion.active:after {
 
         button.protocol-accordion.active:after {
 
             content: "\2796";
 
             content: "\2796";
 +
            padding-right: 20px;
 +
 +
 +
 
         }
 
         }
 
          
 
          
 
         div.protocol-panel {
 
         div.protocol-panel {
−
            padding: 0 18px;
 
 
             background-color: white;
 
             background-color: white;
 +
            //padding: 0 18px;
 
             max-height: 0;
 
             max-height: 0;
 
             overflow: hidden;
 
             overflow: hidden;
Line 418: Line 595:
 
             opacity: 1;
 
             opacity: 1;
 
             max-height: 800px;
 
             max-height: 800px;
 +
            padding: 25px 0px 25px 0px;
 +
            margin: 25px 18px 25px 0px;
 +
            background-color: #E8E8E8;
 
         }
 
         }
  
Line 471: Line 651:
 
<ul id="accordion" class="accordion menu_items">
 
<ul id="accordion" class="accordion menu_items">
  
−
<li class="menu_item left_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis">HOME</a> </li>
+
<li class="menu_item left_mi" > <a href="https://2016.igem.org/Team:WashU_StLouis" class = "super_cell">SUPER CELLS</a> </li>
 +
 
 +
 
 +
<li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement"> ACHIEVEMENTS </a>
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Achievements">Medal Achievements</a></li>
 +
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement">Measurement Award</a></li>
 +
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Model">Model Award</a></li>
 +
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Basic_Part">Basic Part</a></li>
 +
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li>
 +
 
 +
                    </ul>
 +
                </li>
 +
 
  
 
<li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/HP/Silver">HUMAN PRACTICES</a> </li>
 
<li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/HP/Silver">HUMAN PRACTICES</a> </li>
  
  
−
<li class="menu_item right_mi"> <div class="icon plus"></div> LAB 
+
<li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments"> LAB </a>  
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments">Experiments</a></li>
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments">Experiments</a></li>
Line 486: Line 679:
  
  
−
<li class="menu_item right_mi"> <div class="icon plus"></div> PROJECT 
+
<li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Description"> PROJECT </a>  
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Description">Overview</a></li>
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Description">Overview</a></li>
Line 502: Line 695:
  
  
−
<li class="menu_item right_mi"> <div class="icon plus"></div>TEAM
+
<li class="menu_item right_mi"> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">TEAM</a>
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">Team</a> </li>
 
<li> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">Team</a> </li>
Line 510: Line 703:
 
                 </li>
 
                 </li>
 
 
−
<!--
 
−
<li class="menu_item right_mi"> <div class="icon plus"></div> (HIDDEN)
 
−
<ul class="submenu">
 
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement">Measurement</a></li>
 
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Model">Model</a></li>
 
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Human_Practices">Human Practices Summary</a></li>
 
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Basic_Part">Basic Parts</a></li>
 
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Parts</a></li>
 
−
                    </ul>
 
−
                </li>
 
  
−
//-->
+
 
 +
 
 
</ul>
 
</ul>
  

Latest revision as of 03:14, 20 October 2016

MENU ▤