Team:Arizona State/Template:Header
From 2012.igem.org
(Difference between revisions)
Ethan ward (Talk | contribs) |
|||
(169 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
- | < | + | <general layout from the "https://2011.igem.org/Team:Imperial_College_London" page --> |
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
#top-section { | #top-section { | ||
width: 975px; | width: 975px; | ||
height: 20px; | height: 20px; | ||
- | background-color: | + | background-color: transparent; |
border: none; | border: none; | ||
} | } | ||
Line 14: | Line 13: | ||
#search-controls { display: none; } | #search-controls { display: none; } | ||
.firstHeading { display: none; } | .firstHeading { display: none; } | ||
- | |||
#contentSub { margin: 0 0 0 0; } | #contentSub { margin: 0 0 0 0; } | ||
- | iframe { padding: 10px 20px 10px 20px; } | + | iframe { padding: 0px 0px 0px 0px; } /* 10px 20px 10px 20px; }*/ |
+ | |||
+ | body { | ||
+ | background-color:#000000; | ||
+ | |||
+ | background-size:100%; | ||
+ | background-position:center; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
.right-menu li a, .right-menu li a:hover { | .right-menu li a, .right-menu li a:hover { | ||
Line 24: | Line 30: | ||
#iGEMLogo { | #iGEMLogo { | ||
- | position:absolute; | + | position: absolute; |
- | top: | + | top:40px; |
- | left: | + | left:20px; |
} | } | ||
Line 36: | Line 42: | ||
#ASULogo { | #ASULogo { | ||
position: absolute; | position: absolute; | ||
- | top: | + | top:45px; |
- | right: | + | right:25px; |
} | } | ||
Line 50: | Line 56: | ||
width: 975px; | width: 975px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | padding-top: | + | padding-top:20px; |
padding-left:0px; | padding-left:0px; | ||
padding-right:0px; | padding-right:0px; | ||
padding-bottom:0px; | padding-bottom:0px; | ||
- | + | //background: transparent; | |
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png); | ||
+ | //background-image:url(https://static.igem.org/mediawiki/2012/4/4b/2012ASUiGemLogo.png); | ||
+ | //background-repeat:no-repeat; | ||
+ | //background-position:center; | ||
+ | //background-attachment:fixed; | ||
color: black; | color: black; | ||
border: none; | border: none; | ||
Line 72: | Line 83: | ||
a[name]:hover {text-decoration:none;} | a[name]:hover {text-decoration:none;} | ||
- | |||
- | |||
h1 { | h1 { | ||
font-family: helvetica,sans-serif; | font-family: helvetica,sans-serif; | ||
- | color: # | + | color: #800000; |
- | background: | + | background: transparent; |
font-weight: bold; | font-weight: bold; | ||
font-size: 2.2em; | font-size: 2.2em; | ||
Line 88: | Line 97: | ||
h2 { | h2 { | ||
font-family: helvetica,sans-serif; | font-family: helvetica,sans-serif; | ||
- | color: # | + | color: #800000; |
- | background: | + | background: transparent; |
font-weight: bold; | font-weight: bold; | ||
font-size: 1.7em; | font-size: 1.7em; | ||
Line 99: | Line 108: | ||
h3 { | h3 { | ||
font-family: helvetica,sans-serif; | font-family: helvetica,sans-serif; | ||
- | color: # | + | color: #800000; |
- | background: | + | background: transparent; |
font-weight: bold; | font-weight: bold; | ||
font-size: 1.4em; | font-size: 1.4em; | ||
Line 110: | Line 119: | ||
h4 { | h4 { | ||
font-family: helvetica,sans-serif; | font-family: helvetica,sans-serif; | ||
- | color: # | + | color: #800000; |
- | background: | + | background: transparent; |
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
- | padding: | + | padding: 0px 20px 1px 20px; //was 13.5px padding for top |
border-bottom: none; | border-bottom: none; | ||
} | } | ||
Line 121: | Line 130: | ||
p { | p { | ||
font-family: helvetica,sans-serif; | font-family: helvetica,sans-serif; | ||
- | color: # | + | //color: #ffffff; |
- | background: | + | background: transparent; |
+ | //background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png); | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 1em; | font-size: 1em; | ||
Line 129: | Line 139: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
padding: 5px 20px 0px 20px; | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | .figText { | ||
+ | font-family: helvetica,sans-serif; | ||
+ | font-style: italic; | ||
+ | font-weight: bold; | ||
+ | font-size: 1em; | ||
+ | color:maroon; | ||
+ | line-height: 1.7em; | ||
+ | text-align: center; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | font-family: helvetica,sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: left; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | ul li { | ||
+ | font-family: helvetica,sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: left; | ||
+ | margin: 0 0 0 20px; | ||
+ | background:url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */ | ||
+ | padding: 0px 20px 0px 5px; | ||
+ | list-style-type: square; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: transparent; | ||
+ | } th { | ||
+ | background-color:maroon; | ||
+ | color:gold; | ||
} | } | ||
Line 205: | Line 256: | ||
} | } | ||
- | #BackToTop { | + | /*#BackToTop { |
position:fixed; | position:fixed; | ||
bottom:0; | bottom:0; | ||
right:0; | right:0; | ||
- | } | + | }*/ |
- | |||
- | |||
- | |||
- | |||
- | |||
/*** Start of Styling for menu bar ***/ | /*** Start of Styling for menu bar ***/ | ||
Line 225: | Line 271: | ||
} | } | ||
.sf-menu, .sf-menu * { | .sf-menu, .sf-menu * { | ||
- | margin: | + | margin:0; |
- | padding: | + | padding:0; |
- | list-style: none; | + | list-style:none; |
} | } | ||
.sf-menu { | .sf-menu { | ||
- | line-height: 1.0; | + | line-height:1.0; |
} | } | ||
.sf-menu ul { | .sf-menu ul { | ||
- | position: absolute; | + | position:absolute; |
- | top: | + | top:999em; |
- | width: | + | width:195px; /* left offset of submenus need to match (see below) */ |
} | } | ||
.sf-menu ul li { | .sf-menu ul li { | ||
- | width: | + | width:100%; |
} | } | ||
.sf-menu li:hover { | .sf-menu li:hover { | ||
- | visibility: inherit; /* fixes IE7 'sticky bug' */ | + | visibility:inherit; /* fixes IE7 'sticky bug' */ |
} | } | ||
.sf-menu li { | .sf-menu li { | ||
- | float: | + | float:left; |
- | position: relative; | + | position:relative; |
- | width: | + | width:195px; |
} | } | ||
.sf-menu a { | .sf-menu a { | ||
- | display: | + | display:block; |
- | position: relative; | + | position:relative; |
} | } | ||
.sf-menu li:hover ul, .sf-menu li.sfHover ul { | .sf-menu li:hover ul, .sf-menu li.sfHover ul { | ||
- | left: | + | left:0; |
- | top: | + | top:2.5em; /* match top ul list item height */ |
- | z-index: | + | z-index:99; |
} | } | ||
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { | ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { | ||
- | top: | + | top:-999em; |
} | } | ||
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { | ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { | ||
- | left: | + | left:15.3em; /* match ul width */ |
- | top: | + | top:0; |
} | } | ||
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { | ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { | ||
- | top: | + | top:-999em; |
} | } | ||
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { | ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { | ||
- | left: | + | left:10em; /* match ul width */ |
- | top: | + | top:0; |
} | } | ||
/*** DEMO SKIN ***/ | /*** DEMO SKIN ***/ | ||
.sf-menu { | .sf-menu { | ||
- | float: | + | float:left; |
- | margin-bottom: 1em; | + | margin-bottom:1em; |
} | } | ||
.sf-menu a { | .sf-menu a { | ||
- | border-left: 1px solid #fff; | + | border-left:1px solid #fff; |
- | border-top: | + | border-top:1px solid #826554; |
- | padding: | + | padding:0.37em 1em 0.37em 1em; |
text-decoration:none; | text-decoration:none; | ||
- | font-family: 'helveticaneue', sans-serif; | + | font-family:'helveticaneue', sans-serif; |
font-size:1.3em; | font-size:1.3em; | ||
} | } | ||
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ | .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ | ||
- | color: | + | color:#efefef; |
} | } | ||
.sf-menu li, .sf-menu li li, .sf-menu li li li { | .sf-menu li, .sf-menu li li, .sf-menu li li li { | ||
- | background: | + | background:#990000; |
} | } | ||
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { | .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { | ||
- | background: | + | background:#b30000; |
- | outline: | + | outline:0; |
} | } | ||
/*** arrows **/ | /*** arrows **/ | ||
.sf-menu a.sf-with-ul { | .sf-menu a.sf-with-ul { | ||
- | cursor: default; | + | cursor:default; |
- | padding-right: | + | padding-right:2.25em; |
- | min-width: | + | min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ |
} | } | ||
.sf-sub-indicator { | .sf-sub-indicator { | ||
- | position: | + | position:absolute; |
- | display: | + | display:block; |
- | right: | + | right:.75em; |
- | top: | + | top:1.05em; /* IE6 only */ |
- | width: | + | width:10px; |
- | height: | + | height:10px; |
- | text-indent: | + | text-indent:-999em; |
- | overflow: | + | overflow:hidden; |
- | background: | + | background:url('https://static.igem.org/mediawiki/2011/2/2f/ICL_MenuArrow.png') no-repeat -10px -100px; |
/* 8-bit indexed alpha png. IE6 gets solid image only */ | /* 8-bit indexed alpha png. IE6 gets solid image only */ | ||
} | } | ||
a > .sf-sub-indicator { /* give all except IE6 the correct values */ | a > .sf-sub-indicator { /* give all except IE6 the correct values */ | ||
- | top: | + | top:.8em; |
- | background-position: 0 -100px; /* use translucent arrow for modern browsers*/ | + | background-position:0 -100px; /* use translucent arrow for modern browsers*/ |
} | } | ||
/* apply hovers to modern browsers */ | /* apply hovers to modern browsers */ | ||
Line 324: | Line 370: | ||
li:hover > a > .sf-sub-indicator, | li:hover > a > .sf-sub-indicator, | ||
li.sfHover > a > .sf-sub-indicator { | li.sfHover > a > .sf-sub-indicator { | ||
- | background-position: -10px -100px; /* arrow hovers for modern browsers*/ | + | background-position:-10px -100px; /* arrow hovers for modern browsers*/ |
} | } | ||
Line 336: | Line 382: | ||
.sf-menu ul li:hover > a > .sf-sub-indicator, | .sf-menu ul li:hover > a > .sf-sub-indicator, | ||
.sf-menu ul li.sfHover > a > .sf-sub-indicator { | .sf-menu ul li.sfHover > a > .sf-sub-indicator { | ||
- | background-position: -10px 0; /* arrow hovers for modern browsers*/ | + | background-position:-10px 0; /* arrow hovers for modern browsers*/ |
} | } | ||
/*** shadows for all but IE6 ***/ | /*** shadows for all but IE6 ***/ | ||
.sf-shadow ul { | .sf-shadow ul { | ||
- | background: url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right; | + | background:url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right; |
- | padding: 0 8px 9px 0; | + | padding:0 8px 9px 0; |
- | -moz-border-radius-bottomleft: 17px; | + | -moz-border-radius-bottomleft:17px; |
- | -moz-border-radius-topright: 17px; | + | -moz-border-radius-topright:17px; |
- | -webkit-border-top-right-radius: 17px; | + | -webkit-border-top-right-radius:17px; |
- | -webkit-border-bottom-left-radius: 17px; | + | -webkit-border-bottom-left-radius:17px; |
} | } | ||
+ | |||
.sf-shadow ul.sf-shadow-off { | .sf-shadow ul.sf-shadow-off { | ||
- | background: transparent; | + | background:transparent; |
} | } | ||
</style> | </style> | ||
Line 397: | Line 444: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.css&action=raw&ctype=text/css" type="text/css"> | ||
+ | <script src="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.min.js&action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
<a name="top"></a> | <a name="top"></a> | ||
+ | <!----- | ||
<div id='iGEMLogo'> | <div id='iGEMLogo'> | ||
<a href='https://2012.igem.org/Main_Page'> | <a href='https://2012.igem.org/Main_Page'> | ||
Line 409: | Line 461: | ||
<div id='ProjectTitle'> | <div id='ProjectTitle'> | ||
<a href='https://2012.igem.org/Team:Arizona_State'> | <a href='https://2012.igem.org/Team:Arizona_State'> | ||
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/5/5f/CRSYS.png" style="width:550px;" /> |
+ | <!---Before: https://static.igem.org/mediawiki/2012/d/db/2012_Project_logo.png---><!---- | ||
</a> | </a> | ||
</div> | </div> | ||
<div id='ASULogo'> | <div id='ASULogo'> | ||
- | <img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width=" | + | <img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width="150" height="70" /> |
+ | </div> | ||
+ | -----> | ||
+ | <div id='header' align="center"> | ||
+ | <table width="950"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <a href='https://2012.igem.org/Main_Page'> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d6/IGEM_official_logo.png" style="width:100px;" /> | ||
+ | </a> | ||
+ | </td> | ||
+ | <td align="center"> | ||
+ | <a href='https://2012.igem.org/Team:Arizona_State'> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/9/9a/AsuCrsysLogothingy.png" style="width:591px;" /> | ||
+ | </a> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/e/eb/Arizona_State_ASU_logo.png" width="125" /> | ||
+ | </td> | ||
+ | </table> | ||
+ | <br /> | ||
+ | </div> | ||
+ | |||
+ | |||
- | <div id="BackToTop"> | + | <!--<div id="BackToTop"> |
<a href="#top"> | <a href="#top"> | ||
<img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="50px" /> | <img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="50px" /> | ||
</a> | </a> | ||
- | </div> | + | </div>--> |
- | |||
- | |||
- | |||
- | |||
- | |||
<div id='menucontainer'> | <div id='menucontainer'> | ||
<ul class="sf-menu sf-navbar"> | <ul class="sf-menu sf-navbar"> | ||
- | + | <li><a class="sf-with-ul" href="">Project<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State">Home</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Project Overview</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Problem">The Problem</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">DNA-Protein Chimera Biosensor</a> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Cell Surface Biosensor</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Safety">Safety</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/NotebookView">Notebook</a> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/References">References</a> | |
+ | </ul> | ||
+ | </li> | ||
- | + | <li><a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Team">Members</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=891">Official Team Profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Data">Data</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Parts">BioBricks</a> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Accomplishments">Judging Criteria</a> </li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/HPoverview"> | |
- | + | Overview | |
- | + | </a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/International"> | |
- | + | Hygiene Lesson Plan | |
- | + | </a></li> | |
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/FieldApplications"> | ||
+ | Case Studies | ||
+ | </a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/HPModeling"> | ||
+ | Modeling | ||
+ | </a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Ethical_Conditions"> | ||
+ | Ethical Considerations | ||
+ | </a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/Highschool_Outreach"> | ||
+ | High School Outreach | ||
+ | </a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Arizona_State/University_Outreach"> | ||
+ | University Outreach | ||
+ | </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> »</span></a> | |
- | + | <ul> | |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Media">Media</a> </li> | |
- | </li> | + | <li><a href="https://2012.igem.org/Team:Arizona_State/Photos">Photos</a> </li> |
- | + | <li><a href="https://2012.igem.org/Team:Arizona_State/FollowUs">Follow Us</a> </li> | |
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |