Template:Team:Aberdeen Scotland/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
/* REMOVE WIKI STYLING */
-
<head>
+
-
<!-- Charset -->
+
body, html, #globalWrapper, #content {
-
<meta charset="UTF-8">
+
background: transparent;
 +
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>
+
}
-
<!-- JavaScript -->
+
.sidebar li a {
-
<script src="https://2014.igem.org/Template:Team:Aberdeen_Scotland/JS?action=raw&ctype=text/js"></script>
+
display: block;
 +
color: #FFF;
 +
margin-left: 3px;
 +
padding-left: 20px;
 +
width: 125px;
 +
text-decoration: none;
 +
border-left: 2px solid #FFF;
 +
}
-
<!-- Include CSS -->
+
.sidebar li a:hover {
-
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Template:Team:Aberdeen_Scotland/CSS?action=raw&ctype=text/css">
+
color: #8B2942;
 +
border-left: 2px solid #8B2942;
 +
}
-
</head>
+
.sidebar li a.curr {
-
<body>
+
color: #8B2942;
-
<div id="wrapper">
+
border-left: 2px solid #8B2942;
-
<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>
+
-
</div> <br class="clear"> <!-- END OF HEADER -->
+
.sidebar li a.curr:hover {
-
+
-
<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 {
-
<div id="container">
+
clear: right;
 +
float: right;
 +
width: 800px;
 +
padding-left: 25px;
 +
display: inline-block;
 +
}
-
<!-- SECTION HEAD -->
+
.t_overview {
-
<div class="t_overview">
+
display: block;
-
<h1>Overview</h1>
+
float: left;
-
<p>We are a team of undergrads studying in University of Aberdeen. There's six of us - 5 biologists and 1 physicist.</p>
+
margin-bottom: 20px;
-
</div> <br class="clear"> <!-- END OF HEAD -->
+
}
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
 
-
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
.t_overview h1 {
-
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
padding-top: 1px;
-
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
margin-bottom: 10px;
-
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 {
 +
 +
}
-
</div> <!-- END OF CONTAINER -->
+
.clear {
-
+
clear: both;
-
</div> <br class="clear"> <!-- END OF PAGE CONTENT -->
+
}
-
<div id="footer">
+
#footer {
 +
background: #FFF;
 +
color: #8B2942;
 +
width: 975px;
 +
margin-top: 0px;
 +
display: inline-block;
 +
}
-
<ul class="sponsors">
+
.sponsors {
-
<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-top: 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>
+
padding-bottom: 15px;
-
<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>
+
-
</div> <!-- END OF FOOTER -->
+
.sponsors li a img {
-
</div> <!-- END OF PAGE WRAPPER-->
+
width: 150px;
-
</body>
+
}
-
</html>
+

Revision as of 23:33, 13 August 2014

/* REMOVE WIKI STYLING */

body, html, #globalWrapper, #content { background: transparent; margin: 0; padding: 0; border: 0 none transparent; font-size: 1em; width: auto; border-top: 1px solid transparent; margin-top: -1px; }

  1. 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; }

  1. menubar.left-menu li {

color: transparent; }

  1. top-section:hover #menubar * {

color: blue !important; text-decoration: none; }

  1. top-section:hover #menubar.left-menu {

background: rgba(255, 255, 255, 0.75) !important; }

  1. search-controls{ 
       height: 0px;
       display: none !important;

}

  1. content>p:first-child { 
       margin: 0;
       height: 0;
       display: none;

}

.toc { 

       display: none;

}

.editsection { 

       display: none;

}


  1. contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}

/* END OF STYLING REMOVAL*/


  1. 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; }

  1. wrapper{

background: #8B2942; width: 975px; margin: auto; text-align: left; }

  1. wrapper h1, h2, h3, h4, h5, h6 {

color: #8B2942; font-family: Arial, Helvetica, sans-serif; border: none; }

  1. header {

width: auto; margin: auto; }

.logo a { background-image: url(Head.png); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }

  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; }

  1. social {

float: right; background: url(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; }

  1. pcontent {

background: #FFF; color: #8B2942; margin-top: -1px; z-index: 1; display: inline-block; }

  1. 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 {

}

.sidebar li a { display: block; color: #FFF; margin-left: 3px; padding-left: 20px; width: 125px; text-decoration: none; border-left: 2px solid #FFF; }

.sidebar li a:hover { color: #8B2942; border-left: 2px solid #8B2942; }

.sidebar li a.curr { color: #8B2942; border-left: 2px solid #8B2942; }

.sidebar li a.curr:hover {

}

  1. container {

clear: right; float: right; width: 800px; padding-left: 25px; display: inline-block; }

.t_overview { display: block; float: left; margin-bottom: 20px; }

.t_overview h1 { padding-top: 1px; margin-bottom: 10px; }

.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; }

  1. 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; }

  1. member div {

display: inline-block; }

  1. members {

}

img.prof_pic { float: right; height: auto; max-width: 190px; margin-left: 25px; margin-right: 25px; margin-bottom: 5px; margin-top: 0px; }

  1. 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 { clear: both; }

  1. footer {

background: #FFF; color: #8B2942; width: 975px; margin-top: 0px; display: inline-block; }

.sponsors { padding-top: 15px; padding-bottom: 15px; }

.sponsors li a img { width: 150px; }

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