Team:Arizona State E/Template:Header
From 2012e.igem.org
(Difference between revisions)
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> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
Line 7: | Line 7: | ||
width: 975px; | width: 975px; | ||
height: 20px; | height: 20px; | ||
- | background-color: | + | background-color: transparent; |
border: none; | border: none; | ||
} | } | ||
Line 14: | Line 14: | ||
#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-image:url(http://upload.wikimedia.org/wikipedia/commons/9/99/Michael_Melgar_LiquidArt_resize_droplet.jpg); | ||
+ | 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 50: | Line 57: | ||
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 84: | ||
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 98: | ||
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 109: | ||
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 120: | ||
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 131: | ||
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 140: | ||
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 257: | ||
} | } | ||
- | #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 347: | Line 394: | ||
-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; | ||
Line 399: | Line 445: | ||
}); | }); | ||
</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 410: | Line 461: | ||
<div id='ProjectTitle'> | <div id='ProjectTitle'> | ||
- | <a href='https:// | + | <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> | ||
+ | -----> | ||
+ | <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="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.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'> |