Team:SDU-Denmark/css2

From 2010.igem.org

(Difference between revisions)
 
(250 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 {
   display: none;
   display: none;
 +
}
 +
 +
ul#topnav {
 +
        margin-top: -7px;
 +
        padding: 0;
 +
float: left;
 +
width: 823px;
 +
list-style: none;
 +
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 +
        font-family: verdana, sans-serif;
 +
        font-size: 17px;
 +
        font-weight: bold;
 +
background: url(Navibg.jpg) repeat-x;
 +
}
 +
 +
ul#topnav li {
 +
float: left;
 +
margin: 0; padding: 0;
 +
border-right: //1px solid #555; /*--Divider for each parent level links--*/
 +
}
 +
 +
ul#topnav li a {
 +
padding: 10px 15px;
 +
display: block;
 +
        color: #ffffff;
 +
text-decoration: none;
 +
}
 +
 +
ul#topnav li a:hover {
 +
        color: #6982f9;
 +
text-decoration: none;
 +
}
 +
 +
 +
ul#topnav li:hover {
 +
}/*--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--*/
 +
 +
ul#topnav li span {
 +
float: left;
 +
padding: 15px 0;
 +
position: absolute;
 +
left: 0; top:25px;
 +
display: none; /*--Hide by default--*/
 +
width: 705px;
 +
color: #6982f9;
 +
        text-align: center;
 +
/*--Bottom right rounded corner--*/
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
/*--Bottom left rounded corner--*/
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
}
 +
 +
ul#topnav li:hover span {
 +
        display: block;
 +
} /*--Show subnav on hover--*/
 +
 +
ul#topnav li span a {
 +
        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--*/
 +
 +
ul#topnav li span a:hover {
 +
        text-decoration: underline; color: #6982f9;
}
}
Line 9: Line 102:
   position: absolute;
   position: absolute;
   top: 5px;
   top: 5px;
-
   left: 25px;
+
   left: 50%;
 +
  margin-left: -411px;
   width: 823px;
   width: 823px;
   height: 74px;
   height: 74px;
Line 17: Line 111:
#navigation {
#navigation {
   position: absolute;
   position: absolute;
-
   top: 73px;
+
   top: 79px;
-
   left: 25px;
+
   left: 50%;
 +
  margin-left: -411px;
 +
  width: 823px;
 +
  height: 36px;
 +
  background-image: url(https://static.igem.org/mediawiki/2010/7/7f/Team-SDU-Denmark-Navibg.jpg)
 +
}
 +
 
 +
#return {
 +
  float: right;
 +
  margin-top: 50px;
 +
  margin-right: 10px;
 +
  font-weight: bold;
}
}
#subnavi {
#subnavi {
   position: relative;
   position: relative;
-
   margin-top: 109px;
+
   margin-top: 140px;
-
   margin-left: 25px;
+
  left: 50%;
 +
   margin-left: -411px;
   width: 823px;
   width: 823px;
}
}
 +
 +
#leftcolumn {
 +
  float: left;
 +
  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 {
 +
  float: right;
 +
  width: 150px;
 +
  padding: 7px;
 +
  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-size: 11px;
 +
  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>
-
</html>
 

Latest revision as of 03:37, 28 October 2010