Template:WashUtop

From 2012.igem.org

(Difference between revisions)
Line 122: Line 122:
/*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/
/*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/
 +
 +
/* CSS Document */
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
.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;
 +
}
 +
 +
.blockbottom {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
 +
background-repeat: no-repeat;
 +
}
 +
 +
.blockcontent {
 +
padding: 10px;
 +
background-color: white;
 +
}
 +
 +
.links {
 +
background-color: white;
 +
text-align: right;
 +
padding-right: 24px;
 +
font-size: 16px;
 +
}
 +
 +
.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;
 +
}
 +
 +
.main {
 +
background-color: #transparent;
 +
position: static;
 +
top: auto;
 +
height: auto;
 +
padding: 10px;
 +
padding-top: 0px;
 +
padding-right: 10px;
 +
}
 +
 +
div #flash1 {
 +
width: auto;
 +
height: auto;
 +
margin-left: 20px;
 +
background-color: transparent;
 +
filter: alpha(opacity = 80);
 +
-moz-opacity: 0.8;
 +
-khtml-opacity: 0.8;
 +
opacity: 0.8;
 +
}
 +
 +
div #part0 {
 +
float: right;
 +
width: 250px;
 +
height: 270px;
 +
filter: alpha(opacity = 50);
 +
-moz-opacity: 0.5;
 +
-khtml-opacity: 0.5;
 +
opacity: 0.5;
 +
background-color: transparent;
 +
color: white;
 +
}
 +
 +
div #part0 .blockcontent {
 +
background-color: black;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
height: 250px;
 +
}
 +
 +
div #part0 h1 {
 +
color: white;
 +
font-size: 30px;
 +
}
 +
 +
div .countdown {
 +
padding: 5px;
 +
padding-left: 6px;
 +
margin: 5px;
 +
}
 +
 +
div #part0 .links {
 +
background-color: black;
 +
}
 +
 +
div #part0 .sidebartop {
 +
background: url(blocktop3.png) transparent;
 +
}
 +
 +
div #part0 .sidebarbottom {
 +
background: url(blockbottom3.png) transparent;
 +
}
 +
 +
#welcome {
 +
width: 660px;
 +
vertical-align: middle;
 +
}
 +
 +
#welcome h1 {
 +
color: #f8b4ae;
 +
}
 +
 +
#welcome hr {
 +
background-color: #f8b4ae;
 +
}
 +
 +
#welcome a {
 +
color: #f8b4ae;
 +
}
 +
 +
#welcome a:hover {
 +
color: red;
 +
text-decoration: none;
 +
}
 +
 +
#note {
 +
float: right;
 +
width: 250px;
 +
}
 +
 +
#note h1 {
 +
color: #7fb3d8
 +
}
 +
 +
#note hr {
 +
background-color: #7fb3d8;
 +
}
 +
 +
#note a {
 +
color: #7fb3d8;
 +
}
 +
 +
#note a:hover {
 +
color: #006699;
 +
text-decoration: none;
 +
}
 +
 +
#project {
 +
width: 660px;
 +
}
 +
 +
#project h1 {
 +
color: #ffcc99;
 +
}
 +
 +
#project hr {
 +
background-color: #ffcc99;
 +
}
 +
 +
#project a {
 +
color: #ffcc99;
 +
}
 +
 +
#project a:hover {
 +
color: #ff9933;
 +
text-decoration: none;
 +
}
 +
 +
#twitter {
 +
 +
}
 +
 +
#twitter h1 {
 +
color: #3399ff;
 +
}
 +
 +
#twitter hr {
 +
background-color: #3399ff;
 +
}
 +
 +
#twitter a {
 +
color: #3399ff;
 +
}
 +
 +
#twitter a:hover {
 +
color: #0066ff text-decoration : none;
 +
}
 +
 +
#visits {
 +
 +
}
 +
 +
#visits h1 {
 +
color: #666666;
 +
}
 +
 +
#visits hr {
 +
background-color: #666666;
 +
}
 +
 +
#visits a {
 +
