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 132: Line 387:
</head>
</head>
-
<body>
+
<body class="</html>{{{1}}}<html>">
<header>
<header>
Line 140: Line 395:
-->
-->
<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"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
+
<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>
<div id="nav-wrap">
<div id="nav-wrap">
<ul id="nav">
<ul id="nav">
-
<li><a href="https://2012.igem.org/Team:Calgary" id="homelink">Home</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="teamlink">Team</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Team</a>
<ul>
<ul>
<li>
<li>
Line 158: Line 413:
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="projectlink">Project</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Project</a>
<ul>
<ul>
<li>
<li>
Line 197: Line 452:
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Parts" id="partslink">Parts</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="notebooklink">Notebook</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Notebook</a>
<ul>
<ul>
<li><a href="#">Journal</a></li>
<li><a href="#">Journal</a></li>
Line 204: Line 459:
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#" id="outreachlink">Outreach</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Outreach</a>
<ul>
<ul>
<li><a href="#">Video Game</a></li>
<li><a href="#">Video Game</a></li>
Line 214: Line 469:
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors" id="sponsorslink">Sponsors</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">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:13, 21 September 2012

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