Template:WashUtop

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html><style>
-
<head>
+
@charset "UTF-8";
-
    <a href='https://2012.igem.org/Team:WashU'>
+
-
    <img src='https://static.igem.org/mediawiki/2012/e/e7/HeaderWashU.jpg' style="width: 965px">
+
-
    </a>
+
-
<style type="text/css">
+
-
#top-section {
+
-
  background-color: #ffffff;
+
-
  height: 100px;
+
-
  border: none;
+
-
  width:910px;
+
-
  height:20px}
+
-
  #p-logo {
+
/* iGEM wiki Hacker */
-
  position: absolute;
+
body{
-
  display: none;}
+
background-color:#333333;
 +
}
 +
.global {
 +
font-family: 'Molengo', sans-serif;
 +
background-color: #transpare;
 +
width: 970px;
 +
margin: 0 auto;
 +
text-align: left;
 +
position: relative;
 +
}
-
  #search-controls {
+
div#top-section {
-
  display: none;}
+
background-color: white;
-
+
background-image:
-
  #paralogo {
+
url(https://static.igem.org/mediawiki/2011/5/51/Topsectionbg.png);
-
    width:20px;
+
background-repeat: no-repeat;
-
    height:20px;
+
height: 10px;
-
    position:absolute;
+
width: 970px;
-
    top: 0px;
+
border: 0;
-
    left: 0px;}
+
z-index: 10;
 +
}
-
  #menubar.left-menu {
+
div#p-logo {
-
  position: absolute;
+
display: none;
-
  top:0px;
+
}
-
  left:0px;}
+
-
   
+
-
    #igemlogo {
+
-
    width:200px;
+
-
    height:220px;
+
-
    position:absolute;
+
-
    top:0px;
+
-
    margin-top:25px;
+
-
    left:800px;}
+
-
 
+
-
#menubar.right-menu {
+
-
  position: absolute;
+
-
  top:0px;
+
-
  right:0px;}
+
 +
div#menubar { /*text-align:center;*/
 +
top: 0;
 +
height: 20px;
 +
width: 300px;
 +
font-family: 'Molengo', sans-serif;
 +
font-size: 8pt;
 +
}
-
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
+
div#menubar .selected a {
-
  color: #000000;}
+
color: #529dd9;
 +
}
-
  #footer-box {
+
.left-menu,.left-menu a {
-
  width:900px;}
+
color: #529dd9;
 +
z-index: 1;
 +
}
-
  body {
+
.left-menu:hover {
-
  background-color: #ffffff}
+
background-color: #666666;
-
 
+
}
-
  .firstHeading {
+
 
-
    display: none;}
+
.right-menu {
 +
top: 0;
 +
z-index: 1;
 +
}
 +
 
 +
.right-menu li { #
 +
background-color: transparent;
 +
}
 +
 
 +
.right-menu li a {
 +
padding: 0px 15px 0px 0px;
 +
color: #529dd9;
 +
background-color: white;
 +
}
 +
 
 +
.right-menu li a:hover {
 +
color: #529dd9;
 +
}
 +
 
 +
div#search-controls {
 +
display: none;
 +
position: absolute;
 +
float: right;
 +
}
 +
 
 +
#mw-searchButton {
 +
display: none;
 +
border: none;
 +
}
#content {
#content {
-
    padding-top:50px;
+
z-index: 1;
-
    width: 900px;
+
background-color: #e9e9e9;;
-
    border: none;
+
border: none;
-
    font-family: helvetica, arial, sans-serif;
+
width: 970px;
-
    background-color:rgba(255,255,255,0.3);
+
margin-left: auto;
-
 
+
margin-right: auto;
 +
padding: 0px;
 +
font-family: 'Molengo', sans-serif;
}
}
-
h1{
+
#content p {
-
font-family: helvetica, sans-serif, verdana, geneva;
+
display: none;
-
font-size:32px;
+
-
letter-spacing:1px;
+
-
       
+
}
}
 +
 +
#contentwrapper p {
 +
display: block;
 +
text-align: left;
 +
}
 +
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
#contentSub {
 +
display: none;
 +
}
 +
 +
