Template:UW Madison CSS

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
<html>
-
<style type="text/css">
+
<head>
 +
<style>
/* Wisconsin IGEM Wiki Stylesheet*/
/* Wisconsin IGEM Wiki Stylesheet*/
Line 6: Line 8:
/* Default Reformatting and Header */
/* Default Reformatting and Header */
-
#globalwrapper {
+
@import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light');
-
    width:1000px;
+
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
-
    padding:0px 0px;
+
body
-
    margin: 0 auto;
+
{
-
    background-image:url(https://static.igem.org/mediawiki/2012/0/0b/Black_and_Grey_Pattern_by_kkll70.png');
+
background-color:#3F3E40;
-
    background-attachment: fixed;
+
min-height:100%;
-
    background-position: center;
+
height:100%;
-
    background-size:100% 100%;
+
text-align:left;
}
}
-
body {
+
 
-
    background: #CECECE;
+
div#p-logo
-
    background-image: url('https://static.igem.org/mediawiki/2012/0/0b/Black_and_Grey_Pattern_by_kkll70.png');
+
{
-
    background-attachment: fixed;
+
display:none;
-
    background-position: center;
+
-
    height:100%;
+
-
    background-size:100% 100%;
+
}
}
-
.firstHeading {
+
div#top-section
-
    height:0px;
+
{
-
    visibility:hidden;
+
height:320px;
 +
background-size: 1000px 320px;
 +
background-image:url("https://static.igem.org/mediawiki/2012/5/53/WisconsinBanner2.jpg");
 +
background-repeat:no-repeat;
}
}
-
 
+
div#search-controls
-
#p-logo {
+
{
-
    height:0px;
+
display:none;
-
    overflow:hidden;
+
}
-
    display: none;
+
div#footer-box
 +
{
 +
background-color:#292929;
 +
width:100%;
 +
}
 +
h1, h2, h3
 +
{
 +
color:#FFF200;
 +
        border-bottom-width:0px;
}
}
-
 
+
h1
-
#search-controls {
+
{
 +
font-family:"Terminal Dosis Light", sans-serif;
 +
font-size:17pt;
 +
letter-spacing:1px;
 +
text-transform:uppercase;
 +
}
 +
h1.firstHeading
 +
{
display:none;
display:none;
-
margin-top:0px;
 
}
}
-
 
+
h2
-
#content{
+
{
-
    visibility: hidden;
+
font-family:"Open Sans Condensed", sans-serif;
 +
font-size:15pt;
}
}
-
 
+
h3
-
#top-section {
+
{
-
    background-image:url('https://static.igem.org/mediawiki/2012/5/53/WisconsinBanner2.jpg');
+
font-family:"Open Sans Condensed", sans-serif;
-
    background-color:#000000;
+
font-size:13pt;
-
    background-position: center;
+
-
    width:1000px;
+
-
    height:260px;
+
-
    background-repeat: no-repeat;
+
-
    border-width:0px;
+
-
    border-top-width:0px;
+
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
-
    box-shadow: 0 8px 6px -6px black;
+
-
    border: 10px solid rgba(255, 228, 196,0.4);
+
-
    background-clip: padding-box;
+
-
    margin-top: -10px;
+
-
    margin-bottom: -19px;
+
}
}
-
 
+
p, li, td
-
 
+
{
-
#menubar {  
+
font-family:"Tahoma", sans-serif;
-
    color: white;
+
font-size:11pt;
-
    background-color: transparent;  
+
color:#D0D0D0;
}
}
-
#menubar ul li a {  
+
#globalWrapper
-
    color: white;
+
{
-
     background-color: transparent;
+
     background-color:#292929;
}
}
-
 
+
#content
-
.right-menu li a {
+
{
-
     color: white;
+
     background-color:#3F3E40;
-
     background-color: transparent;
+
     text-align:center;
 +
    border-style:solid;
 +
    border-color:#707070;
 +
    border-width: 1px 1px 1px 1px;
}
}
-
 
+
a
-
/* Header */
+
{
-
 
+
font-family:"Tahoma", sans-serif;
-
#wrapper {
+
font-size:11pt;
-
width: 1000px;
+
color:#FFFFFF;
-
height: 100%;
+
font-weight:normal;
-
float: center;
+
text-decoration:underline;
-
padding-left: 0%;
+
-
padding-right: 0%;
+
-
        padding-top: 1%;
+
-
        background-image:url('https://static.igem.org/mediawiki/2012/0/0b/Black_and_Grey_Pattern_by_kkll70.png');
+
-
background-attachment: fixed;
+
-
        background-position: center;
+
-
 
+
}
}
-
 
+
a:visited
-
#header {
+
{
-
        width: 750px;
+
color:#BBBBBB;
-
        float: center;
+
-
background-color:#FFE4C4;
+
-
height: 150px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
margin-left: auto;
+
-
margin-right: auto;    
+
}
}
-
 
+
strong.selflink
-
img {
+
{
-
border: none;
+
font-family:"Tahoma", sans-serif;
 +
font-size:11pt;
 +
color:#FFF200;
 +
font-weight:normal
}
}
-
 
+
#catlinks
-
#headernavigation{
+
{
-
        width: 1000px;
+
background-color:#3F3E40;
-
        float: center;
+
border-width:0px;
-
background-color: transparent;
+
-
height: 60px;
+
-
margin-left: auto;
+
-
margin-right: auto; 
+
-
        margin-top: -102px; 
+
-
        margin-bottom: 25px;
+
-
        z-index: 2;
+
}
}
-
 
+
div.column
-
#headernavbar{
+
{
-
list-style:none;
+
text-align: left;
-
font-weight:bold;
+
width:340px;
 +
margin:50px;
 +
padding:20px;
float:left;
float:left;
-
width:100%;
 
-
        margin:0;
 
-
        padding:0;
 
-
        z-index: 2; 
 
}
}
-
#headernavbar li{
+
div#circlemenu
-
        float:left;
+
{
 +
margin:auto;
 +
height:125px;
 +
}
 +
div#circlemenuwrapper
 +
{
position:relative;
position:relative;
-
        text-align:center;
+
text-align: center;
-
        z-index: 2; 
+
}
}
-
#headernavbar a{
+
div.pic
-
        margin-left:0px;
+
{
-
display:block;
+
float:left;
-
        padding-bottom:20px;
+
width:380px;
-
        padding-top:20px;
+
height:300px;
-
        width: 100px;
+
margin:50px;
-
color:#ffffff;
+
background-repeat:no-repeat;
-
background:#F47F24;
+
background-size:100%;
-
        font: bold 16px Arial;
+
-
        z-index: 2;
+
-
 
+
}
}
-
#headernavbar a:hover{
+
div.picinfo
-
color:#ffffff;
+
{
-
background:#003C7D;
+
text-align:left;
-
text-decoration:none;
+
float:right;
-
        z-index: 2;
+
width:380px;
 +
height:300px;
 +
margin:50px;
 +
background-repeat:no-repeat;
 +
background-size:100%;
}
}
-
 
+
div.twrapper
-
#headernavbar ul{
+
{
-
background: #003C7D;
+
float:left;
-
list-style:none;
+
height:350px;
 +
}
 +
div.circlebox
 +
{
 +
display: block;
position:absolute;
position:absolute;
-
left:-9999px;  
+
width:90px;
-
        z-index: 2;
+
height:90px;
 +
margin:15px;
 +
padding:0px;
}
}
-
#headernavbar ul li{
+
a.circlelink
-
padding-top:0px;  
+
{
-
float:none;
+
display:block;
-
        margin-top:-3px;
+
width:90px;
-
        z-index: 2;
+
height:90px;
 +
background-size:100% 100%;
 +
text-indent:-9999px;
 +
position: relative
}
}
-
#headernavbar ul a{
+
a.home
-
white-space:nowrap;
+
{
-
        z-index: 2;
+
background-image:url("https://static.igem.org/mediawiki/2011/1/11/Homegrey.png");
}
}
-
#headernavbar li:hover ul{  
+
a.home:hover
-
left: -15px;
+
{
-
        z-index: 2;
+
background-image:url("https://static.igem.org/mediawiki/2011/8/81/Homecolor.png");
}
}
-
#headernavbar li:hover a{  
+
a.project
-
background:#003C7D;
+
{
-
text-decoration:none;
+
        background-image:url("https://static.igem.org/mediawiki/2011/3/34/Projectgrey.png");
-
        z-index: 2;
+
}
}
-
#headernavbar li:hover ul a{  
+
a.project:hover
-
text-decoration:none;
+
{
-
        z-index: 2;
+
background-image:url("https://static.igem.org/mediawiki/2011/d/d6/Projectcolor.png");
}
}
-
#headernavbar li:hover ul li a:hover{  
+
a.safety
-
background:#F47F24;
+
{
-
        z-index: 2;
+
        background-image:url("https://static.igem.org/mediawiki/2011/f/f5/Safetygrey.png");
}
}
-
 
