Difference between revisions of "Template:WashU StLouis"

m
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
  
<head>
 
<link href="https://fonts.googleapis.com/css?family=Bangers|Boogaloo" 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 341: Line 347:
 
margin-left: -42vw;
 
margin-left: -42vw;
 
z-index: 49;
 
z-index: 49;
 
 
 
     font-family: 'Bangers', sans-serif;
 
     font-family: 'Bangers', sans-serif;
 
     font-weight: normal;
 
     font-weight: normal;
Line 349: Line 353:
 
     //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;  
  
  
Line 376: 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;  
  
  
Line 436: 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 464: 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 472: 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 534: Line 538:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
 
         }
 
         }
  
Line 540: Line 545:
 
             color: #444;
 
             color: #444;
 
             cursor: pointer;
 
             cursor: pointer;
             padding: 18px;
+
             //padding: 18px;
 
             width: 50%;
 
             width: 50%;
 
             border: none;
 
             border: none;
Line 547: Line 552:
 
             font-size: 15px;
 
             font-size: 15px;
 
             transition: 0.4s;
 
             transition: 0.4s;
 +
            padding: 10px;
 +
 
         }
 
         }
 
          
 
          
Line 552: Line 559:
 
         button.protocol-accordion:hover {
 
         button.protocol-accordion:hover {
 
             background-color: #ddd;
 
             background-color: #ddd;
 +
            padding: 20px;
 +
 +
 
         }
 
         }
 
          
 
          
Line 559: 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;
 +
 +
 +
 
         }
 
         }
 
          
 
          
Line 578: Line 595:
 
             opacity: 1;
 
             opacity: 1;
 
             max-height: 800px;
 
             max-height: 800px;
             padding: 50px 18px 50px 0px;
+
             padding: 25px 0px 25px 0px;
 
+
            margin: 25px 18px 25px 0px;
 +
            background-color: #E8E8E8;
 
         }
 
         }
  
Line 639: 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