Template:Team:Aberdeen Scotland/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* REMOVE WIKI STYLING */
+
<html>
 +
<head>
-
body, html, #globalWrapper, #content {
+
<!-- Charset -->
-
background: transparent;
+
<meta charset="UTF-8">
-
margin: 0;
+
-
padding: 0;
+
-
border: 0 none transparent;
+
-
font-size: 1em;
+
-
width: auto;
+
-
border-top: 1px solid transparent;
+
-
margin-top: -1px;
+
-
}
+
-
 
+
-
#top-section {
+
-
border: 0 none transparent;
+
-
margin: auto;
+
-
padding: 0;
+
-
width: 975px;
+
-
height: 1.5em;
+
-
margin-bottom: -1.5em;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
li.selected a {
+
-
border: 0 none transparent;
+
-
color: transparent;
+
-
margin: auto;
+
-
padding: 0;
+
-
width: 975px;
+
-
height: 1.5em;
+
-
margin-bottom: -1.5em;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#menubar.left-menu li {
+
-
color: transparent;
+
-
}
+
-
 
+
-
#top-section:hover #menubar * {
+
-
color: blue !important;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#top-section:hover #menubar.left-menu {
+
-
background: rgba(255, 255, 255, 0.75) !important;
+
-
}
+
-
#search-controls{
+
-
        height: 0px;
+
-
        display: none !important;
+
-
}
+
-
 
+
-
#content>p:first-child {
+
-
        margin: 0;
+
-
        height: 0;
+
-
        display: none;
+
-
}
+
-
 
+
-
.toc {
+
-
        display: none;
+
-
}
+
-
 
+
-
.editsection {
+
-
        display: none;
+
-
}
+
-
 
+
-
 
+
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}
+
-
 
+
-
/* END OF STYLING REMOVAL*/
+
-
 
+
-
 
+
-
#top, .firstHeading {
+
-
display: none;
+
-
}
+
-
 
