Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* Team: TU Delft */
+
    body {
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
+
        background-color: #FFD700; /* defines the default background color of the document*/
-
height:auto !important; /* real browsers */
+
        color: black; /* defines the default font-color of the document*/
-
height:100%; /* IE6: treaded as min-height*/
+
    }
-
min-height:100%; /* real browsers */
+
    a {
 +
        color: navy; /* defines the default color of links */
 +
    }
 +
    a:hover {
 +
        color: gray; /* defines the default color of links hovered by the cursor */
 +
    }
 +
    a {
 +
        color: navy; /* defines the default color of links */
 +
    }
 +
    .firstHeading
 +
    {
 +
        display: none; /* hides the default heading */
 +
    }
 +
 
 +
.droplinebar{
 +
overflow: hidden;
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -15px !important; margin-top: 0px;
+
.droplinebar ul{
-
height:auto !important; /* real browsers */
+
margin: 0;
-
height:100%; /* IE6: treaded as min-height*/
+
padding: 0;
-
min-height:100%; /* real browsers */
+
float: left;
 +
width: 100%;
 +
line-height:20;
 +
font: bold 13px Arial;
 +
background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/
}
}
-
#bodyContent { border: none; padding:0; margin:0; width:100%;
+
 
-
height:auto !important; /* real browsers */
+
.droplinebar ul li{
-
height:100%; /* IE6: treaded as min-height*/
+
display: inline;
-
min-height:100%; /* real browsers */
+
width:190px;
}
}
-
#top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 
-
.left-menu ul { border: none; }
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.right-menu ul { border: none; width: 300px;}
 
-
#footer-box { background-color: #FF8D00; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
 
-
.visualClear { display: none; }
 
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666;}
 
-
.printfooter { display: none; }
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
#search-controls { display:none; }
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
p:first-child { display: none;}
 
-
h1{border:none; width: 100%; clear: both;}
 
-
/* Wiki Hacks - END */
 
-
table {
+
.droplinebar ul li a{
-
margin: 0;
+
float: left;
-
padding: 0;
+
color: black;
-
font-size: 11px;
+
padding: 16px 31px;
-
border: 1px solid #000;
+
text-decoration: none;
-
}
+
-
table td {
+
-
padding: 5px;
+
-
}
+
-
table .head {
+
-
background-color: FFDC00 ;
+
-
font-weight: bold;
+
-
color: #fff;
+
-
}
+
-
table .odd {
+
-
background-color: #FFDE6C;
+
}
}
-
h2 {
 
-
font-size: 30px;
 
-
border: none;
 
-
}
 
-
h3 {
+
.droplinebar ul li a:visited{
-
font-size: 20px;
+
color: black;
-
border: none;
+
}
-
}
+
-
html, body {
+
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
-
margin: 0;
+
color: white;
-
padding: 0;
+
background: #ffd700 url() center center repeat-x;
-
width: 100%;
+
-
height: 100%;
+
-
}
+
-
 
+
-
body {
+
-
background-color: #FFDE6C;
+
-
font-family: Verdana, Arial;
+
-
font-size: 12px;
+
-
color: #78BF82;
+
-
min-width: 1050px;
+
-
}
+
-
+
-
#TUD-main-wrapper {
+
-
width: 100%;
+
-
height:auto !important; /* real browsers */
+
-
height:100%; /* IE6: treaded as min-height*/
+
-
min-height:100%; /* real browsers */
+
-
text-align: center;
+
-
background-image: url('https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_footer_tile.gif');
+
-
background-position: bottom left;
+
-
background-repeat: repeat-x;
+
-
display: block;
+
-
font-family: Verdana, Arial;
+
-
font-size: 12px;
+
-
color: #78BF82;
+
-
}
+
-
 
+
-
#TUD-main-wrapper div {
+
-
line-height: 18px;
+
}
}
-
/* IE ignores this */
 
-
html>body #TUD-main-wrapper {
 
-
height: auto;
 
-
min-height: 100%;
 
-
}
 
-
 
-
#TUD-main-wrapper2 {
 
-
width: 100%;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
text-align: center;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/9/9d/TU_Delft_bg_tile.gif');
 
-
background-repeat: repeat-x;
 
-
background-repeat: repeat-x;
 
-
display: block;
 
-
font-family: Verdana, Arial;
 
-
font-size: 12px;
 
-
color: #78BF82;
 
-
margin-top: -8px;
 
-
}
 
-
 
-
/* IE ignores this */
 
-
html>body #TUD-main-wrapper2 {
 
-
height: auto;
 
-
min-height: 100%;
 
-
}
 
-
 
-
#TUD-content-wrapper {
 
-
background-color: #fff;
 
-
text-align: left;
 
-
width: 1024px;
 
-
margin: 0 auto;
 
-
padding: 0;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
 
-
#TUD-header {
 
-
width: 1024px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/5/58/TU_Delft_header_bg.gif');
 
-
height: 120px;
 
-
}
 
-
 
-
#TUD-menu {
 
