Template:UW Madison CSS

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
-
<head>
 
<style>
<style>
-
 
-
 
-
 
-
 
-
body
 
-
{
 
-
background-color:#3F3E40;
 
-
min-height:100%;
 
-
height:100%;
 
-
text-align:left;
 
-
}
 
-
 
-
div#p-logo
 
-
{
 
-
display:none;
 
-
}
 
-
div#top-section
 
-
{
 
-
height:290px;
 
-
background-size: 1000px 320px;
 
-
background-image:url("https://static.igem.org/mediawiki/2012/5/53/WisconsinBanner2.jpg");
 
-
background-repeat:no-repeat;
 
-
}
 
-
div#search-controls
 
-
{
 
-
display:none;
 
-
}
 
-
div#footer-box
 
-
{
 
-
background-color:#292929;
 
-
width:100%;
 
-
}
 
h1, h2, h3
h1, h2, h3
{
{
Line 45: Line 11:
letter-spacing:1px;
letter-spacing:1px;
text-transform:uppercase;
text-transform:uppercase;
 +
color:#FF0
}
}
h1.firstHeading
h1.firstHeading
{
{
display:none;
display:none;
 +
}
}
h2
h2
Line 66: Line 34:
color:#D0D0D0;
color:#D0D0D0;
}
}
-
#globalWrapper
+
 
-
{
+
-
    background-color:#292929;
+
-
}
+
#content
#content
{
{
Line 79: Line 44:
     border-width: 1px 1px 1px 1px;
     border-width: 1px 1px 1px 1px;
}
}
-
a
+
.foo{
-
{
+
font-size:12px;
-
font-family:"Tahoma", sans-serif;
+
color:#FFF;
-
font-size:11pt;
+
border-bottom: 1px, solid}
-
color:#FFFFFF;
+
-
font-weight:normal;
+
-
text-decoration:underline;
+
-
}
+
-
a:visited
+
-
{
+
-
color:#BBBBBB;
+
-
}
+
-
strong.selflink
+
-
{
+
-
font-family:"Tahoma", sans-serif;
+
-
font-size:11pt;
+
-
color:#FFF200;
+
-
font-weight:normal
+
-
}
+
-
#catlinks
+
-
{
+
-
background-color:#3F3E40;
+
-
border-width:0px;
+
-
}
+
-
div.column
+
-
{
+
-
text-align: left;
+
-
width:100px;
+
-
margin:50px;
+
-
padding:20px;
+
-
float:left;
+
-
}
+
-
div#circlemenu
+
-
{
+
-
margin:auto;
+
-
height:125px;
+
-
}
+
-
div#circlemenuwrapper
+
-
{
+
-
position:relative;
+
-
text-align: center;
+
-
}
+
-
div.pic
+
-
{
+
-
float:left;
+
-
width:380px;
+
-
height:100px;
+
-
margin:50px;
+
-
background-repeat:no-repeat;
+
-
background-size:100%;
+
-
}
+
-
div.picinfo
+
-
{
+
-
text-align:left;
+
-
float:right;
+
-
width:380px;
+
-
height:100px;
+
-
margin:50px;
+
-
background-repeat:no-repeat;
+
-
background-size:100%;
+
-
}
+
-
div.twrapper
+
-
{
+
-
float:left;
+
-
height:100px;
+
-
}
+
-
div.circlebox
+
-
{
+
-
display: block;
+
-
position:absolute;
+
-
width:120px;
+
-
height:60px;
+
-
margin:-4px;
+
-
padding:-4px;
+
-
}
+
-
a.circlelink
+
-
{
+
-
display:block;
+
-
width:120px;
+
-
height:60px;
+
-
background-size:100% 100%;
+
-
text-indent:-9999px;
+
-
position: relative
+
-
}
+
-
a.home
+
-
{
+
-
background-image:url("http://i.imgur.com/5IriO.jpg");
+
-
}
+
-
a.home:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/l2mFo.jpg");
+
-
}
+
-
a.project
+
-
{
+
-
        background-image:url("http://i.imgur.com/E7IO3.jpg");
+
-
}
+
-
a.project:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/JM0Pt.jpg");
+
-
}
+
-
a.safety
+
-
{
+
-
        background-image:url("http://i.imgur.com/i4J7I.jpg");
+
-
}
+
-
a.safety:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/XuqW3.jpg");
+
-
}
+
-
a.qd
+
-
{
+
-
+
-
        background-image:url("http://i.imgur.com/OMeCu.jpg");
+
-
}
+
-
a.qd:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/wyH0M.jpg");
+
-
}
+
-
a.team
+
-
{
+
-
background-image:url("http://i.imgur.com/iT7BX.jpg");
+
-
}
+
-
a.team:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/KCWk7.jpg");
+
-
}
+
-
a.notebook
+
-
{
+
-
background-image:url("http://i.imgur.com/x8oAy.jpg");
+
-
}
+
-
a.notebook:hover
+
-
{
+
-
background-image:url("http://i.imgur.com/FyQYo.jpg");
+
-
}
+
-
a.attribution
+
-
{
+
-
        background-image:url("http://i.imgur.com/hIYay.jpg");
+
-
}
+
-
a.attribution:hover
+
-
{
+
-
        background-image:url("http://i.imgur.com/drf4a.jpg");
+
-
}
+
-
 
+
-
a.hp
+
-
{
+
-
        background-image:url("http://i.imgur.com/l5V1I.jpg");
+
-
}
+
-
a.hp:hover
+
-
{
+
-
        background-image:url("http://i.imgur.com/jd57I.jpg");
+
-
}
+
-
table, th, tr
+
-
{
+
-
border-collapse:collapse;
+
-
background-color:transparent;
+
-
border: 1px solid white;
+
-
padding:15px;
+
-
}
+
-
td
+
-
{
+
-
text-align:center;
+
-
}
+
-
a#igemhome
+
-
{
+
-
display:block;
+
-
height: 150px;
+
-
width: 970px;
+
-
position:absolute;
+
-
top:-100px;
+
-
}
+
</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= "http://i.imgur.com/wWAh1.jpg">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://2012.igem.org/Team:Wisconsin-Madison/Human Practices">Human Practices</a>
 
-
</div>
 
-
</div id="menuwrapper">
 
-
</div>
 
-
</div>
 
-
</body>
 
-
</html>
 

Revision as of 20:12, 21 August 2012

<style> h1, h2, h3 { color:#FFF200;

       border-bottom-width:0px;

} h1 { font-family:"Terminal Dosis Light", sans-serif; font-size:17pt; letter-spacing:1px; text-transform:uppercase; color:#FF0 } h1.firstHeading { display:none;

} h2 { font-family:"Open Sans Condensed", sans-serif; font-size:15pt; } h3 { font-family:"Open Sans Condensed", sans-serif; font-size:13pt; } p, li, td { font-family:"Tahoma", sans-serif; font-size:11pt; color:#D0D0D0; }

  1. content

{

   background-color:#3F3E40;
   text-align:center;
   border-style:solid;
   height:75px;
   border-color:#707070;
   border-width: 1px 1px 1px 1px;

} .foo{ font-size:12px; color:#FFF; border-bottom: 1px, solid} </style>