+
-
body {
+
-
background: #8B2942; /*E6E6E6*/
+
-
color: #8B2942;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
 
+
-
.pg_break {
+
-
clear: both;
+
-
border: 1px dotted #8B2942;
+
-
}
+
-
 
+
-
* {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
p {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
a {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
ul {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
list-style: none;
+
-
}
+
-
 
+
-
#wrapper{
+
-
background: #8B2942;
+
-
width: 975px;
+
-
margin: auto;
+
-
text-align: left;
+
-
}
+
-
 
+
-
#wrapper h1, h2, h3, h4, h5, h6 {
+
-
color: #8B2942;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
border: none;
+
-
}
+
-
 
+
-
#header {
+
-
width: auto;
+
-
margin: auto;
+
-
}
+
-
 
+
-
.logo a {
+
-
background-image: url(https://static.igem.org/mediawiki/2014/5/51/Head.png);
+
-
background-repeat: no-repeat;
+
-
display: block;
+
-
width: 975px;
+
-
height: 327px;
+
-
z-index: -1;
+
-
}
+
-
 
+
-
#navbar {
+
-
margin-top: -33px;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
ul.navbar {
+
-
float: center;
+
-
margin: 0px;
+
-
margin-left: 10px;
+
-
padding: 0px;
+
-
text-align: center;
+
-
display: block;
+
-
}
+
-
 
+
-
ul.navbar li {
+
-
padding: 0px;
+
-
margin: 0px;
+
-
display: inline-block;
+
-
float: left;
+
-
}
+
-
 
+
-
.navbar li a {
+
-
float: left;
+
-
margin-top: 3px;
+
-
margin-bottom: 1px;
+
-
padding-left: 12px;
+
-
padding-right: 12px;
+
-
font-family: "Calibri", tahoma, arial, sans-serif;
+
-
font-size: 18px;
+
-
color: #FFF;
+
-
background: #8B2942;
+
-
line-height: 30px;
+
-
text-decoration: none;
+
-
border-right: 1px dotted #FFF;
+
-
}
+
-
 
+
-
.navbar li a.Act {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
margin-top: 0px;
+
-
border-bottom: 3px solid #FFF;
+
-
}
+
-
 
+
-
.navbar li a:hover {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
position: relative;
+
-
margin-top: 0px;
+
-
border-bottom: 3px solid #FFF;
+
-
}
+
-
 
+
-
.navbar li a.Act:hover {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
margin-top: 0px;
+
-
border-bottom: 3px solid #FFF;
+
-
}
+
-
 
+
-
#social {
+
-
float: right;
+
-
background: url(https://static.igem.org/mediawiki/2014/f/f4/Blur.png);
+
-
background-repeat: no-repeat;
+
-
width: 114px;
+
-
height: 30px;
+
-
padding-top: 4px;
+
-
display: block;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
ul.social {
+
-
display: block;
+
-
}
+
-
 
+
-
.social li a {
+
-
float: right;
+
-
margin-right: 12px;
+
-
width: 22px;
+
-
height: 22px;
+
-
display: inline-block;
+
-
}
+
-
 
+
-
.social li a:hover {
+
-
position: relative;
+
-
margin-top: -2px;
+
-
margin-left: -1px;
+
-
margin-right: 13px;
+
-
}
+
-
 
+
-
.social li a:hover img {
+
-
display: block;
+
-
width: 23px;
+
-
height: 23px;
+
-
}
+
-
 
+
-
#pcontent {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
margin-top: -1px;
+
-
z-index: 1;
+
-
display: inline-block;
+
-
}
+
-
 
+
-
#sidebar {
+
-
background: #8B2942;
+
-
float: left;
+
-
margin: 0;
+
-
width: 150px;
+
-
display: inline-block;
+
-
}
+
-
 
+
-
.sidebar {
+
-
display: block;
+
-
height: 100%;
+
-
}
+
-
 
+
-
.sidebar li {
+
-
display: block;
+
-
background: #8B2942;
+
-
color: #FFF;
+
-
margin: 0;
+
-
padding: 0;
+
-
padding-top: 3px;
+
-
padding-bottom: 3px;
+
-
}
+
-
 
+
-
.sidebar li.curr {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
}
+
-
 
+
-
.sidebar li:hover {
+
-
background: #FFF;
+
-
color: #8B2942;
+
-
}
+
-
 
+
-
.sidebar li.curr:hover {
+
-
}
+
<title>Team:Aberdeen Scotland/Modelling - 2014.ogem.org</title>
-
.sidebar li a {
+
<!-- JavaScript -->
-
display: block;
+
<script src="https://2014.igem.org/Template:Team:Aberdeen_Scotland/JS?action=raw&ctype=text/js"></script>
-
color: #FFF;
+
-
margin-left: 3px;
+
-
padding-left: 20px;
+
-
width: 125px;
+
-
text-decoration: none;
+
-
border-left: 2px solid #FFF;
+
-
}
+
-
.sidebar li a:hover {
+
<!-- Include CSS -->
-
color: #8B2942;
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Template:Team:Aberdeen_Scotland/CSS?action=raw&ctype=text/css">
-
border-left: 2px solid #8B2942;
+
-
}
+
-
.sidebar li a.curr {
+
</head>
-
color: #8B2942;
+
<body>
-
border-left: 2px solid #8B2942;
+
<div id="wrapper">
-
}
+
<div id="header">
 +
<div class="logo">
 +
<a href="http://abdn.ac.uk" title="University of Aberdeen"></a>
 +
</div>
 +
<div id="navbar">
 +
<ul class="navbar">
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland">Home</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Team">Team</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Project">Project</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Parts">Parts</a></li>
 +
<li><a class="Act" href="https://2014.igem.org/Team:Aberdeen_Scotland/Modeling">Modelling</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Safety">Safety</a></li>
 +
<li><a href="https://2014.igem.org/Team:Aberdeen_Scotland/Attributions">Attributions</a></li>
 +
</ul>
 +
<div id="social">
 +
<ul class="social">
 +
<li><a href="http://twitter.com/iGEM2014ABDN" title="Twitter"><img src="https://static.igem.org/mediawiki/2014/7/78/Tw_inv_22.png"></a></li>
 +
<li><a href="http://plus.google.com/106825238674841642988" rel="publisher" title="Google+"><img src="https://static.igem.org/mediawiki/2014/4/45/G%2B22.png"></a></li>
 +
<li><a href="http://www.facebook.com/iGEM2014ABDN" title="Facebook"><img src="https://static.igem.org/mediawiki/2014/3/35/Fb_icon_22.png"></a></li>
 +
</ul>
 +
</div>
 +
</div>
-
.sidebar li a.curr:hover {
+
</div> <br class="clear"> <!-- END OF HEADER -->
-
+
-
}
+
<div id="pcontent">
 +
<br class="clear">
 +
<!-- SIDEBAR -->
 +
<div id="sidebar">
 +
<ul class="sidebar">
 +
<li class="curr"><a class="curr" href="#">Blank</a></li>
 +
<li><a href="#">Blank</a></li>
 +
<li><a href="#">Blank</a></li>
 +
</ul>
 +
</div>
-
#container {
+
<!-- CONTAINER -->
-
clear: right;
+
<div id="container">
-
float: right;
+
-
width: 800px;
+
-
padding-left: 25px;
+
-
display: inline-block;
+
-
}
+
-
.t_overview {
+
<!-- SECTION HEAD -->
-
display: block;
+
<div class="t_overview">
-
float: left;
+
<h1>Overview</h1>
-
margin-bottom: 20px;
+
<p>We are a team of undergrads studying in University of Aberdeen. There's six of us - 5 biologists and 1 physicist.</p>
-
}
+
</div> <br class="clear"> <!-- END OF HEAD -->
-
 
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-
.t_overview h1 {
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-
padding-top: 1px;
+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-
margin-bottom: 10px;
+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-
}
+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-
 