+
a.safety:hover
-
 
+
{
-
/* Main Page */
+
background-image:url("https://static.igem.org/mediawiki/2011/1/11/Safetycolor.png");
-
 
+
-
#content-containertop {
+
-
width: 1000px;
+
-
height: 350px;
+
-
text-align: center;
+
-
padding-left: 0px;
+
-
padding-right:0px;
+
-
margin-left: auto;
+
-
margin-right:auto;
+
-
        margin-top: 25px;
+
-
float: center;
+
}
}
-
 
+
a.qd
-
 
+
{
-
#content-topleft {
+
-
background-color:#EEEEEE;
+
        background-image:url("https://static.igem.org/mediawiki/2011/f/fc/Qdgrey.png");
-
width: 400px;
+
-
height: 250px;
+
-
float: left;
+
-
padding: 25px;
+
-
text-align: left;
+
-
margin-left: -10px;
+
-
border: 25px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
        font-size:150%;
+
}
}
-
 
+
a.qd:hover
-
#content-topright {
+
{
-
background-color: #EEEEEE;
+
background-image:url("https://static.igem.org/mediawiki/2011/7/73/Qdcolor.png");
-
width: 400px;
+
-
height: 250px;
+
-
float: right;
+
-
padding: 25px;
+
-
text-align: left;
+
-
margin-right: -10px;
+
-
border: 25px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
        font-size:150%;
+
}
}
-
 
+
a.team
-
#content1-topcenter {
+
{
-
        width: 950px;
+
background-image:url("https://static.igem.org/mediawiki/2011/2/2c/Teamgrey.png");
-
        float: center;
+
-
background-color:#EEEEEE;
+
-
        padding: 25px;
+
-
height: 450px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        margin-top: 25px;
+
-
margin-left: auto;
+
-
margin-right: auto; 
+
}
}
-
 
+
a.team:hover
-
#sponsorbox {
+
{
-
        width: 950px;
+
background-image:url("https://static.igem.org/mediawiki/2011/f/ff/Teamcolor.png");
-
        float: center;
+
-
background-color:#EEEEEE;
+
-
        padding: 25px;
+
-
height: 50px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        margin-top: 25px;
+
-
margin-left: auto;
+
-
margin-right: auto; 
+
}
}
-
 
+
a.notebook
-
#intro {
+
{
-
        width: 950px;
+
background-image:url("https://static.igem.org/mediawiki/2011/6/6c/Notebookgrey.png");
-
        float: center;
+
-
background-color:#EEEEEE;
+
-
        padding: 25px;
+
-
height: 50px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        margin-top: 25px;
+
-
margin-left: auto;
+
-
margin-right: auto; 
+
}
}
-
 
+
a.notebook:hover
-
/* Notebook */
+
{
-
/* Protocol Section*/
+
background-image:url("https://static.igem.org/mediawiki/2011/b/b0/Notebookcolor.png");
-
 
+
-
#protocol-container{
+
-
width: 1000px;
+
-
height: 100%;
+
-
text-align: center;
+
-
padding-left: 0px;
+
-
padding-right:0px;
+
-
margin-left: auto;
+
-
margin-right:auto;
+
-
        margin-top: 25px;
+
-
float: center;
+
}
}
-
 
+
a.attribution
-
#protocolselection{
+
{
-
         background-color:#EEEEEE;
+
         background-image:url("https://static.igem.org/mediawiki/2011/5/5b/Attributiongrey.png");
-
width: 250px;
+
-
height: 100%;
+
-
float: left;
+
-
padding-top: 5px;
+
-
text-align: left;
+
-
margin-left: -10px;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
        font-size:150%;
+
}
}
-
 
+
a.attribution:hover
-
#protocolselection ul{
+
{
-
         list-style:none;
+
         background-image:url("https://static.igem.org/mediawiki/2011/0/05/Attributioncolor.png");
-
        float:left;
+
-
        margin:0px;
+
-
        padding:0px;
+
-
        width:100%;
+
}
}
-
#protocolselection a {
+
a.hp
-
cursor: pointer;
+
{
-
display:block;
+
         background-image:url("https://static.igem.org/mediawiki/2011/2/27/HPgrey.png");
-
height:25px;
+
-
line-height: 25px;
+
-
         text-align:center;   
+
-
text-decoration:none;
+
-
width:100%;
+
-
color:#ffffff;
+
-
background:#F47F24;
+
-
        padding-top: 10px;
+
-
        font: bold 13px Arial;
+
}
}
-
 
