Template:Team:Leeds layout

From 2013.igem.org

(Difference between revisions)
m (Created page with "{| style="background:#006400; border-collapse:collapse" cellspacing="0" cellpadding="0" |- | align="left" | frameless |- | align="left" | [[File:Par...")
m
 
(204 intermediate revisions not shown)
Line 1: Line 1:
-
{| style="background:#006400; border-collapse:collapse" cellspacing="0" cellpadding="0"
+
<html>
 +
<head>
 +
<!-- Enable touch screen compatibility script -->
 +
<script type="text/javascript" src="https://2013.igem.org/Template:Team:Leeds_touchDropDown.js?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
/* Wiki hacks for the CSS file at https://2013.igem.org/wiki/skins/igem/main.css */
 +
html
 +
{
 +
    resize: none;
 +
    background-image: url(https://static.igem.org/mediawiki/2013/6/6c/Leeds_sidebarbackground.png) repeat;
 +
    background-color: none;
 +
}
 +
#globalWrapper {
 +
    margin-bottom:0px;
 +
    padding-bottom:0px;
 +
}
 +
#catlinks {
 +
    border:none;
 +
    background: #fff;
 +
}
 +
#top-section {
 +
    padding: none;
 +
    background-color: none;
 +
    border: none;
 +
    height:0px;
 +
}
 +
#top-section #menubar {
 +
    top: -20px;
 +
    padding: none;
 +
    background: none;
 +
    font-family: AlteHaasGroteskBold;
 +
    font-size: 8pt;
 +
}
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
    text-transform: lowercase;
 +
    background: none;    /* Set to none if you don't want to use rollover to hide links */
 +
    color: #fff;
 +
}
 +
.right-menu, .right-menu a {
 +
    text-align: right;
 +
    background: none;    /* Set to none if you don't want to use rollover to hide links */
 +
    color: #fff;
 +
}
 +
#menubar, #menubar:hover {
 +
    background: none;
 +
}
 +
#menubar ul {
 +
    color: #55594a;    /* normal menu background colour */
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.right-menu li, .right-menu ul li, .right-menu ul li a { /*background colour fix for right menu */
 +
    background: none;
 +
}
 +
.left-menu li a, .left-menu li a:visited, .left-menu li a:active { /* prevents recoloring of visited links */
 +
    padding: 0px 10px 0px 0px;
 +
    background: #55594a;    /* normal link background colour */
 +
    color: white;
 +
}
 +
.left-menu li a:hover {
 +
    color: white;
 +
    text-decoration: none;
 +
    background-color: purple;
 +
}
 +
.right-menu li a, .right-menu li a:visited, .right-menu li a:active { /* prevents recoloring of visited links */
 +
    padding: 0px 15px 0px 0px;~
 +
    background: #55594a;      /* normal link background colour */
 +
    color: white;
 +
}
 +
.right-menu li a:hover {
 +
    color: pink;
 +
    text-decoration: none;
 +
    background-color: green;  /* right-menu link rollover colour */
 +
}
 +
#top-section #p-logo,
 +
#menubar > ul > li:last-child,
 +
#top-section #search-controls,
 +
#top-section #margin-left {    /* stops default logo, search bar, margin and "teams" from displaying */
 +
    display: none;
 +
}
 +
#footer-box {
 +
    position: relative;
 +
    top: 9px;          /* must set to match top attribute of #content */
 +
    border: none;
 +
}
 +
#footer ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#footer ul li {
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
    padding: 0;
 +
}
 +
#content {
 +
    position: relative;
 +
    width: 975px;    /* sets width of wiki content box */
 +
    margin: none;
 +
    top: 9px;        /* set = total height of .header -11px to prevent cut off of top page portion */
 +
    padding:0px;
 +
    background: #fff;
 +
    color: black;
 +
    border: none;
 +
    z-index: 2;
 +
}
 +
#content .firstHeading { /* removes wiki page title */
 +
    display: none;
 +
}
 +
 
 +
/* Custom CSS starts here */
 +
video {
 +
    width: 500px;
 +
    height: auto;
 +
}
 +