#catlinks {
 +
display: none;
 +
}
 +
 +
#footer-box {
 +
display: none;
 +
}
 +
 +
h1 {
 +
border-bottom: none;
 +
}
 +
 +
/*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/
 +
#red a {
 +
color: #f8b4ae;
 +
}
 +
 +
#red h1 {
 +
color: red;
 +
}
 +
 +
#red hr {
 +
background-color: #f8b4ae;
 +
}
 +
 +
#red a:hover {
 +
color: red;
 +
text-decoration: none;
 +
}
 +
 +
#red .bgcolors {
 +
background-color: red;
 +
}
 +
 +
#red #accordion h4 {
 +
background-color: red;
 +
}
 +
 +
#red #accordion h4 selected {
 +
background-color: red;
 +
}
 +
 +
#blue a {
 +
color: #7fb3d8;
 +
}
 +
 +
#blue h1 {
 +
color: #006699;
 +
}
 +
 +
#blue hr {
 +
background-color: #7fb3d8;
 +
}
 +
 +
#blue a:hover {
 +
color: #006699;
 +
text-decoration: none;
 +
}
 +
 +
#blue .bgcolors {
 +
background-color: #006699;
 +
}
 +
 +
#blue #accordion h4 {
 +
background-color: #006699;
 +
}
 +
 +
#blue #accordion h4 selected {
 +
background-color: #006699;
 +
}
 +
 +
#orange #accordion h4 {
 +
background-color: #ff9933;
 +
}
 +
 +
#orange #accordion h4 selected {
 +
background-color: #ff9933;
 +
}
 +
 +
#orange a {
 +
color: #ffcc99;
 +
}
 +
 +
#orange h1 {
 +
color: #ff9933;
 +
}
 +
 +
#orange hr {
 +
background-color: #ffcc99;
 +
}
 +
 +
#orange a:hover {
 +
color: #ff9933;
 +
text-decoration: none;
 +
}
 +
 +
#orange .bgcolors {
 +
background-color: #ff9933;
 +
}
 +
 +
#cyan {
-
h2{
 
-
font-family: helvetica, sans-serif, verdana, geneva;
 
-
font-size:16px;
 
-
text-transform:uppercase;
 
-
letter-spacing:1px;
 
-
border-bottom:2px solid #000;
 
}
}
-
h3{
+
 
-
font-family: helvetica, sans-serif, verdana, geneva;
+
#cyan a {
-
color:#000;
+
color: #3399ff;
-
font-size:14px;
+
-
text-transform:uppercase;
+
-
line-height:16px;
+
-
letter-spacing:1px;
+
}
}
-
#textBox{
 
-
    width: 840px;
 
-
    padding: 10px;
 
-
    border: none;
 
-
    font-family: helvetica, arial, sans-serif;
 
-
    background-color:rgba(255,255,255,0.3);
 
-
    -moz-box-shadow: 0px 0px 20px #aaaaaa;
 
-
    -webkit-box-shadow: 0px 0px 20px #aaaaaa;
 
-
    box-shadow: 0px 0px 20px #aaaaaa;
 
 +
#cyan h1 {
 +
color: #0066ff;
 +
}
 +
#cyan hr {
 +
background-color: #3399ff;
}
}
-
p.clear
+
 
-
{
+
#cyan a:hover {
-
clear:both;
+
color: #0066ff;
 +
text-decoration: none;
}
}
-
</style>
 
-
</head>
+
#cyan .bgcolors {
-
<body>
+
background-color: #0066ff;
 +
}
 +
#cyan #accordion h4 {
 +
background-color: #0066ff;
 +
}
 +
#cyan #accordion h4 selected {
 +
background-color: #0066ff;
 +
}
-
</body>
+
#gray a {
-
</html>
+
color: #666666;
 +
}
 +
 
 +
#gray h1 {
 +
color: #333333;
 +
}
 +
 
 +
#gray hr {
 +
background-color: #666666;
 +
}
 +
 
 +
#gray a:hover {
 +
color: #333333;
 +
text-decoration: none;
 +
}
 +
 
 +
#gray .bgcolors {
 +
background-color: #333333;
 +
}
 +
 
 +
#gray #accordion h4 {
 +
background-color: #ff9933;
 +
}
 +
 
 +
#gray #accordion h4 selected {
 +
background-color: #ff9933;
 +
}
 +
 
 +
#green a {
 +
color: #aadba5;
 +
}
 +
 
 +
#green h1 {
 +
color: #56b74c;
 +
}
 +
 
 +
#green hr {
 +
background-color: #aadba5;
 +
}
 +
 
 +
#green a:hover {
 +
color: #56b74c;
 +
text-decoration: none;
 +
}
 +
 
 +
#green .bgcolors {
 +
background-color: #56b74c;
 +
}
 +
 
 +
#green #accordion h4 {
 +
background-color: #56b74c;
 +
}
 +
 
 +
#green #accordion h4 selected {
 +
background-color: #56b74c;
 +
}
 +
 
 +
#pink a {
 +
color: #ff66cc;
 +
}
 +
 
 +
#pink h1 {
 +
color: #ff0099;
 +
}
 +
 
 +
#pink hr {
 +
background-color: #ff66cc;
 +
}
 +
 
 +
#pink a:hover {
 +
color: #ff0099;
 +
text-decoration: none;
 +
}
 +
 
 +
#pink .bgcolors {
 +
background-color: #ff0099;
 +
}
 +
 
 +
#pink #accordion h4 {
 +
background-color: #ff0099;
 +
}
 +
 
 +
#pink #accordion h4 selected {
 +
background-color: #ff0099;
 +
}
 +
 
 +
#black a {
 +
color: black;
 +
}
 +
 
 +
#black a:hover {
 +
color: #999;
 +
}
 +
 
 +
#black .bgcolors {
 +
background-color: #999;
 +
}
 +
 
 +
#black #accordion h4 {
 +
background-color: #ff9933;
 +
}
 +
 
 +
#black #accordion h4 selected {
 +
background-color: #ff9933;
 +
}
 +
 
 +
#purple a {
 +
color: #9966cc;
 +
}
 +
 
 +
#purple h1 {
 +
color: #4700b1;
 +
}
 +
 
 +
#purple hr {
 +
background-color: #9966cc;
 +
}
 +
 
 +
#purple a:hover {
 +
color: #4700b1;
 +
text-decoration: none;
 +
}
 +
 
 +
#purple .bgcolors {
 +
background-color: #4700b1;
 +
}
 +
 
 +
#purple #accordion h4 {
 +
background-color: #4700b1;
 +
}
 +
 
 +
#purple #accordion h4 selected {
 +
background-color: #4700b1;
 +
}
 +
 
 +
/*others-------------------*/
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 
 +
