Team:Columbia-Cooper/Templates/main

From 2011.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 5: Line 5:
<style>
<style>
@import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light');
@import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light');
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
body
body
{
{
Line 12: Line 13:
text-align:left;
text-align:left;
}
}
-
h1, h2
+
div#p-logo
 +
{
 +
display:none;
 +
}
 +
div#top-section
 +
{
 +
height:150px;
 +
background-size: 975px 150px;
 +
background-image:url("http://2011.igem.org/wiki/images/5/55/BANNER2.png");
 +
background-repeat:no-repeat;
 +
}
 +
div#search-controls
 +
{
 +
display:none;
 +
}
 +
div#footer-box
 +
{
 +
background-color:#292929;
 +
width:100%;
 +
}
 +
h1, h2, h3
{
{
-
font-family:"Terminal Dosis Light", sans-serif;
 
color:#FFF200;
color:#FFF200;
         border-bottom-width:0px;
         border-bottom-width:0px;
Line 20: Line 40:
h1
h1
{
{
-
font-size:18pt;
+
font-family:"Terminal Dosis Light", sans-serif;
 +
font-size:17pt;
letter-spacing:1px;
letter-spacing:1px;
text-transform:uppercase;
text-transform:uppercase;
Line 30: Line 51:
h2
h2
{
{
-
font-size:16pt;
+
font-family:"Open Sans Condensed", sans-serif;
 +
font-size:15pt;
 +
}
 +
h3
 +
{
 +
font-family:"Open Sans Condensed", sans-serif;
 +
font-size:13pt;
}
}
-
p
+
p, li, td
{
{
font-family:"Tahoma", sans-serif;
font-family:"Tahoma", sans-serif;
font-size:11pt;
font-size:11pt;
-
color:#E7E7E8;
+
color:#D0D0D0;
}
}
#globalWrapper
#globalWrapper
{
{
-
     background-color:#3F3E40;
+
     background-color:#292929;
}
}
#content
#content
{
{
     background-color:#3F3E40;
     background-color:#3F3E40;
 +
    text-align:center;
     border-style:solid;
     border-style:solid;
-
     border-color:#9A9C9F;
+
     border-color:#707070;
     border-width: 1px 1px 1px 1px;
     border-width: 1px 1px 1px 1px;
-
    text-align:center;
 
}
}
a
a
Line 54: Line 81:
font-family:"Tahoma", sans-serif;
font-family:"Tahoma", sans-serif;
font-size:11pt;
font-size:11pt;
-
color:#E7E7E8;
+
color:#FFFFFF;
-
font-weight:normal
+
font-weight:normal;
 +
text-decoration:underline;
}
}
a:visited
a:visited
{
{
-
color:#E7E7E8;
+
color:#BBBBBB;
}
}
strong.selflink
strong.selflink
Line 67: Line 95:
color:#FFF200;
color:#FFF200;
font-weight:normal
font-weight:normal
-
}
 
-
#footer-box
 
-
{
 
-
background-color:#3F3E40;
 
}
}
#catlinks
#catlinks
Line 84: Line 108:
padding:20px;
padding:20px;
float:left;
float:left;
-
    border-style:solid;
 
-
    border-color:#9A9C9F;
 
