Template:Team:Chalmers-Gothenburg/stylesheet
From 2012.igem.org
m |
|||
(263 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | * { margin: | + | * { |
+ | font-family:Century gothic; | ||
+ | margin-left:800px; | ||
+ | margin-right:800px; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | * { margin: 0px; padding: 0px; } | ||
+ | |||
+ | |||
Line 8: | Line 19: | ||
border: none; | border: none; | ||
height: 0px;} | height: 0px;} | ||
+ | |||
+ | body{ | ||
+ | background-color: #FFFFFF; | ||
+ | background:url(' ') repeat; | ||
+ | |||
+ | border: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
#content { | #content { | ||
- | border: | + | background-color: #FFFFFF; |
+ | /*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/ | ||
+ | |||
+ | border:0px;} | ||
#top-section { | #top-section { | ||
Line 17: | Line 41: | ||
padding: 0; | padding: 0; | ||
border: none;} | border: none;} | ||
+ | |||
+ | |||
#menubar { | #menubar { | ||
- | font-size: | + | font-size: 80%; |
top: -14px;} | top: -14px;} | ||
.left-menu:hover { | .left-menu:hover { | ||
Line 29: | Line 55: | ||
color: transparent;} | color: transparent;} | ||
#menubar:hover li a { | #menubar:hover li a { | ||
- | color: #292929;} | + | color: #292929;} |
+ | |||
+ | |||
/* --- OVERRIDING, RÖR INTE ÖVER --- */ | /* --- OVERRIDING, RÖR INTE ÖVER --- */ | ||
- | body { margin: 10px 0 0 0; padding: 0; background: # | + | 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 { height: | + | #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; } | ||
Line 45: | Line 73: | ||
background:#141414; /* <- huvudbakgrund för menyn. */ | background:#141414; /* <- huvudbakgrund för menyn. */ | ||
line-height: 35px; | line-height: 35px; | ||
- | border-bottom: | + | border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */ |
} | } | ||
Line 61: | Line 89: | ||
display: block; | display: block; | ||
margin: 0 20px; /* ändra avstånd mellan meny alternativ. */ | margin: 0 20px; /* ändra avstånd mellan meny alternativ. */ | ||
- | padding: 0px | + | padding: 0px 21px; /* ändra höjd på meny alternativ. */ /* 22px utan stylesheet */ |
margin: 0; | margin: 0; | ||
border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */ | border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */ | ||
Line 80: | Line 108: | ||
} | } | ||
#nav ul a:hover { | #nav ul a:hover { | ||
- | background: # | + | background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/ |
color: #fff !important; | color: #fff !important; | ||
} | } | ||
Line 97: | Line 125: | ||
width: 215px; /* ändra bredd på dropdown */ | width: 215px; /* ändra bredd på dropdown */ | ||
position: absolute; | position: absolute; | ||
+ | z-index:1; | ||
top: 35px; | top: 35px; | ||
left: 0; | left: 0; | ||
- | border-bottom: | + | border-bottom: 0px solid #6699cc; /*#4ba6d5; blåa längst ner på dropdown. */ |
} | } | ||
#nav ul li { | #nav ul li { | ||
Line 119: | Line 148: | ||
} | } | ||
#nav ul li:last-child > a { | #nav ul li:last-child > a { | ||
+ | } | ||
+ | |||
+ | #nav social { | ||
+ | background: none; | ||
+ | margin: 0 1px; | ||
+ | /*padding: 0 10px;*/ | ||
+ | position: relative; | ||
+ | right: -10px; | ||
+ | font-size: 8px; | ||
+ | alt="Join iGEM Chalmers on Facebook!" | ||
+ | title="Join iGEM Chalmers on Facebook!" | ||
+ | } | ||
+ | |||
+ | #nav social2 { | ||
+ | background: none; | ||
+ | margin: 0 1px; | ||
+ | /*padding: 0 10px;*/ | ||
+ | position: relative; | ||
+ | right: -10px; | ||
+ | font-size: 8px; | ||
+ | alt="Follow iGEM Chalmers on Twitter!" | ||
+ | title="Follow iGEM Chalmers on Twitter!" | ||
+ | } | ||
+ | |||
+ | #nav social3 { | ||
+ | background: none; | ||
+ | margin: 0 1px; | ||
+ | /*padding: 0 10px;*/ | ||
+ | position: relative; | ||
+ | right: -10px; | ||
+ | font-size: 8px; | ||
+ | alt="Look up the iGEM competition!" | ||
+ | title="Look up the iGEM competition!" | ||
} | } | ||
Line 131: | Line 193: | ||
#footer { text-align: left; | #footer { text-align: left; | ||
- | background: # | + | background: #FFFFFF; /* <- huvudbakgrund för footer. */ |
- | border-top: | + | border-top: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */ |
color: #fff; | color: #fff; | ||
padding: 10px; } | padding: 10px; } | ||
+ | |||
+ | __NOEDITSECTION__ |
Latest revision as of 20:52, 26 September 2012
- {
font-family:Century gothic; margin-left:800px; margin-right:800px;
}
- { margin: 0px; padding: 0px; }
/* 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;
}
- content {
background-color: #FFFFFF; /*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/
border:0px;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 80%; top: -14px;}
.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;}
/* --- OVERRIDING, RÖR INTE ÖVER --- */
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; }
- 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 {
margin: 0; background:#141414; /* <- huvudbakgrund för menyn. */ line-height: 35px; border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */
}
- nav li {
float: left; position: relative; list-style: none;
}
/* main level link */
- nav li a {
color: #fff; text-decoration: none; display: block; margin: 0 20px; /* ändra avstånd mellan meny alternativ. */ padding: 0px 21px; /* ändra höjd på meny alternativ. */ /* 22px utan stylesheet */ margin: 0; border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */ font-variant: small-caps; /* Ta bort hela för "vanliga" bokstäver. */
}
- nav li a:hover {
background: #3D3D3D; /* Bakgrund för mus-över i menyn. */ color: #fff;
}
/* sub levels link hover */
- nav ul li:hover a, #nav li:hover li a {
background: #292929; /* Huvudbakgrund för dropdown. */ border: none; color: #fff;
}
- nav ul a:hover {
background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/ color: #fff !important;
}
/* dropdown */
- nav li:hover > ul {
display: block;
}
/* level 2 list */
- nav ul {
display: none;
margin: 0; padding: 0; width: 215px; /* ändra bredd på dropdown */ position: absolute; z-index:1; top: 35px; left: 0; border-bottom: 0px solid #6699cc; /*#4ba6d5; blåa längst ner på dropdown. */
}
- nav ul li {
float: none; margin: 0; padding: 0; border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */ line-height: 35px;
}
/* level 3+ list */
- nav ul ul {
left: 181px; top: -3px;
}
/* rounded corners of first and last link */
- nav ul li:first-child > a {
}
- nav ul li:last-child > a {
}
- nav social {
background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Join iGEM Chalmers on Facebook!" title="Join iGEM Chalmers on Facebook!" }
- nav social2 {
background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Follow iGEM Chalmers on Twitter!" title="Follow iGEM Chalmers on Twitter!" }
- nav social3 {
background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Look up the iGEM competition!" title="Look up the iGEM competition!" }
- nav:after {
content: "."; display: block; clear: both; visibility: hidden; line-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; }