-
width: 1024px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/c/c5/TU_Delft_menu_bg.gif');
 
-
height: 38px;
 
-
}
 
-
 
-
 
-
#TUD-body-wrapper {
 
-
width: 100%;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/8/80/TU_Delft_body_bg.jpg');
 
-
/* FireFox collapsing margin fix */
 
-
padding-top: 1px;/*important*/
 
-
margin-top: -1px;/*important*/
 
-
}
 
-
 
-
#TUD-body-container {
 
-
width: 100%;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/5/5d/TU_Delft_body_top_bg.jpg');
 
-
background-repeat: no-repeat;
 
-
/* FireFox collapsing margin fix */
 
-
padding-top: 1px;/*important*/
 
-
margin-top: -1px;/*important*/
 
-
display: block;
 
-
}
 
-
 
-
#TUD-body-content {
 
-
background-image: url('https://static.igem.org/mediawiki/2010/5/5f/TU_Delft_body_footer_bg.jpg');
 
-
width: 1024px;
 
-
background-repeat: no-repeat;
 
-
background-position: bottom left;
 
-
padding-bottom: 15px
 
-
}
 
-
 
-
#TUD-main-content {
 
-
width: 904px;
 
-
margin: 10px 60px 0px 60px;
 
-
}
 
-
 
-
#iGEM_TU_Delft_container {
 
-
min-height: 400px;
 
-
}
 
-
 
-
#TUD-footer {
 
-
width: 100%;
 
-
height: 254px;
 
-
text-align: center;
 
-
}
 
-
 
-
h1 {
 
-
margin: 0;
 
-
padding: 0;
 
-
display: block;
 
-
float: left;
 
-
}
 
-
 
-
.TUD-logo {
 
-
background-image: url('https://static.igem.org/mediawiki/2010/0/09/TU_Delft_iGEM_Team_Logo.png');
 
-
width: 237px;
 
-
height: 95px;
 
-
margin-left: 90px;
 
-
background-repeat: no-repeat;
 
-
border: none;
 
-
}
 
-
 
-
.TUD-logo span {
 
-
visibility: hidden;
 
-
}
 
-
 
-
 
-
#TUD-loading-panel {
 
-
z-index: 100;
 
-
position: absolute;
 
-
left: 0px;
 
-
top: 0px;
 
-
width: 100%;
 
-
height: 100%;
 
-
display:none;
 
-
}
 
-
 
-
#TUD-loading-panel-logo {
 
-
margin: 0 auto;
 
-
margin-top: 250px;
 
-
}
 
-
 
-
#loading-overlay {
 
-
z-index: 70;
 
-
width: 100%;
 
-
height: 100%;
 
-
display:none;
 
-
opacity:0.4;
 
-
filter:alpha(opacity=40);
 
-
}
 
-
 
-
#back_to_igem {
 
-
margin: 15px 0 0 0;
 
-
padding:0;
 
-
float: right;
 
-
}
 
-
 
-
/* MENU */
 
-
#navlist {
 
-
margin: 0 0 0 55px;
 
-
padding: 0;
 
-
}
 
-
 
-
#navlist li {
 
-
display: block;
 
-
list-style-type: none;
 
-
float:left;
 
-
padding: 0;
 
-
margin: 0;
 
-
}
 
-
 
-
#navlist li a {
 
-
text-decoration: none;
 
-
color: #000;
 
-
}
 
-
 
-
#navlist li a:hover {
 
-
text-decoration: underline;
 
-
}
 
-
 
-
#navlist li ul {
 
-
position: absolute;
 
-
display:none;
 
-
background-color: #fff;
 
-
padding:0;
 
-
border: 1px solid #aaa;
 
-
z-index:100;
 
-
margin-left: 0px;
 
-
margin-top: 4px;
 
-
}
 
-
 
-
html>body #navlist li ul {
 
-
margin-left: 0;
 
-
}
 
-
 
-
#navlist li ul li {
 
-
list-style-type:none;
 
-
float:left;
 
-
clear:both;
 
-
z-index:100;
 
-
}
 
-
 
-
#navlist li ul li a {
 
-
display: block;
 
-
color: #222;
 
-
width: 150px;
 
-
border: 1px solid #d0f1fa;
 
-
padding: 3px;
 
-
}
 
-
 
-
#navlist li ul li a:hover {
 
-
color: #000;
 
-
background-color: #FFD10F;
 
-
text-decoration: underline;
 
-
}
 
-
 
-
#insilico_menu li a {
 
-
width: 230px !important;
 
-
}
 
-
 
-
.menubutton {
 
-
display:block;
 
-
margin: 13px 10px 0px 10px;
 
-
}
 
-
/* FOOTER */
 
-
#TUD-footer, #TUD-footer-content {
 
-
width: 904px;
 
-
margin: 0 auto;
 
-
text-align: left;
 
-
}
 
-
/*TABLE .odd {
 
-
background-color: #FFD970;
 
-
} */
 
</style>
</style>
-
</html>
+
<html>

Revision as of 15:53, 18 May 2012