body
 +
{
 +
    background: url(https://static.igem.org/mediawiki/2013/6/6c/Leeds_sidebarbackground.png) repeat;
 +
    background-color: #fff;
 +
    margin: none;
 +
    padding: none;
 +
}
 +
.header {
 +
    position: fixed;
 +
    width: 100%;
 +
    left: 0px;
 +
    height: 20px;
 +
    top: 0px;
 +
    margin: none;
 +
    z-index: 3;
 +
    border: none;
 +
    padding: 15px 0px 0px 0px;
 +
    background: #55594a;    /* should match menubar colour above */
 +
    display: block;
 +
}
 +
#toc,
 +
.toc {
 +
    background: #a5e174;
 +
}
 +
* {
 +
    padding:0;
 +
    margin: 0;
 +
}
 +
h1 {visibility:hidden}
 +
h2 {color:#003300}
 +
p {line-height:150%}
 +
 
 +
#overlay /* Unimplemented until happy with image arrangement */
 +
{
 +
    background:#3399CC;
 +
    opacity:0.95;
 +
    filter:alpha(opacity=95);
 +
}
 +
#overlay:hover /*Unimplemented until happy with image arrangement */
 +
{
 +
    background:none;
 +
    opacity:1.0;
 +
    filter:alpha(opacity=100);
 +
}
 +
#button /* Button highlight code */
 +
{
 +
    opacity:0.9;
 +
    display:block;
 +
    filter:alpha(opacity=90); /* For IE8 and earlier */
 +
}
 +
#button:hover /* Button highlight code */
 +
{
 +
    opacity:1.0;
 +
    dispaly:block;
 +
    filter:alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
#buttonedge /* Bar highlight code to match with buttons */
 +
{
 +
    opacity:0.9;
 +
    filter:alpha(opacity=90); /* For IE8 and earlier */
 +
}
 +
 
 +
#deadoverlay /* Unimplemented until images tweaked */
 +
{
 +
    background:#3399CC;
 +
    opacity:0.95;
 +
    filter:alpha(opacity=95);
 +
}
 +
 
 +
#nav a:link {color:#800000}
 +
#nav a:visited {color:#800000}
 +
#nav a:hover {color:#006600;text-decoration:none}
 +
sup {font-size:75%;position:relative;top:-.7em;vertical-align:baseline} /* Text alignment fix for Chrome/Safari */
 +
@font-face
 +
{
 +
    font-family: AlteHaasGrotesk;
 +
    src: url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskRegular.eot'),
 +
    url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskRegular.woff')format('woff'),
 +
    url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskRegular.ttf')format('truetype');
 +
}
 +
@font-face
 +
{
 +
    font-family: AlteHaasGroteskBold;
 +
    src: url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskBold.eot'),
 +
    url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskBold.woff')format('woff'),
 +
    url('https://dl.dropboxusercontent.com/u/32753504/AlteHaasGroteskBold.ttf')format('truetype');
 +
</style>
 +
<!-- Direct link to CSS for drop down due to wiki wrapper interfering with execution -->
 +
<!-- Would normally use a template, but need to display within the #menubar section not the body/content -->
 +
<link rel="stylesheet" href='https://2013.igem.org/Template:Team:Leeds_TopSectionHeader?action=raw&amp;ctype=text/css' type="text/css">
 +
</head>
 +
</html>
 +
<div class="header">{{Team:Leeds_DropdownMenu}}</div>
 +
<div id="content">
 +
{| style="background:#FFFFFF; border-collapse:collapse" cellspacing="0" cellpadding="0"
|-
|-
-
| align="left" | [[File:Parky_roof.png|150px|frameless]]
+
| style="width:150px;overflow:hidden" align="left" valign="bottom" | <div id="buttonedge">{{{HeaderParky|[[File:Parky_roof.png|150px|link=|frameless]]}}}</div> || colspan="4" style="width:825px;background:#fff;overflow:hidden" align="left" valign="bottom" | {{{HeaderImage|}}}
|-
|-
-
| align="left" | [[File:Parky_top.png|150px|frameless]] || align="left" valign="bottom" | [[File:Leeds_Header_13.png|400px|frameless]]<div style="position:relative; left:0px; top:-100px"> {{{Header}}}</div>
+
| style="width:150px" align="left" | <div id="buttonedge">[[File:Parky_top.png|150px|link=|frameless]]</div> || style="width:825px;background:#ffffff;overflow:hidden" align="left" valign="bottom" colspan="4" | <div id="buttonedge">[[File:Leeds_Header_13.png|825px|link=https://2013.igem.org/Main_Page|Back to iGEM Main Page|frameless]]</div><div style="position:relative;left:0px;top:-45px;height:0px"><span style="font-family:AlteHaasGroteskBold, Verdana;color:#173010;font-size:3.5em">'''{{{Header}}}'''</span></div>
-
|- style="background:#7FFF00;color:#FFFFFF"
+
|- style="background:#ffffff;color:#FFFFFF;"
-
| align="left" | [[File:Parky_main.png|150px|frameless]] || Facebook [[File:Leeds_Facebook.png|link="igemleeds.facebook.com"|30px|frameless|iGEM Leeds Facebook]] || Twitter[[File:Leeds_twitter.png|link=http://twitter.com/LeedsiGEM|30px|frameless|iGEM Leeds Twitter]] || Youtube [[File:Leeds_Youtube.png|link=http://www.youtube.com/channel/UCVmKeh71QTpX8rWfCforx0Q|30px|frameless|iGEM Leeds Youtube]]
+
| align="left" style="width:150px" | <div id="buttonedge">[[File:Parky_main.png|150px|link=|frameless]]</div> || style="background:#FFFFFF;color:#FFFFFF;width:250px" align="right" | <div id="button">[[File:Leeds_Facebook.png|link=http://www.facebook.com/iGEMLeeds2013?fref=ts|250px|frameless|iGEM Leeds Facebook]]</div> || style="color:#FFFFFF;width:250px" align="right" | <div id="button">[[File:Leeds_twitter.png|link=http://twitter.com/LeedsiGEM|250px|frameless|iGEM Leeds Twitter]]</div> || style="color:#FFFFFF;width:250px" align="right" | <div id="button">[[File:Leeds_Youtube.png|link=http://www.youtube.com/user/igemleeds|250px|frameless|iGEM Leeds Youtube]]</div> || style="width:75px;background:#ffffff;overflow:hidden" | <div id="buttonedge">[[File:Leeds_socialbanneredge.png|75px|link=|frameless]]</div>
 +
|- style="background:#ffffff" valign="top"
 +
| <div id="buttonedge">[[File:Parky_tower.png|150px|top|link=|frameless]]</div><div id="nav"><div style="position:relative;left:2px;top:-1045px;height:0px;width:148px;text-align:center">
 +
{| style="background:none;color:#800000;text-decoration:none;font-size:11pt" class="nav"
 +
|-
 +
| [[Team:Leeds|<span style="font-family:AlteHaasGrotesk">'''Home'''</span>]]
 +
|-
 +
| [[Team:Leeds/Project|<span style="font-family:AlteHaasGrotesk">'''MicroBeagle'''</span>]]
|-
|-
-
| [[File:Parky_tower.png|150px|frameless]]<div style="position: relative; left: 0px; top:-1200px">
+
| [[Team:Leeds/Results|<span style="font-family:AlteHaasGrotesk">'''Lab Results'''</span>]]
-
{| style="background:none"
+
|-
|-
-
| [[Team:Leeds|<font face="Verdana" style="color:#00FFFF">Home</font>]]
+
| [[Team:Leeds/Notebook|<span style="font-family:AlteHaasGrotesk">'''The Log'''</span>]]
|-
|-
-
| [[Team:Leeds/Team|<font face="Verdana" style="color:#00FFFF">The Team</font>]]
+
| [[Team:Leeds/Modeling|<span style="font-family:AlteHaasGrotesk">'''Modelling'''</span>]]
|-
|-
-
| [[Team:Leeds/Project|<font face="Verdana" style="color:#00FFFF">Micro-Beagle</font>]]
+
| [[Team:Leeds/Safety|<span style="font-family:AlteHaasGrotesk">'''Safety & Ethics'''</span>]]
|-
|-
-
| [[Team:Leeds/Parts|<font face="Verdana" style="color:#00FFFF">Parts Submitted</font>]]
+
| [[Team:Leeds/Outreach|<span style="font-family:AlteHaasGrotesk">'''Outreach'''</span>]]
|-
|-
-
| [[Team:Leeds/Notebook|<font face="Verdana" style="color:#00FFFF">The Log</font>]]
+
| [[Team:Leeds/Essays|<span style="font-family:AlteHaasGrotesk">'''Essays'''</span>]]
|-
|-
-
| [[Team:Leeds/Safety|<font face="Verdana" style="color:#00FFFF">Safety & Ethics</font>]]
+
| [[Team:Leeds/Team|<span style="font-family:AlteHaasGrotesk">'''The Team'''</span>]]
|-
|-
-
| [[Team:Leeds/Attributions|<font face="Verdana" style="color:#00FFFF">Fun Folks</font>]]
+
| [[Team:Leeds/Parts|<span style="font-family:AlteHaasGrotesk">'''Parts Submitted'''</span>]]
|-
|-
-
| [[Team:Leeds/Outreach|<font face="Verdana" style="color:#00FFFF">Outreach</font>]]
+
| <span style="font-family:AlteHaasGrotesk">'''[https://igem.org/Team.cgi?year=2013&team_name=Leeds Official Team Profile]'''</span>
|-
|-
-
| [https://igem.org/Team.cgi?year=2013&team_name=Leeds Official Team Profile|<font face="Verdana" style="color:#00FFFF">Official Profile</font>]
+
| [[Team:Leeds/Gallery|<span style="font-family:AlteHaasGrotesk">'''The Gallery'''</span>]]
-
|}
+
|-
-
</div>
+
| [[Team:Leeds/Attributions|<span style="font-family:AlteHaasGrotesk">'''Attributions'''</span>]]
-
| valign="top" | {{{content}}}
+
|}</div></div>
 +
| valign="top" colspan="4" style="background:#ffffff;color:#003300;padding:8px;width:809px" | {{{content}}}
|-
|-
-
|
+
| style="width:150px" valign="bottom" rowspan="2" | [[File:Parky_base.png|150px|link=|frameless]] || colspan="4" style="width:825px" align="left" valign="center" |
-
|[[File:Sponsor1.png|100px|frameless]] || [[File:Sponsor2.png|100px|frameless]] || [[File:Sponsor3.png|100px|frameless]]
+
{| style="background:#FFFFFF; border-collapse:collapse" cellspacing="0" cellpadding="0"
|-
|-
-
| align="left" | [[File:Footer.png|500x50px|frameless]]
+
| style="width:275px" valign="center" align="center" | [[File:Leeds_Sponsor3.png|180px|link=http://www.geneious.com|Geneious, our fine sponsors and suppliers of software|frameless]] || style="width:275px" valign="center" align="center" | [[File:Bioline.png|180px|link=http://www.bioline.com/thepcrchallenge/main.asp|Bioline, our fine sponsors and suppliers of equipment|frameless]] || style="width:275px" valign="center" align="center" | [[File:qiagen.jpg|180px|link=http://www.qiagen.com|Qiagen, our fine sponsors and suppliers of PCR kits|frameless]]
|}
|}
 +
|-
 +
| style="width:825px" valign="top" align="center" colspan="4" | [[File:Leeds_BangLabs.png|200px|link=http://www.bangslabs.com/|Bangs Laboratories, our fine sponsors and suppliers of silica beads|frameless]]
 +
|-
 +
| align="left" colspan="5" style="width:965px;background:#CCFF99" | [[File:Leeds_2013_Footer.png|975px|link=Team:Leeds|Leeds Homepage|frameless]]
 +
|}
 +
</div>

Latest revision as of 21:49, 4 October 2013

Parky roof.png
Parky top.png
Back to iGEM Main Page
{{{Header}}}
Parky main.png
iGEM Leeds Facebook
iGEM Leeds Twitter
iGEM Leeds Youtube
Leeds socialbanneredge.png
Parky tower.png
 {{{content}}}
Parky base.png
Geneious, our fine sponsors and suppliers of software Bioline, our fine sponsors and suppliers of equipment Qiagen, our fine sponsors and suppliers of PCR kits
Bangs Laboratories, our fine sponsors and suppliers of silica beads
Leeds Homepage
Retrieved from "http://2013.igem.org/Template:Team:Leeds_layout"