Difference between revisions of "Template:CSS UCL5"

 
(42 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
  
−
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway"/>
+
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/>
 +
<link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
 +
<link href='https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
Line 48: Line 54:
 
/* end-of-references */
 
/* end-of-references */
  
 +
.bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/4/43/UCL_headercircle.png'); text-align: center; line-height: 2;
 +
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 300px; color: #22343C;}
  
 +
.bigtitle a {color: #22343C; text-decoration: none;}
  
 +
.title2 {font-family: Allura; font-size: 300%;line-height:1.5; color:grey;}
 +
 +
.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;}
 +
 +
.arrow {font-size: 50px;}
 +
 +
/*HEADINGS*/
 
h5 {
 
h5 {
 
font-size:600%;
 
font-size:600%;
Line 60: Line 76:
 
}
 
}
  
 +
h3{padding:25px 40px 0px 0px;}
 +
 +
#text h2 {
 +
font-size: 30px !important;
 +
}
 +
 +
#wrapper {
 +
width: 80%;
 +
height: 80%;
 +
margin: 0 auto;
 +
position: relative;
 +
top: 80px;
 +
opacity: 1;
 +
}
 +
 +
#submenu {
 +
width: 100%;
 +
margin-top: 20px;
 +
text-align: center;
 +
position: relative;}
 +
 +
#text {
 +
margin-top: 50px;
 +
z-index: 9999;
 +
}
 +
#text h2 {
 +
font-size: 20px;
 +
text-decoration: none;
 +
border-bottom: 0px;
 +
display: block;
 +
background-color: #c97062;
 +
color: #fff;
 +
font-weight: bold;
 +
border-radius: 4px;
 +
padding: 10px;
 +
opacity: 0.5;
 +
}
  
 
a {
 
a {
Line 417: Line 470:
  
 
@media(max-width:400px){
 
@media(max-width:400px){
−
h5 {font-size:400%;margin-top:30px;text-align:center;font-familt:arial;}
+
h5 {font-size:400%;margin-top:30px;text-align:center;font-family: arial;}
 
#main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
 
#main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
 
}
 
}
Line 425: Line 478:
 
.mainmenu {display:none;}
 
.mainmenu {display:none;}
 
.mainmenu ul {display:none;}
 
.mainmenu ul {display:none;}
 +
 
#hidden-menu {
 
#hidden-menu {
 
display:block;}
 
display:block;}
Line 455: Line 509:
 
padding-top:8px;
 
padding-top:8px;
 
padding-bottom:8px;
 
padding-bottom:8px;
−
box-shadow:1.5px 1.5px lightgrey;
+
/*box-shadow:1.5px 1.5px lightgrey;*/
 
border-radius:4px;
 
border-radius:4px;
 
opacity:0.9;
 
opacity:0.9;
Line 523: Line 577:
 
position:fixed;
 
position:fixed;
 
top:26px;
 
top:26px;
 +
right:3%;
 
z-index:99998;
 
z-index:99998;
 
}
 
}
Line 554: Line 609:
 
display:none;
 
display:none;
 
position:fixed;
 
position:fixed;
−
top:53px
+
top:53px;
−
;
+
margin:auto;
 
}
 
}
  
 
.menu-items li ul li{
 
.menu-items li ul li{
 
clear:both;
 
clear:both;
−
position:relative;
+
position: relative;
−
left:-25px;
+
−
background: none;
+
 
text-align: center;
 
text-align: center;
 +
font-size:9px;
 
display: block;
 
display: block;
 
background: #383E45;
 
background: #383E45;
 
padding: 4px;
 
padding: 4px;
 
/*border: solid 1px #493C54;
 
/*border: solid 1px #493C54;
−
border-radius: 4px;*/
+
border-radius: 4px;
−
box-shadow:1.5px 1.5px lightgrey;
+
box-shadow:1.5px 1.5px lightgrey;*/
 
opacity:0.95;
 
opacity:0.95;
 
z-index:99999999;
 
z-index:99999999;
Line 770: Line 824:
  
 
<div id="igemlogo">
 
<div id="igemlogo">
 +
<ul style="margin-top:-5px;">
 +
<ul style="margin-left:-50px;">
 
<a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div>
 
<a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div>
  
 
<div id="ucligemlogo">
 
<div id="ucligemlogo">
−
<a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/0/0f/UCL_iGEM_logo.png" style="width: 45px; height: 45px; opacity: 0.8;"></a>
+
<ul style="margin-top:5px;">
 +
<ul style="margin-left:-50px;">
 +
<a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/b/b7/UCL_igem_logo_black_and_white.png" style="width: 40px; height: 40px; opacity: 0.8;"></a>
 
</div>
 
</div>
  
Line 780: Line 838:
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
 
−
<li><!--<a href="https://2015.igem.org/Team:UCL/Experiments">--><a href="#">Lab work</a>
+
<li><a href="#">Lab work</a>
 
<ul>   
 
<ul>   
  
Line 794: Line 852:
  
  
−
<li><a href="#">Policy & Practice</a>
+
<li><a href="#">Practices</a>
 
<ul>
 
<ul>
 
 
−
<li><a href="https://2015.igem.org/Team:UCL/Practices">Human Practices</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Practices">Integrated Human Practices</a></li>
−
<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Public Engagement</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Education and Public Engagement</a></li>
  
 
</ul>
 
</ul>
Line 839: Line 897:
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>
−
<li><a href="https://2015.igem.org/Team:UCL/Experiments">Science</a></li><li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Experiments">Labwork</a></li><li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/People">People</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/People">People</a></li>
−
<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice"=">Policy & Practice</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice">Policy & Practice</a></li>
−
<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
+
<!--<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>-->
 
</ul>
 
</ul>
 
</div>
 
</div>
 +
         
 +
          </div>
 
</body>
 
</body>
  
−
</p>
 
 
</html>
 
</html>

Latest revision as of 12:41, 17 September 2015