Team:SDU-Denmark/css2

From 2010.igem.org

(Difference between revisions)
 
(202 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
#globalWrapper { border: none; margin: 0; padding: 0; width: 100%; height:100%; background-image: url(https://static.igem.org/mediawiki/2010/e/e8/Gbwrapbg.gif);}
 +
#content { background-image: url(https://static.igem.org/mediawiki/2010/6/63/Team-SDU-Denmark-bstract-flow.jpg); border: none; padding: 0; margin: 0; width: 100%; height:100%; overflow: hidden;}
 +
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
 +
#top-section { height: 16px; margin-top: 0; left: 50%; margin-left: -581px; margin-right: auto; margin-bottom: 0 !important; padding:0; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #5873f8; font-size: 10px; background-color: #58cf41;}
 +
#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; color: #ffffff;}
 +
.left-menu ul { border: none; }
 +
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none; color:}
 +
.right-menu ul { border: none; width: 300px;}
 +
#footer-box { 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;}
 +
#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;}
 +
/* Wiki Hacks - END */
 +
.firstHeading {
.firstHeading {
Line 6: Line 33:
}
}
-
ul#topnav {
+
ul#topnav {  
-
margin-left: 118px;
+
         margin-top: -7px;
-
         margin-top: 0;
+
         padding: 0;
         padding: 0;
float: left;
float: left;
-
width: 705px;
+
width: 823px;
-
height: 74px;
+
list-style: none;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
-
font-family: verdana, sans-serif;
+
        font-family: verdana, sans-serif;
-
         font-size: //14px;
+
         font-size: 17px;
-
         font-weight: //bold;
+
         font-weight: bold;
-
        color: //#FFFFFF;
+
-
        text-align: //center;
+
background: url(Navibg.jpg) repeat-x;
background: url(Navibg.jpg) repeat-x;
}
}
Line 32: Line 55:
padding: 10px 15px;
padding: 10px 15px;
display: block;
display: block;
-
color: #6982f9;
+
        color: #ffffff;
text-decoration: none;
text-decoration: none;
}
}
 +
 +
ul#topnav li a:hover {
 +
        color: #6982f9;
 +
text-decoration: none;
 +
}
 +
ul#topnav li:hover {  
ul#topnav li:hover {  
-
        background: ;
 
}/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
}/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
Line 46: Line 74:
left: 0; top:25px;
left: 0; top:25px;
display: none; /*--Hide by default--*/
display: none; /*--Hide by default--*/
-
width: 823px;
+
width: 705px;
-
color: //#6982f9;
+
color: #6982f9;
 +
        text-align: center;
/*--Bottom right rounded corner--*/
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomright: 5px;
Line 63: Line 92:
ul#topnav li span a {
ul#topnav li span a {
-
         display: inline;  
+
         display: inline; font-size: 12px; color: #6982f9;  
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
ul#topnav li span a:hover {
-
         text-decoration: underline; color: #6982f9
+
         text-decoration: underline; color: #6982f9;
}
}
-
 
-
a:link { color: #ffffff; }
 
-
a:visited { color: #ffffff; }
 
-
a:hover { color: #6982f9; text-decoration: none;}
 
#header {
#header {
   position: absolute;
   position: absolute;
   top: 5px;
   top: 5px;
-
   left: 40px;
+
   left: 50%;
 +
  margin-left: -411px;
   width: 823px;
   width: 823px;
   height: 74px;
   height: 74px;
Line 86: Line 112:
   position: absolute;
   position: absolute;
   top: 79px;
   top: 79px;
-
   left: 40px;
+
   left: 50%;
 +
  margin-left: -411px;
   width: 823px;
   width: 823px;
   height: 36px;
   height: 36px;
-
   font-family: verdana, sans-serif;
+
   background-image: url(https://static.igem.org/mediawiki/2010/7/7f/Team-SDU-Denmark-Navibg.jpg)
-
   font-size: 17px;
+
}
 +
 
 +
#return {
 +
  float: right;
 +
  margin-top: 50px;
 +
   margin-right: 10px;
   font-weight: bold;
   font-weight: bold;
-
  color: #FFFFFF;
 
-
  background-image: url(https://static.igem.org/mediawiki/2010/7/7f/Team-SDU-Denmark-Navibg.jpg);
 
}
}
#subnavi {
#subnavi {
   position: relative;
   position: relative;
-
   margin-top: 135px;
+
   margin-top: 140px;
-
   margin-left: 40px;
+
  left: 50%;
 +
   margin-left: -411px;
   width: 823px;
   width: 823px;
}
}
Line 105: Line 136:
#leftcolumn {
#leftcolumn {
   float: left;
   float: left;
-
   width: 623px;
+
   width: 630px;
 +
  padding: 10px;
 +
  border: 1px solid #5873f8;
 +
  border-bottom: 2px solid #5873f8;
 +
        -webkit-border-radius: 5px;
 +
        -moz-border-radius: 5px;
 +
  border-radius: 5px;
 +
  background-color: #ffffff;
 +
  text-align: justify;
 +
}
 +
 
 +
#parts {
 +
float: left;
 +
  width: 800px;
 +
  padding: 10px;
 +
  border: 1px solid #5873f8;
 +
  border-bottom: 2px solid #5873f8;
 +
        -webkit-border-radius: 5px;
 +
        -moz-border-radius: 5px;
 +
  border-radius: 5px;
 +
  background-color: #ffffff;
 +
  text-align: justify;
}
}
#rightcolumn {
#rightcolumn {
   float: right;
   float: right;
-
   width: 190px;
+
   width: 150px;
-
   margin-top: 8px;
+
   padding: 7px;
-
   margin-left: 10px;
+
  background-color: #ffffff;
 +
   border: 1px solid #5873f8;
 +
  border-bottom: 2px solid #5873f8;
 +
-webkit-border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
border-radius: 5px;
   font-family: verdana, sans-serif;
   font-family: verdana, sans-serif;
 +
  font-size: 11px;
   color: #6982f9;
   color: #6982f9;
 +
  text-align: justify;
}
}
 +
 +
#bonus a:link{
 +
color: #ffffff;
 +
}
 +
 +
#bonus a:hover{
 +
color: #5873f8;
 +
text-decoration: none;
 +
}
 +
 
 +
 +
#sponsor {
 +
  text-align: center;
 +
  font-weight: bold;
 +
}
 +
 +
<!--
 +
a:link {color: #5873F8; text-decoration: none; }
 +
a:active {color: #5873F8; text-decoration: none; }
 +
a:visited {color: #5873F8; text-decoration: none; }
 +
a:hover {color: #50CC38; text-decoration: underline; }
 +
-->
 +
</style>
</style>

Latest revision as of 03:37, 28 October 2010