Difference between revisions of "Template:WashU StLouis"

m
m
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
  
−
<head>
 
−
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
 
−
</head>
 
 
<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 17: 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; }
Line 30: Line 36:
 
padding:0px 0px 0px 0px;
 
padding:0px 0px 0px 0px;
 
float:left;  
 
float:left;  
−
background-color: #919090;  
+
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 124: Line 130:
 
/* When hovering on a menu item */
 
/* When hovering on a menu item */
 
.menu_items > li:hover {  
 
.menu_items > li:hover {  
−
background-color: #ffffff;
+
background-color: #efefef;
 
color:red;
 
color:red;
 
font-size:130%;
 
font-size:130%;
Line 147: Line 153:
  
 
.menu_items > li> a:hover {  
 
.menu_items > li> a:hover {  
−
//background-color:#ffffff;
+
//background-color:#efefef;
 
color:red;
 
color:red;
 
//font-size:16px;
 
//font-size:16px;
Line 329: Line 335:
 
//margin-top:-100px;
 
//margin-top:-100px;
 
width:80vw;
 
width:80vw;
−
left: 10vw;
+
left: 5vw;
 +
z-index: 7;
 +
 
 
}
 
}
 
.actionwords {
 
.actionwords {
 
position: absolute;
 
position: absolute;
−
top:18vw;
+
top:17vw;
 
margin-top:-100px;
 
margin-top:-100px;
−
width:40vw;
+
width:60vw;
−
left: 60vw;
+
left: 51vw;
 
margin-left: -42vw;
 
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;
  
  
Line 346: Line 380:
 
     //overflow: visible;
 
     //overflow: visible;
 
     line-height: normal;
 
     line-height: normal;
−
     color: #ffff00 !important;
+
     color: #ffffff !important;
 
     text-shadow:
 
     text-shadow:
−
     -1px -1px 0 #000,
+
     -2px -2px 0 #000,
−
     1px -1px 0 #000,
+
     2px -2px 0 #000,
−
     -1px 1px 0 #000,
+
     -2px 2px 0 #000,
−
     1px 1px 0 #000;  
+
     2px 2px 0 #000;  
  
  
 
}
 
}
 +
 +
 
.speech {
 
.speech {
 
position: absolute;
 
position: absolute;
Line 362: Line 398:
 
left:69vw;
 
left:69vw;
 
margin-left: 0vw;
 
margin-left: 0vw;
 +
z-index: 8;
 +
 
}
 
}
 
.speechwords {
 
.speechwords {
 +
 +
font-family: 'Boogaloo', sans-serif;
 
position: absolute;
 
position: absolute;
 
top:20vw;
 
top:20vw;
 
margin-top:-100px;
 
margin-top:-100px;
−
width:25vw;
+
width:24vw;
−
left: 71vw;
+
left: 72vw;
 
margin-left: 0vw;
 
margin-left: 0vw;
 +
z-index: 9;
 +
 
}
 
}
  
 
.page_text{
 
.page_text{
−
padding: 0px 5vw 0px 5vw;
+
padding: 50px 5vw 0px 5vw;
 
}
 
}
  
Line 398: Line 440:
 
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-height: 200%;
 
}
 
}
Line 426: 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 434: 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 496: Line 538:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
 
         }
 
         }
  
Line 502: Line 545:
 
             color: #444;
 
             color: #444;
 
             cursor: pointer;
 
             cursor: pointer;
−
             padding: 18px;
+
             //padding: 18px;
 
             width: 50%;
 
             width: 50%;
 
             border: none;
 
             border: none;
Line 509: Line 552:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
            padding: 10px;
 +
 
         }
 
         }
 
          
 
          
Line 514: Line 559:
 
         button.protocol-accordion:hover {
 
         button.protocol-accordion:hover {
 
             background-color: #ddd;
 
             background-color: #ddd;
 +
            padding: 20px;
 +
 +
 
         }
 
         }
 
          
 
          
Line 521: 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 540: 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 599: Line 657:
 
<ul class="submenu">
 
<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/Achievements">Medal Achievements</a></li>
−
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement">Measurement Prize</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 Prize</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/Basic_Part">Basic Part</a></li>
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li>
 
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li>

Latest revision as of 03:14, 20 October 2016

MENU ▤