-
    border-width: 1px 1px 1px 1px;
 
}
}
div#circlemenu
div#circlemenu
{
{
margin:auto;
margin:auto;
-
height:225px;
+
height:125px;
}
}
div#circlemenuwrapper
div#circlemenuwrapper
{
{
position:relative;
position:relative;
-
text-align: left;
+
text-align: center;
 +
}
 +
div.pic
 +
{
 +
float:left;
 +
width:380px;
 +
height:300px;
 +
margin:50px;
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
}
 +
div.picinfo
 +
{
 +
text-align:left;
 +
float:right;
 +
width:380px;
 +
height:300px;
 +
margin:50px;
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
}
 +
div.twrapper
 +
{
 +
float:left;
 +
height:350px;
}
}
div.circlebox
div.circlebox
Line 104: Line 149:
width:90px;
width:90px;
height:90px;
height:90px;
-
margin:10px;
+
margin:15px;
padding:0px;
padding:0px;
}
}
Line 118: Line 163:
a.home
a.home
{
{
-
background-image:url(homegrey.png);
+
background-image:url("http://2011.igem.org/wiki/images/1/11/Homegrey.png");
}
}
a.home:hover
a.home:hover
{
{
-
background-image:url(homecolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/8/81/Homecolor.png");
-
}
+
-
a.lab
+
-
{
+
-
background-image:url(notebookgrey.png);
+
-
}
+
-
a.lab:hover
+
-
{
+
-
background-image:url(notebookcolor.png);
+
}
}
a.project
a.project
-
{
+
{
-
background-image:url(projectgrey.png);
+
        background-image:url("http://2011.igem.org/wiki/images/3/34/Projectgrey.png");
}
}
a.project:hover
a.project:hover
{
{
-
background-image:url(projectcolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/d/d6/Projectcolor.png");
}
}
a.safety
a.safety
{
{
-
background-image:url(safetygrey.png);
+
        background-image:url("http://2011.igem.org/wiki/images/f/f5/Safetygrey.png");
}
}
a.safety:hover
a.safety:hover
{
{
-
background-image:url(safetycolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/1/11/Safetycolor.png");
}
}
a.qd
a.qd
{
{
-
background-image:url(qdgrey.png);
+
 +
        background-image:url("http://2011.igem.org/wiki/images/f/fc/Qdgrey.png");
}
}
a.qd:hover
a.qd:hover
{
{
-
background-image:url(qdcolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/7/73/Qdcolor.png");
}
}
a.team
a.team
{
{
-
background-image:url(teamgrey.png);
+
background-image:url("http://2011.igem.org/wiki/images/2/2c/Teamgrey.png");
}
}
a.team:hover
a.team:hover
{
{
-
background-image:url(teamcolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/f/ff/Teamcolor.png");
}
}
a.notebook
a.notebook
{
{
-
background-image:url(notebookgrey.png);
+
background-image:url("http://2011.igem.org/wiki/images/6/6c/Notebookgrey.png");
}
}
a.notebook:hover
a.notebook:hover
{
{
-
background-image:url(notebookcolor.png);
+
background-image:url("http://2011.igem.org/wiki/images/b/b0/Notebookcolor.png");
 +
}
 +
a.attribution
 +
{
 +
        background-image:url("http://2011.igem.org/wiki/images/5/5b/Attributiongrey.png");
 +
}
 +
a.attribution:hover
 +
{
 +
        background-image:url("http://2011.igem.org/wiki/images/0/05/Attributioncolor.png");
 +
}
 +
 
 +
a.hp
 +
{
 +
        background-image:url("http://2011.igem.org/wiki/images/2/27/HPgrey.png");
 +
}
 +
a.hp:hover
 +
{
 +
        background-image:url("http://2011.igem.org/wiki/images/7/78/HPcolor.png");
 +
}
 +
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>
</head>
<body>
<body>
 +
<a id="igemhome" href="http://2011.igem.org"></a>
<div id="circlemenu">
<div id="circlemenu">
<div id="circlemenuwrapper">
<div id="circlemenuwrapper">
-
<div class="circlebox" style="left:20px">
+
<div class="circlebox" style="left:0px">
-
<a class="circlelink home" href="home.html">Home</a>
+
<a class="circlelink home" href="http://2011.igem.org/Team:Columbia-Cooper">Home</a>
</div>
</div>
-
<div class="circlebox" style="left:130px">
+
<div class="circlebox" style="left:120px">
-
<a class="circlelink project" href="project.html">Lab</a>
+
<a class="circlelink project" href="http://2011.igem.org/Team:Columbia-Cooper/Project">Project</a>
</div>
</div>
<div class="circlebox" style="left:240px">
<div class="circlebox" style="left:240px">
-
<a class="circlelink qd" href="qd.html">Project</a>
+
<a class="circlelink qd" href="http://2011.igem.org/Team:Columbia-Cooper/Quantum Dots">Quantum Dots</a>
 +
</div>
 +
<div class="circlebox" style="left:360px">
 +
<a class="circlelink notebook" href="http://2011.igem.org/Team:Columbia-Cooper/Notebook">Notebook</a>
 +
</div>
 +
<div class="circlebox" style="left:480px">
 +
<a class="circlelink safety" href="http://2011.igem.org/Team:Columbia-Cooper/Safety"></a>
</div>
</div>
-
<div class="circlebox" style="left:350px">
+
<div class="circlebox" style="left:600px">
-
<a class="circlelink notebook" href="notebook.html">Safety</a>
+
<a class="circlelink team" href="http://2011.igem.org/Team:Columbia-Cooper/Team"></a>
</div>
</div>
-
<div class="circlebox" style="left:460px">
+
                                        <div class="circlebox" style="left:720px">
-
<a class="circlelink safety" href="safety.html"></a>
+
<a class="circlelink attribution" href="http://2011.igem.org/Team:Columbia-Cooper/Attribution"></a>
</div>
</div>
-
<div class="circlebox" style="left:570px">
+
                                        <div class="circlebox" style="left:840px">
-
<a class="circlelink team" href="team.html"></a>
+
<a class="circlelink hp" href="http://2011.igem.org/Team:Columbia-Cooper/Human Practices"></a>
</div>
</div>
</div id="menuwrapper">
</div id="menuwrapper">

Latest revision as of 19:41, 28 October 2011