Template:Team:Calgary/MainHeader

From 2012.igem.org

(Difference between revisions)
Line 22: Line 22:
<!--desktop-->
<!--desktop-->
-
<!--
+
 
<link rel='stylesheet' type='text/css' media="only screen and (min-device-width:481px)" href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
<link rel='stylesheet' type='text/css' media="only screen and (min-device-width:481px)" href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
Line 54: Line 54:
font-size: 1.2em;
font-size: 1.2em;
}
}
-
}
 
-
 
-
/*======
 
-
Desktop Styling
 
-
======*/
 
-
 
-
/***Nav styling***/
 
-
header{
 
-
position: relative;
 
-
top: -45px;
 
-
z-index: 999;
 
-
}
 
-
 
-
#nav-wrap{
 
-
height: 0px;
 
-
margin-top: -45px;
 
-
}
 
-
 
-
#nav, #nav ul{
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
width: 965px;
 
-
height: 100%;
 
-
display: table;
 
-
 
-
 
-
}
 
-
 
-
/*To be moved to JQ block*/
 
-
#menu-icon{
 
-
display: none;
 
-
}
 
-
 
-
/*menu*/
 
-
#nav li{
 
-
height: auto;
 
-
padding: 0;
 
-
list-style: none;
 
-
float: left;
 
-
width: auto;
 
-
margin: 0;
 
-
background: #333333;
 
-
position: relative;
 
-
}
 
-
#nav > li a{
 
-
padding: 0 15px;
 
-
}
 
-
#nav > li{
 
-
background: transparent;
 
-
}
 
-
 
-
/*submenu*/
 
-
#nav li ul {
 
-
position: absolute;
 
-
width: 200px;
 
-
display: none;
 
-
}
 
-
#nav li:hover ul {
 
-
display: block;
 
-
}
 
-
/*sub-submenu*/
 
-
#nav li ul ul{
 
-
margin-left: 230px;
 
-
margin-top: -15px;
 
-
}
 
-
#nav li:hover ul ul{
 
-
display: none;
 
-
}
 
-
#nav li:hover ul, #nav li li:hover ul{
 
-
display: block;
 
-
}
 
-
#nav a{
 
-
display: block;
 
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 
-
color: white;
 
-
}
 
-
#nav li a{
 
-
line-height: 1.4em; /*centers the text vertically*/
 
-
font-size: 2em;
 
-
}
 
-
#nav ul li > a{
 
-
width: 200px;
 
-
}
 
-
/*color change after rollover*/
 
-
#nav li a:hover, #nav li li a.drop:hover::after{
 
-
display: block;
 
-
text-decoration: none;
 
-
color: #43bbff;
 
-
}
 
-
#nav li ul li ul{
 
-
margin-top: -35px;
 
-
position: absolute;
 
-
}
 
-
/*submenu and sub-submenu*/
 
-
#nav li ul li ul li a, #nav li ul li a{
 
-
font-size: 1.8em;
 
-
}
 
-
#nav li li a.drop:after{
 
-
content: '>';
 
-
padding-left: 20px;
 
-
color: #BBB;
 
-
display: inline;
 
-
float: right;
 
-
}
 
-
 
-
/***End nav styling***/
 
-
 
-
/***Headerimage***/
 
-
#headerimage{
 
-
width: 968px;
 
-
position: relative;
 
-
margin-left: 0px;
 
-
margin-bottom: 10px;
 
-
top: 0px;
 
-
}
 
-
#css-full{
 
-
display: none;
 
-
}
 
-
#css-mobi{
 
-
display: block;
 
-
top: 0px;
 
-
}
 
-
 
-
/***Logo styling***/
 
-
#logo{
 
-
position: absolute;
 
-
top: 10px;
 
-
right: 20px;
 
-
float: right;
 
-
}
 
-
 
-
#logo img{
 
-
width: 260px;
 
-
}
 
-
 
-
/***Body styling***/
 
-
h1{
 
-
font-size: 2.3em;
 
-
}
 
-
h2{
 
-
font-size: 1.8em;
 
-
}
 
-
h3{
 
-
font-size: 1.6em;
 
-
}
 
-
h4{
 
-
font-size: 1.4em;
 
-
color: #333333;
 
-
}
 