+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
.t_overview p {
+
-
margin-top: 5px;
+
-
margin-bottom: 5px;
+
-
}
+
-
 
+
-
ul.back_button {
+
-
display: inline-block;
+
-
}
+
-
 
+
-
ul.back_button li {
+
-
margin: 10px;
+
-
}
+
-
 
+
-
.back_button li a {
+
-
padding-top: 6px;
+
-
padding-bottom: 6px;
+
-
padding-left: 7px;
+
-
padding-right: 7px;
+
-
text-decoration: none;
+
-
color: #FFF;
+
-
background: #8B2942;
+
-
border: 2px solid #8B2942;
+
-
}
+
-
 
+
-
.back_button li a:hover {
+
-
color: #8B2942;
+
-
background: #FFF;
+
-
}
+
-
 
+
-
.external {
+
-
display: block;
+
-
float: left;
+
-
}
+
-
 
+
-
#member {
+
-
+
-
}
+
-
 
+
-
div#member {
+
-
width: 100%;
+
-
float: left;
+
-
display: block;
+
-
/*background: rgba(139, 41, 66, 0.1);*/
+
-
-webkit-box-sizing: border-box;
+
-
  -moz-box-sizing: border-box;
+
-
        box-sizing: border-box;
+
-
border: 20px solid #FFF;
+
-
-webkit-border-radius: 30px;
+
-
        border-radius: 30px;
+
-
}
+
-
 
+
-
#member div {
+
-
display: inline-block;
+
-
}
+
-
 
+
-
#members {
+
-
 
+
-
}
+
-
 
+
-
img.prof_pic {
+
-
float: right;
+
-
height: auto;
+
-
max-width: 190px;
+
-
margin-left: 25px;
+
-
margin-right: 25px;
+
-
margin-bottom: 5px;
+
-
margin-top: 0px;
+
-
}
+
-
 
+
-
#member img {
+
-
+
-
}
+
-
 
+
-
.name {
+
-
float: left;
+
-
margin: auto;
+
-
padding: 15px;
+
-
}
+
-
 
+
-
.member_descr {
+
-
margin: auto;
+
-
padding: 15px;
+
-
display: inline-block;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
.member_descr h2 {
+
-
margin-top: 0px;
+
-
font-size: 20px;
+
-
}
+
-
 
+
-
.member_descr p {
+
-
+
-
}
+
-
.clear {
+
</div> <!-- END OF CONTAINER -->
-
clear: both;
+
-
}
+
</div> <br class="clear"> <!-- END OF PAGE CONTENT -->
-
#footer {
+
<div id="footer">
-
background: #FFF;
+
-
color: #8B2942;
+
-
width: 975px;
+
-
margin-top: 0px;
+
-
display: inline-block;
+
-
}
+
-
.sponsors {
+
<ul class="sponsors">
-
padding-top: 15px;
+
<li><a href="http://www.abdn.ac.uk/" title="University of Aberdeen"><img src="https://static.igem.org/mediawiki/2014/c/c6/Uni_of_ab.png"></a></li>
-
padding-bottom: 15px;
+
<li><a href="http://www.bbsrc.ac.uk/" title="BBSRC"><img src="https://static.igem.org/mediawiki/2014/a/a9/Bbsrc.png"></a></li>
-
}
+
<li><a href="http://www.biochemistry.org" title="Biochemical Society"><img src="https://static.igem.org/mediawiki/2014/7/7c/Biochem_soc.png"></a></li>
 +
<li><a href="http://www.sgm.ac.uk/" title="Society for General Microbiology"><img src="https://static.igem.org/mediawiki/2014/f/f5/Soc_general_microb.png"></a></li>
 +
<li><a href="http://www.sulsa.ac.uk/" title="SULSA"><img src="https://static.igem.org/mediawiki/2014/2/24/Sulsa.png"></a></li>
 +
</ul>
-
.sponsors li a img {
+
</div> <!-- END OF FOOTER -->
-
width: 150px;
+
</div> <!-- END OF PAGE WRAPPER-->
-
}
+
</body>
 +
</html>

Revision as of 23:33, 13 August 2014

Team:Aberdeen Scotland/Modelling - 2014.ogem.org



Overview

We are a team of undergrads studying in University of Aberdeen. There's six of us - 5 biologists and 1 physicist.


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Retrieved from "http://2014.igem.org/Template:Team:Aberdeen_Scotland/CSS"