Template:TU-Delft css

From 2012.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 98: Line 98:
</script>
</script>
<style type="text/css">
<style type="text/css">
 +
* {
* {
Line 110: Line 111:
* { margin: 0px; padding: 0px; }
* { margin: 0px; padding: 0px; }
   
   
-
 
/* OVERRIDING */
/* OVERRIDING */
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
body {
-
    display:none;}
+
/* format main-background C0C5CA*/
-
#top-section {
+
background-color: #7297BA;
-
    border: none;
+
                background-image: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG');
-
    height: 0px;}
+
}
-
 
+
#bodyContent a{
-
body{
+
/* format link color*/
-
background-color: #FFFFFF;
+
}
-
background:url(' ') repeat;      
+
#content {
-
 
+
/* format global document body */
-
border: none;
+
font-family:"Verdana",Arial,sans-serif;
-
       
+
background-color: #E0F574;
-
        }
+
}
-
 
+
        #contentSub, #catlinks {
 +
                display:none;
 +
                }
-
#content {
+
.firstHeading {
-
background-color: #FFFFFF;
+
/* removes pagename */
-
/*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/
+
display: none;
-
 
+
}
-
    border:0px;}
+
#top-section {
-
 
+
     background-color: black;
-
#top-section {
+
-
     width: 965px;
+
     height: 0;
     height: 0;
-
    margin: 0 auto;
 
-
    padding: 0;
 
     border: none;}
     border: none;}
 +
#p-logo {
 +
/* removes iGEM logo */
 +
display: none;
 +
}
-
#menubar {
+
#menubar {
-
    font-size: 80%;
+
/* format top menubar */
-
    top: -14px;}
+
top: 0px;
-
.left-menu:hover {
+
float: left;
-
    background-color: transparent;}
+
border: none;
-
#menubar li a {
+
font-family:"Trebuchet MS","Verdana",Arial,sans-serif;
-
    background-color: transparent;}
+
font-size:85%;
-
#menubar:hover {
+
height: 24px;
-
    color: white;}
+
}
-
#menubar li a {
+
#menubar li a {
-
    color: transparent;}
+
color: #7297BA;
-
#menubar:hover li a {
+
}
-
    color: #292929;}
+
#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;
 +
}
 +
        #menubar.left-menu:hover {
 +
                background-color: transparent;}
 +
 +
#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;
 +
}
 +
        .right-menu li a {
 +
                background-color: transparent;
 +
                }
 +
#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
 +
*/
/* --- OVERRIDING, RÖR INTE ÖVER --- */
/* --- OVERRIDING, RÖR INTE ÖVER --- */
-
 
+
body {font-family: "Verdana", arial, sans-serif; font-size: 12px;}
-
body { margin: 10px 0 0 0; padding: 0; background: #B0E0E6 /* <- #0080FFHuvudbakgrundsfärg vitaktig. */ font-family: "Verdana", arial, sans-serif; font-size: 12px; }
+
#wrapper { width: 960px; margin: 10px auto; padding: 6px; }
#wrapper { width: 960px; margin: 10px auto; padding: 6px; }
 +
#header{
 +
/* position logo */
 +
width: 975px;
 +
position: relative;
 +
left: -5px;
 +
background-color: #336699;
 +
}
-
#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; }
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
#nav {
#nav {
     margin: 0;
     margin: 0;
-
     background:#141414; /* <- huvudbakgrund för menyn. */
+
     background:#AEC245;
     line-height: 35px;
     line-height: 35px;
-
     border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */
+
     border-bottom: 0px solid #6699cc;
 +
    color: #3b3b3b;
}
}
Line 196: Line 286:
#nav li a:hover {
#nav li a:hover {
-
     background: #3D3D3D; /* Bakgrund för mus-över i menyn. */
+
     background: #336699;  
     color: #fff;
     color: #fff;
 +
  font-size:20px;
}
}
Line 203: Line 294:
/* sub levels link hover */
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
#nav ul li:hover a, #nav li:hover li a {
-
     background: #292929; /* Huvudbakgrund för dropdown. */
+
     background: #AEC245; /* Huvudbakgrund för dropdown. */
     border: none;
     border: none;
     color: #fff;
     color: #fff;
}
}
#nav ul a:hover {
#nav ul a:hover {
-
     background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
+
     background: #336699!important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
     color: #fff !important;
     color: #fff !important;
}
}
Line 238: Line 329:
}
}
-
/* level 3+ list */
 
-
#nav ul ul {
 
-
    left: 181px;
 
-
    top: -3px;
 
-
}
 
/* rounded corners of first and last link */
/* rounded corners of first and last link */
Line 292: Line 378:
}
}
-
#footer { text-align: left;
+
.boxWrap
-
    background: #FFFFFF; /* <- huvudbakgrund för footer. */
+
{
-
    border-top: 0px solid #6699cc; /*#4ba6d5;  Blå ram längst ner på menyn. */
+
  border: 1px solid #CCCCCC;
-
    color: #fff;
+
  background-color: #F5F5F5;
-
    padding: 10px; }
+
  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;
 +
  max-width: 1000px;
 +
}
 +
 
 +
 
 +
/* CSS Document */
 +
#menu, #menu ul {
 +
list-style:none;
 +
padding:0;
 +
margin:0;
 +
}
 +
#menu li {
 +
float:left;
 +
position:relative;
 +
line-height:3.5em;
 +
width:15em;
 +
}
 +
#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;
 +
}
 +
/* ******************************************************************* */
 +
/* SHOW SUBMENU  1 */
 +
#menu li:hover ul, #menu li.over ul {
 +
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:#E0F574;
 +
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;
 +
}
 +
 
 +
/* ******************************************************************* */
 +
 
 +
#menu {
 +
z-index:1;
 +
}
 +
#menu ul {
 +
z-index:2;
 +
}
 +
#menu ul ul {
 +
z-index:3;
 +
}
 +
 
 +
/* ******************************************************************* */
 +
/* Fix IE. Hide from IE Mac \*/
 +
* html ul li { float: left; height: 1%; }
 +
* html ul li a { height: 1%; }
 +
/* End */
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 22:42, 4 September 2012

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