-
#bodycontainer p{
 
-
font-size: 1.1em;
 
-
}
 
-
#pagetitle{
 
-
border-bottom: 2px solid black;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
}
 
-
#bodycontainer h2{
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer p{
 
-
margin-left: 20px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer{
 
-
margin-left: 220px;
 
-
}
 
-
#sidebar{
 
-
position: absolute;
 
-
width: 210px;
 
-
z-index: 0;
 
-
}
 
-
/*
 
-
#sidebarimg{
 
-
width: 214px;
 
-
height: 144px;
 
-
background: #43bbff;
 
-
margin: 5px 0px;
 
-
border: 3px solid #333333;
 
-
}
 
-
*/
 
-
 
-
#sidebar #list{
 
-
background: #333333;
 
-
}
 
-
#sidebar h2{
 
-
color: white;
 
-
padding: 20px 15px 0px 15px;
 
-
font-size: 2.0em;
 
-
}
 
-
#sidebar ul{
 
-
list-style: none;
 
-
margin: 0px 15px;
 
-
}
 
-
#sidebar #list > ul{
 
-
padding-bottom: 20px;
 
-
}
 
-
#sidebar a{
 
-
color: white;
 
-
font-family: Georgia, Serif;
 
-
font-size: 1.5em;
 
-
display: block;
 
-
line-height: 1.4em;
 
-
}
 
-
#sidebar a:hover{
 
-
text-decoration: none;
 
-
color: #43BBFF;
 
-
}
 
-
 
-
 
-
/* thumbnails */
 
-
div.thumb {
 
-
    margin-bottom: .5em;
 
-
    border-style: solid;
 
-
    border-color: transparent;
 
-
    width: auto;
 
-
}
 
-
div.thumb div {
 
-
    border: 0px;
 
-
    padding: 3px !important;
 
-
    font-size: 94%;
 
-
    text-align: center;
 
-
    overflow: hidden;
 
-
}
 
-
div.thumb div a img {
 
-
    border: 1px solid #333;
 
-
}
 
-
div.thumb div div.thumbcaption {
 
-
    border: 1px solid #333;
 
-
    text-align: left;
 
-
    line-height: 1.4em;
 
-
    padding: .3em 0 .1em 0;
 
-
 
-
}
 
-
div.magnify {
 
-
    float: right;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.magnify a, div.magnify img {
 
-
    display: block;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.tright {
 
-
    clear: right;
 
-
    float: right;
 
-
    border-width: .5em 0 .8em 1.4em;
 
-
}
 
-
div.tleft {
 
-
    float: left;
 
-
    margin-right: .5em;
 
-
    border-width: .5em 1.4em .8em 0;
 
}
}
Line 387: Line 132:
</head>
</head>
-
<body class="</html>{{{1}}}<html>">
+
<body>
<header>
<header>
Line 395: Line 140:
-->
-->
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/f/fc/UCalgary2012_MainHeaderImage.png"></img></div>
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/f/fc/UCalgary2012_MainHeaderImage.png"></img></div>
-
<a id="logo" href="https://2012.igem.org/Team:Calgary"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></html>}}}<html></a>
+
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
<div id="nav-wrap">
<div id="nav-wrap">
<ul id="nav">
<ul id="nav">
-
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary" id="homelink">Home</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Team</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="teamlink">Team</a>
<ul>
<ul>
<li>
<li>
Line 413: Line 158:
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Project</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="projectlink">Project</a>
<ul>
<ul>
<li>
<li>
Line 452: Line 197:
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Parts" id="partslink">Parts</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Notebook</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="notebooklink">Notebook</a>
<ul>
<ul>
<li><a href="#">Journal</a></li>
<li><a href="#">Journal</a></li>
Line 459: Line 204:
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Outreach</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="outreachlink">Outreach</a>
<ul>
<ul>
<li><a href="#">Video Game</a></li>
<li><a href="#">Video Game</a></li>
Line 469: Line 214:
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors" id="sponsorslink">Sponsors</a></li>
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>

Revision as of 18:21, 21 September 2012

Retrieved from "http://2012.igem.org/Template:Team:Calgary/MainHeader"