Template:TU-Delft css

From 2012.igem.org

(Difference between revisions)
Line 99: Line 99:
<style type="text/css">
<style type="text/css">
-
#menu-igem {
+
* {
-
width:100%;
+
  font-family:Century gothic;
-
height:35px;
+
  margin-left:800px;  
-
margin:auto;
+
  margin-right:800px;
-
background-color:#AEC245;
+
 
-
                align:center;
+
-
}
+
-
 
+
-
#menu {
+
-
        margin: 0;
+
-
        background:#141414; /* <- huvudbakgrund för menyn. */
+
-
        line-height: 35px;
+
-
        border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */
+
-
}
+
-
#menu ul {
 
-
              display: none;
 
-
              margin: 0;
 
-
              padding: 0;
 
-
              width: 220px;
 
-
              position: absolute;
 
-
              z-index:1;
 
-
              top: 35px;
 
-
              left: 0;
 
-
              border-bottom: 0px solid #6699cc; /*#4ba6d5;  blåa längst ner på dropdown. */
 
}
}
-
#menu li {
+
* { margin: 0px; padding: 0px; }
-
    float: left;
+
-
    position: relative;
+
-
    list-style: none;
+
-
}
+
-
#menu ul li {
 
-
    float: none;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */
 
-
    line-height: 35px;
 
-
}
 
 +
/* OVERRIDING */
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
body{
 +
background-color: #FFFFFF;
 +
background:url(' ') repeat;     
 +
border: none;
 +
       
 +
        }
-
#menu li ul {
 
-
position:absolute;
 
-
margin-top:-1em;
 
-
margin-left:.5em; /* for IE */
 
-
display:none;
 
-
}
 
-
#menu ul li ul {
 
-
margin-top:-3em;
 
-
margin-left:7em;
 
-
}
 
-
/* ******************************************************************* */
+
#content {
-
/* SHOW SUBMENU  1 */
+
background-color: #FFFFFF;
-
#menu li:hover ul, #menu li.over ul {
+
/*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/
-
display:block;
+
-
}
+
-
#menu li:hover ul ul, #menu li.over ul ul {
+
-
display:none;
+
-
}
+
-
/* SHOW SUBMENU  2 */
+
-
#menu ul li:hover ul, #menu ul li.over ul {
+
-
display:block;
+
-
}
+
-
/* ******************************************************************* */
+
-
/* STYLING UP THE LINKS */
+
-
#menu a {
+
-
display:block;
+
-
border-right:1px solid #fff;
+
-
background:#AEC245;
+
-
color:#3B3B3B;
+
-
text-decoration:none;
+
-
padding:0 10px;
+
-
}
+
-
#menu a:hover {
+
-
background-color:#5798B4;
+
-
color:#fff;
+
-
}
+
-
#menu ul {
+
-
border-top:1px solid #fff;
+
-
}
+
-
#menu ul a {
+
-
border-right:none;
+
-
border-right:1px solid #fff;
+
-
border-bottom:1px solid #fff;
+
-
border-left:1px solid #fff;
+
-
background:#AEC245;
+
-
}
+
-
/* ******************************************************************* */
+
    border:0px;}
-
#menu {
+
#top-section {
-
z-index:1;
+
    width: 965px;
-
}
+
    height: 0;
-
#menu ul {
+
    margin: 0 auto;
-
z-index:2;
+
    padding: 0;
-
}
+
    border: none;}
-
#menu ul ul {
+
-
z-index:3;
+
-
}
+
-
/* ******************************************************************* */
 
-
/* Fix IE. Hide from IE Mac \*/
+
#menubar {
-
* html ul li { float: left; height: 1%; }
+
    font-size: 80%;
-
* html ul li a { height: 1%; }
+
    top: -14px;}
-
/* End */
+
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: #292929;} 
-
.boxWrap
+
/* --- OVERRIDING, RÖR INTE ÖVER --- */
-
{
+
-
  border: 1px solid #CCCCCC;
+
-
  background-color: #F5F5F5;
+
-
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
-
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
+
-
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
+
-
  border-radius: 15px;
+
-
  -moz-border-radius: 15px;
+
-
  padding: 15px;
+
-
  text-align:justify;
+
-
}
+
-
 