#contentwrapper {
 +
vertical-align: middle;
 +
width: 970px;
 +
margin: 0 auto;
 +
text-align: left;
 +
position: relative;
 +
font-family: Arial, sans-serif;
 +
background-color: #transparent;
 +
}
 +
 
 +
#contentwrapper .hc {
 +
height: 300px;
 +
}
 +
 
 +
.main {
 +
background-color: #transparent;
 +
position: static;
 +
top: auto;
 +
height: auto;
 +
padding: 10px;
 +
padding-top: 0px;
 +
padding-right: 10px;
 +
}
 +
 
 +
.block {
 +
margin: 10px;
 +
float: left;
 +
color: #333333;
 +
font-size: 12pt;
 +
padding: 0;
 +
width: 660px;
 +
}
 +
 
 +
.block h1 {
 +
font-size: 36pt;
 +
}
 +
 
 +
.block a {
 +
color: #ff3333;
 +
}
 +
 
 +
.block p {
 +
margin: 20px;
 +
}
 +
 
 +
.block h1,h2 {
 +
border-bottom: none;
 +
padding-left: 10px;
 +
padding-bottom: 0;
 +
padding-top: 0;
 +
}
 +
 
 +
.block a {
 +
color: #666666;
 +
}
 +
 
 +
.block hr {
 +
height: 2px;
 +
margin-left: 15px;
 +
margin-right: 15px;
 +
}
 +
 
 +