+
a.hp:hover
-
#protocolselection li:hover a{
+
{
-
background:#003C7D;
+
        background-image:url("https://static.igem.org/mediawiki/2011/7/78/HPcolor.png");
-
text-decoration:none;
+
}
}
-
 
+
table, th, tr
-
#protocoloverview {
+
{
-
background-color: #EEEEEE;
+
border-collapse:collapse;
-
width: 675px;
+
background-color:transparent;
-
height: 100%;
+
border: 1px solid white;
-
float: right;
+
padding:15px;
-
padding: 25px;
+
-
text-align: left;
+
-
margin-right: -10px;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
        font-size:150%;
+
}
}
-
 
+
td
-
/*Protocol Section End*/
+
{
-
 
+
text-align:center;
-
#notebook-container{
+
-
width: 1000px;
+
-
height: 350px;
+
-
text-align: center;
+
-
padding-left: 0px;
+
-
padding-right:0px;
+
-
margin-left: auto;
+
-
margin-right:auto;
+
-
        margin-top: 25px;
+
-
float: center;
+
-
 
+
}
}
-
 
+
a#igemhome
-
#notebook-content{
+
{
-
        width: 1000px;
+
display:block;
-
        float: center;
+
height: 150px;
-
background-color:#EEEEEE;
+
width: 970px;
-
height: 150px;
+
position:absolute;
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
top:-100px;
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
-
        padding-top:50px;
+
-
        margin-top: 25px;
+
-
margin-left: -10px;
+
-
margin-right: auto;
+
}
}
-
 
-
/* Footer */
 
-
 
-
#footer-box {
 
-
        float: center;
 
-
        overflow: hidden;
 
-
        display: block;
 
-
        background-color: #FFE4C4;
 
-
        width: 1000px;
 
-
        height: 50px;
 
-
        font-weight: normal;
 
-
        font-style: normal;
 
-
        font-size: 10px;
 
-
        margin-left: auto;
 
-
        margin-right: auto;
 
-
}
 
-
 
-
#catlinks {
 
-
        visibility: hidden;
 
-
}
 
-
 
-
#footer {
 
-
        }
 
-
 
-
 
-
 
</style>
</style>
 +
</head>
 +
<body>
 +
<a id="igemhome" href="https://2012.igem.org"></a>
 +
<div id="circlemenu">
 +
<div id="circlemenuwrapper">
 +
<div class="circlebox" style="left:0px">
 +
<a class="circlelink home" href="https://2012.igem.org/Team:Wisconsin-Madison">Home</a>
 +
</div>
 +
<div class="circlebox" style="left:120px">
 +
<a class="circlelink project" href="https://2012.igem.org/Team:Wisconsin-Madison/Team">Team</a>
 +
</div>
 +
<div class="circlebox" style="left:240px">
 +
<a class="circlelink qd" href="https://2012.igem.org/Team:Wisconsin-Madison/Projects">Projects</a>
 +
</div>
 +
<div class="circlebox" style="left:360px">
 +
<a class="circlelink notebook" href="https://2012.igem.org/Team:Wisconsin-Madison/Notebook">Notebook</a>
 +
</div>
 +
<div class="circlebox" style="left:480px">
 +
<a class="circlelink safety" href="https://2012.igem.org/Team:Wisconsin-Madisonr/Parts">Parts</a>
 +
</div>
 +
<div class="circlebox" style="left:600px">
 +
<a class="circlelink team" href="https://2012.igem.org/Team:Wisconsin-Madison/Modeling">Modeling</a>
 +
</div>
 +
                                        <div class="circlebox" style="left:720px">
 +
<a class="circlelink attribution" href="https://2012.igem.org/Team:Wisconsin-Madison/Safety">Safety</a>
 +
</div>
 +
                                        <div class="circlebox" style="left:840px">
 +
<a class="circlelink hp" href="https://2011.igem.org/Team:Columbia-Cooper/Human Practices">Human Practices</a>
 +
</div>
 +
</div id="menuwrapper">
 +
</div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 16:12, 7 June 2012

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