color: #666666;
 +
}
 +
 +
#visits a:hover {
 +
color: #333333;
 +
text-decoration: none;
 +
}
 +
 +
#visits div #clustrmaps-widget {
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#team {
 +
float: left;
 +
width: 660px;
 +
}
 +
 +
#team h1 {
 +
color: #aadba5;
 +
}
 +
 +
#team hr {
 +
background-color: #aadba5;
 +
}
 +
 +
#team a {
 +
color: #aadba5;
 +
}
 +
 +
#team a:hover {
 +
color: #56b74c;
 +
text-decoration: none;
 +
}
 +
 +
#flickr {
 +
 +
}
 +
 +
#flickr .blockcontent #player {
 +
padding-left: 80px;
 +
}
 +
 +
#flickr h1 {
 +
color: #ff66cc;
 +
}
 +
 +
#flickr hr {
 +
background-color: #ff66cc;
 +
}
 +
 +
#flickr a {
 +
color: #ff66cc;
 +
}
 +
 +
#flickr a:hover {
 +
color: #ff0099;
 +
text-decoration: none;
 +
}
 +
 +
#sponsors {
 +
float: right;
 +
width: 250px;
 +
}
 +
 +
#sponsors a {
 +
color: black;
 +
}
 +
 +
#sponsors a:hover {
 +
color: #999;
 +
}
 +
 +
#sponsors .blocktop {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
 +
background-repeat: no-repeat;
 +
}
 +
 +
#sponsors .blockbottom {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
 +
background-repeat: no-repeat;
 +
}
 +
 +
#hp h1 {
 +
color: #9966cc;
 +
font-size: 30px;
 +
}
 +
 +
#hp hr {
 +
background-color: #9966cc;
 +
}
 +
 +
#hp a {
 +
color: #9966cc;
 +
}
 +
 +
#hp a:hover {
 +
color: #4700b1;
 +
text-decoration: none;
 +
}
 +
 +
.footer {
 +
background-color: #666666;
 +
padding: 10px;
 +
text-align: center;
 +
}
 +
 +
.footer a {
 +
color: #cccccc;
 +
margin: 10px;
 +
text-decoration: none;
 +
}
 +
 +
.footer a:hover {
 +
color: #FFF;
 +
text-decoration: none;
 +
cursor: pointer;
 +
}
 +
 +
#banner {
 +
position: relative;
 +
width: 930px;
 +
height: 325px;
 +
<!-- border: 1px solid #666;-->
 +
overflow: hidden;
 +
}
 +
 +
#banner_list img {
 +
border: 0px;
 +
width: 930px;
 +
height: 325px;
 +
}
 +
 +
#banner ul {
 +
position: absolute;
 +
list-style-type: none;
 +
filter: Alpha(Opacity = 80);
 +
opacity: 0.8;
 +
border: 1px solid #fff;
 +
z-index: 1002;
 +
margin: 0;
 +
padding: 0;
 +
bottom: 5px;
 +
right: 3px;
 +
width: 103px;
 +
height: 31px;
 +
}
 +
 +
#banner ul li {
 +
padding: 4px;
 +
float: left;
 +
display: block;
 +
color: #FFF;
 +
border: #e5eaff 1px solid;
 +
background: #6f4f67;
 +
cursor: pointer
 +
}
 +
 +
#banner ul li.on {
 +
background: #900
 +
}
 +
 +
#banner_list a {
 +
position: absolute;
 +
left: 1px;
 +
top: 0px;
 +
height: 240px;
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
#welcome strong{
 +
color:red;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="global">
 +
<div class="header">
 +
<div class="bgimg"></div>
 +
<div class="bgpart1"></div>
 +
<div class="bgpart2"></div>
 +
 +
 +
<div class="banner"><a href='https://2012.igem.org/Team:WashU'>
 +
    <img src='https://static.igem.org/mediawiki/2012/e/e7/HeaderWashU.jpg' style="width: 965px">
 +
    </a>
 +
</div>
</style></html>
</style></html>

Revision as of 18:56, 4 June 2012

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