.blocktop,.blockbottom {
 +
width: 100%;
 +
height: 10px;
 +
}
 +
 
 +
.blocktop {
 +
background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
 +
;
 +
background-repeat: no-repeat;
 +
overflow: hidden;
 +
}
 +
 
 +
.blockbottom {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
 +
background-repeat: no-repeat;
 +
overflow: hidden;
 +
}
 +
 
 +
.blockcontent {
 +
padding: 10px;
 +
background-color: white;
 +
overflow: hidden;
 +
}
 +
 
 +
.links {
 +
background-color: white;
 +
text-align: right;
 +
padding-right: 24px;
 +
font-size: 16px;
 +
overflow: hidden;
 +
}
 +
 
 +
.links a:hover {
 +
cursor: pointer;
 +
}
 +
 
 +
.sidebar {
 +
float: right;
 +
width: 250px;
 +
}
 +
 
 +
.sidebartop {
 +
height: 10px;
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
.sidebarbottom {
 +
height: 10px;
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
 +
background-repeat: : no-repeat;
 +
}
 +
 
 +
.footer {
 +
background-color: #666666;
 +
padding: 10px;
 +
padding-left: 0px;
 +
padding-right: 0px;
 +
text-align: center;
 +
position: relative;
 +
bottom: 0;
 +
width: 950px;
 +
vertical-align: middle;
 +
margin: auto;
 +
}
 +
 
 +
.footer a {
 +
color: #cccccc;
 +
margin: 10px;
 +
text-decoration: none;
 +
}
 +
 
 +
.footer a:hover {
 +
color: #FFF;
 +
text-decoration: none;
 +
cursor: pointer;
 +
}
 +
 
 +
/*---------------Header----------------------*/
 +
.bgimg {
 +
background-image: url(http://ung.igem.org/wiki/images/5/5d/Homebg.png);
 +
background-repeat: no-repeat;
 +
position: absolute;
 +
top: -1px;
 +
left: 0px;
 +
width: 970px;
 +
height: 600px;
 +
z-index: -1;
 +
}
 +
 
 +
.bgpart1 {
 +
background-color: white;
 +
position: absolute;
 +
height: 320px;
 +
width: 970px;
 +
top: 0px;
 +
left: 0px;
 +
z-index: -2;
 +
}
 +
 
 +
.bgpart2 {
 +
background-image: url(http://ung.igem.org/wiki/images/c/c2/Bg1.png);
 +
background-repeat: no-repeat;
 +
position: absolute;
 +
height: 300px;
 +
width: 970px;
 +
top: 320px;
 +
left: 0px;
 +
z-index: -1;
 +
 +
}
 +
 
 +
.bgpart3 {
 +
background: #e9e9e9;
 +
position: absolute;
 +
height: 100%;
 +
width: 970px;
 +
margin-top:240px;
 +
overflow: hidden;
 +
left: 0px;
 +
bottom:0px;
 +
z-index: -2;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.header {
 +
background-color: transparent;
 +
width: 970px;
 +
height: 320px;
 +
position: static;
 +
top: 1px;
 +
}
 +
 
 +
.banner {
 +
height: 220px;
 +
z-index: -1;
 +
}
 +
 
 +
.nav {
 +
top: 230px;
 +
heigh: 100px;
 +
position: absolute;
 +
margin-left: auto;
 +
margin-right: auto;
 +
z-index: 100;
 +
}
 +
 
 +
.logo {
 +
top: 20px;
 +
left: 20px;
 +
position: absolute;
 +
z-index: -1;
 +
}
 +
 
 +
.title {
 +
position: absolute;
 +
left: 240px;
 +
z-index: -0;
 +
}
 +
 
 +
.igemlogo {
 +
position: absolute;
 +
top: 30px;
 +
left: 750px;
 +
z-index: 9999;
 +
}
 +
 
 +
ul#topnav {
 +
margin: 0;
 +
margin-left: auto;
 +
margin-right: auto;
 +
padding: 0;
 +
padding-top: 10px;
 +
left: 10px;
 +
float: left;
 +
width: 960px;
 +
list-style: none;
 +
position: relative;
 +
/*--Set relative positioning on the unordered list itself - not on the list item--*/
 +
background: transparent;
 +
/*background: url(topnav_stretch.gif) repeat-x;*/
 +
z-index: 10;
 +
}
 +
 
 +
#search {
 +
margin: 0;
 +
padding: 0;
 +
background-color: black;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
height: 39px;
 +
width: 245px;
 +
}
 +
 
 +
#searchbar {
 +
margin-top: 2px;
 +
margin-left: 2px;
 +
}
 +
 
 +
#contentwrapper .header .nav #topnav  a {
 +
font-family: 'Hammersmith One', sans-serif;
 +
font-weight: bold;
 +
font-size: 120%;
 +
}
 +
 
 +