+
-
.boxWrap
+
-
{
+
-
  max-width: 1000px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*
+
-
 
+
-
 
+
-
 
+
-
Start Format iGEM base
+
-
*/
+
-
body {
+
-
/* format main-background C0C5CA*/
+
-
background-color: #7297BA;
+
-
                background-image: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG');
+
-
}
+
-
#bodyContent a{
+
-
/* format link color*/
+
-
}
+
-
#content {
+
-
/* format global document body */
+
-
font-family:"Verdana",Arial,sans-serif;
+
-
background-color: #E0F574;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
/* removes pagename */
+
-
display: none;
+
-
}
+
-
#top-section {
+
-
/* formats iGEM header div */
+
-
border: 0px;
+
-
height: 0px;
+
-
}
+
-
#p-logo {
+
-
/* removes iGEM logo */
+
-
display: none;
+
-
}
+
-
 
+
-
#menubar {
+
-
/* format top menubar */
+
-
top: 0px;
+
-
float: left;
+
-
border: none;
+
-
font-family:"Trebuchet MS","Verdana",Arial,sans-serif;
+
-
font-size:85%;
+
-
height: 22px;
+
-
}
+
-
#menubar li a {
+
-
color: #7297BA;
+
-
}
+
-
#menubar li a:hover {
+
-
text-decoration: underline;
+
-
}
+
-
#menubar.right-menu {
+
-
/* format right part of top menubar and add iGEM mini logo */
+
-
text-align: right;
+
-
right: auto;
+
-
background-color: #336699;
+
-
width: 975px;
+
-
z-index: 7;
+
-
}
+
-
#menubar.left-menu {
+
-
/* format left part of top menubar */
+
-
text-align: left;
+
-
width: auto;
+
-
z-index: 8;
+
-
}
+
-
+
-
#search-controls {
+
-
/* format searchbar */
+
-
top: 24px;
+
-
overflow :visible;
+
-
display:block;
+
-
background: none;
+
-
width: 965px;
+
-
border: 0;
+
-
margin: 0;
+
-
height: auto;
+
-
text-align: right;
+
-
right: auto;
+
-
}
+
-
#searchInput {
+
-
/* format search input field */
+
-
 
+
-
font-size:85%;
+
-
width: 100px;
+
-
background-color: #336699;
+
-
color: #FFFFFF;
+
-
border-width: thin;
+
-
padding-right: 2px;
+
-
padding-left: 2px;
+
-
}
+
-
#searchform {
+
-
margin: 1px;
+
-
}
+
-
input.searchButton {
+
-
/* format search input buttons */
+
-
font-family:"Trebuchet MS",Arial,sans-serif;
+
-
font-size: 85%;
+
-
margin: 0;
+
-
color: #FFFFFF;
+
-
font-weight: normal;
+
-
cursor: hand;
+
-
cursor:pointer;
+
-
padding-right: 2px;
+
-
padding-left: 2px;
+
-
}
+
-
input.searchButton:hover {
+
-
color: #FFFFFF;
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
#footer-box {
+
-
/* format footer to match top menubar */
+
-
font-family:"Trebuchet MS",Arial,sans-serif;
+
-
font-size: 12px;
+
-
color:#FFFFFF;
+
-
background:#336699;
+
-
border-top: #000000 1px solid;
+
-
border-bottom: #000000 1px solid;
+
-
}
+
-
#footer-box li a {
+
-
color:#7297BA;
+
-
}
+
-
#footer-box li a:hover {
+
-
color:#FFFFFF;
+
-
}
+
-
 
+
-
/*
+
-
End Format iGEM base
+
-
*/
+
-
/*
 
-
Start Format ETHZ_Basel
 
-
*/
 
-
#header{
+
body { margin: 10px 0 0 0; padding: 0; background: #B0E0E6 /* <- #0080FFHuvudbakgrundsfärg vitaktig. */ font-family: "Verdana", arial, sans-serif; font-size: 12px; }
-
/* position logo */
+
-
width: 975px;
+
-
position: relative;
+
-
left: -5px;
+
-
background-color: #336699;
+
-
}
+
-
*/
+
#wrapper { width: 960px; margin: 10px auto; padding: 6px; }
 +
#header { height: 240px; background: url('https://static.igem.org/mediawiki/2012/0/08/Logga6.jpg'); } /* <- Bildens sökväg. */
 +
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
#nav {
#nav {
Line 505: Line 291:
     height: 0;
     height: 0;
}
}
 +
 +
#footer { text-align: left;
 +
    background: #FFFFFF; /* <- huvudbakgrund för footer. */
 +
    border-top: 0px solid #6699cc; /*#4ba6d5;  Blå ram längst ner på menyn. */
 +
    color: #fff;
 +
    padding: 10px; }

Revision as of 14:44, 4 September 2012

Retrieved from "http://2012.igem.org/Template:TU-Delft_css"