ul#topnav li {
 +
float: left;
 +
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 +
 
 +
margin: 0;
 +
padding: 0;
 +
border-right: 1px solid #555;
 +
/*--Divider for each parent level links--*/
 +
}
 +
 
 +
ul#topnav li a {
 +
padding-bottom:15px;
 +
padding: 2px 12px;
 +
font-size: 28px;
 +
display: block;
 +
color: #f0f0f0;
 +
text-decoration: none;
 +
}
 +
 
 +
ul#topnav li a:hover {
 +
filter: alpha(opacity = 100);
 +
-moz-opacity: 1.0;
 +
-khtml-opacity: 1.0;
 +
opacity: 1.0;
 +
}
 +
 
 +
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
 +
.nav #topnav #P_Pr {
 +
background-color: #f19226;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
}
 +
 
 +
.nav #topnav #P_Te {
 +
background-color: #56b74c;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
}
 +
 
 +
.nav #topnav #P_No {
 +
background-color: #0068b1;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
}
 +
 
 +
.nav #topnav #P_Hu {
 +
background-color: #4700b1;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
}
 +
 
 +
ul#topnav li span {
 +
float: left;
 +
padding: 3px;
 +
position: absolute;
 +
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 +
width: 942px;
 +
left: 0;
 +
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 +
top: 49px;
 +
display: none; /*--Hide by default--*/
 +
background: transparent;
 +
color: #fff;
 +
/*--Bottom right rounded corner--*/
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
/*--Bottom left rounded corner--*/
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
}
 +
 
 +
#not {
 +
margin-left: 210px;
 +
}
 +
 
 +
#pro {
 +
margin-left: 1px;
 +
}
 +
 
 +
#tea {
 +
margin-left: 170px;
 +
}
 +
 
 +
#hum {
 +
margin-left: 250px;
 +
}
 +
 
 +
ul#topnav span a {
 +
font-size: 22px;
 +
padding: 10px 5px;
 +
}
 +
 
 +
ul#topnav li span a {
 +
display: inline;
 +
}
 +
 +
/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
 +
ul#topnav li span a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
.nav #P_Home {
 +
background-color: #ed4334;
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
}
 +
 
 +
.nav  #P_Project {
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
background-color: #f19226;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
/*set the alpha*/
 +
cursor: pointer;
 +
}
 +
 
 +
.nav  #P_Team {
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
background-color: #56b74c;
 +
filter: alpha(opacity = 40);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
/*set the alpha*/
 +
cursor: pointer;
 +
}
 +
 
 +
.nav  #P_Notebook {
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
background-color: #0068b1;
 +
filter: alpha(opacity = 50);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
/*set the alpha*/
 +
cursor: pointer;
 +
}
 +
 
 +
.nav  #P_HumanPractice {
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
background-color: #4700b1;
 +
filter: alpha(opacity = 50);
 +
-moz-opacity: 0.4;
 +
-khtml-opacity: 0.4;
 +
opacity: 0.4;
 +
/*set the alpha*/
 +
cursor: pointer;
 +
}
 +
 
 +
.pane a {
 +
color: red;
 +
}
 +
 
 +
pic p {
 +
text-align: center;
 +
font-style: italic;
 +
}
 +
#TeamSelfintro{
 +
height:100px;
 +
}
 +
</style></html>

Revision as of 17:43, 4 June 2012

Retrieved from "http://2012.igem.org/Template:WashUtop"