Team:Johns Hopkins/Templates/css/default
From 2011.igem.org
Line 1: | Line 1: | ||
- | + | body { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | body | + | |
- | { | + | |
background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; | background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; | ||
- | font-size: | + | /*background: #f6b3a3 url('bg1.jpg') no-repeat; |
+ | background-size: 100%; */ | ||
+ | font-size: 14px; | ||
font-family: "trebuchet ms", helvetica, sans-serif; | font-family: "trebuchet ms", helvetica, sans-serif; | ||
- | color: # | + | color: #575757; |
line-height: 18px; | line-height: 18px; | ||
} | } | ||
- | + | #upbg | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
position: relative; | position: relative; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
top: 0px; | top: 0px; | ||
- | + | margin: 0 auto; | |
- | background: #fff | + | background: #fff; |
- | width: | + | width: 913px; |
- | + | ||
z-index: 1; | z-index: 1; | ||
+ | border: 1px solid #efefef; | ||
} | } | ||
- | # | + | #content { |
- | { | + | background-color: white; |
- | + | border:none; | |
- | + | padding-bottom:none; | |
- | margin: | + | margin-bottom:none; |
- | + | border: 1px solid #efefef; | |
} | } | ||
- | # | + | #primarycontent { |
- | { | + | margin-left:40px; |
- | position: relative; | + | position:relative; |
- | + | width:575px; | |
- | + | float:left; | |
} | } | ||
- | # | + | #secondarycontent { |
- | { | + | position:relative; |
- | position: | + | width:225px; |
- | + | float:right; | |
- | width: | + | margin-right:40px; |
- | + | border: 1px solid #ebebe9; | |
- | + | border-top: 3px solid #6f59ff; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .boxleft{ | |
- | { | + | position:relative; |
- | + | float:left; | |
+ | width:250px; | ||
+ | margin-left:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #22a356; | ||
} | } | ||
- | + | .boxmiddle{ | |
- | { | + | position:relative; |
- | position: | + | width:250px; |
- | + | margin-left:auto; | |
- | + | margin-right:auto; | |
- | + | border: 1px solid #ebebe9; | |
- | + | border-top: 3px solid #6f59ff; | |
- | border | + | |
- | + | ||
} | } | ||
- | + | .boxright{ | |
- | { | + | position:relative; |
- | position: | + | float:right; |
- | + | width:250px; | |
- | + | margin-right:40px; | |
- | + | border: 1px solid #ebebe9; | |
- | + | border-top: 3px solid #e6c146; | |
- | border: | + | |
} | } | ||
- | + | .boxbig{ | |
- | { | + | position:relative; |
- | + | width: 830px; | |
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #8d39cc; | ||
} | } | ||
- | # | + | #boxheading{ |
- | { | + | background:url('underline.gif') bottom repeat-x; |
- | + | padding:0px 0px 10px 10px; | |
- | + | margin-top:10px; | |
- | background: | + | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #boxcontent{ |
- | { | + | padding:10px 10px 10px 10px; |
- | + | ||
- | + | ||
- | + | ||
- | padding: | + | |
- | + | ||
} | } | ||
- | + | /* Headings */ | |
- | + | ||
- | + | ||
- | + | h1, h2, h3, h4, h5, h6 { font-weight: bold; } | |
- | { | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | h1 { font-size:14px; /*padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; */} |
- | { | + | h2 { font-size:13px; } |
- | + | h3 { font-size:16px; /*margin-bottom:5px; */} | |
- | } | + | h4 { font-size:18px; } |
+ | h5 { font-size:20px; } | ||
+ | h6 { font-size:24px; } | ||
- | + | .droplinebar{ | |
- | { | + | overflow: hidden; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .droplinebar ul{ | |
- | { | + | margin: 0; |
- | + | padding: 0; | |
+ | float: left; | ||
+ | width: 100%; | ||
+ | line-height:20; | ||
+ | font: bold 13px Arial; | ||
+ | background: #fff url(navbg.png) repeat-x; /*default background of menu bar*/ | ||
} | } | ||
- | + | .droplinebar ul li{ | |
- | { | + | |
display: inline; | display: inline; | ||
- | |||
- | |||
} | } | ||
- | + | .droplinebar ul li a{ | |
- | + | float: left; | |
- | + | color: black; | |
- | + | padding: 16px 23px; | |
- | + | ||
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
- | padding: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | + | .droplinebar ul li a:visited{ | |
- | { | + | color: black; |
- | + | ||
- | + | ||
- | + | ||
- | color: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ | |
- | { | + | color: white; |
- | + | background: #E8512F url() center center repeat-x; | |
- | + | ||
- | + | ||
} | } | ||
- | + | /* Sub level menus*/ | |
- | + | .droplinebar ul li ul{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | { | + | |
position: absolute; | position: absolute; | ||
- | + | z-index: 100; | |
- | + | left: 0; | |
- | + | top: 0; | |
- | + | background: #E8512F; /*sub menu background color */ | |
- | + | visibility: hidden; | |
} | } | ||
- | + | /* Sub level menu links style */ | |
- | { | + | .droplinebar ul li ul li a{ |
- | margin-bottom: | + | font: normal 12px Verdana; |
+ | color:white; | ||
+ | padding: 10px 40px; | ||
+ | margin: 0; | ||
+ | border-bottom: 1px solid #E8512F; | ||
} | } | ||
- | + | .droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ | |
- | { | + | background: #BA3114; |
- | + | ||
- | + | ||
- | background | + | |
- | + | ||
} | } | ||
- | # | + | .theme-default #slider { |
- | { | + | margin:25px auto 0 auto; |
- | + | width:800px; /* Make sure your images are the same size */ | |
- | + | height:300px; /* Make sure your images are the same size */ | |
- | + | ||
- | + | ||
} | } | ||
- | + | .clear { | |
- | { | + | clear:both; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | /* Wiki hacks */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | /* | + | |
.firstHeading { | .firstHeading { | ||
Line 491: | Line 267: | ||
.mw-headline :before{ | .mw-headline :before{ | ||
content: '='; | content: '='; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } |
Revision as of 02:34, 8 August 2011
body { background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; /*background: #f6b3a3 url('bg1.jpg') no-repeat; background-size: 100%; */ font-size: 14px; font-family: "trebuchet ms", helvetica, sans-serif; color: #575757; line-height: 18px; }
- upbg
{ position: relative; top: 0px; margin: 0 auto; background: #fff; width: 913px; z-index: 1; border: 1px solid #efefef; }
- content {
background-color: white; border:none; padding-bottom:none; margin-bottom:none; border: 1px solid #efefef;
}
- primarycontent {
margin-left:40px; position:relative; width:575px; float:left; }
- secondarycontent {
position:relative; width:225px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; }
.boxleft{ position:relative; float:left; width:250px; margin-left:40px; border: 1px solid #ebebe9; border-top: 3px solid #22a356; }
.boxmiddle{ position:relative; width:250px; margin-left:auto; margin-right:auto; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; }
.boxright{ position:relative; float:right; width:250px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146; }
.boxbig{ position:relative; width: 830px; margin-left:auto; margin-right:auto; border: 1px solid #ebebe9; border-top: 3px solid #8d39cc; }
- boxheading{
background:url('underline.gif') bottom repeat-x; padding:0px 0px 10px 10px; margin-top:10px; }
- boxcontent{
padding:10px 10px 10px 10px; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:14px; /*padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; */} h2 { font-size:13px; } h3 { font-size:16px; /*margin-bottom:5px; */} h4 { font-size:18px; } h5 { font-size:20px; } h6 { font-size:24px; }
.droplinebar{ overflow: hidden; }
.droplinebar ul{ margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: bold 13px Arial; background: #fff url(navbg.png) repeat-x; /*default background of menu bar*/ }
.droplinebar ul li{ display: inline; }
.droplinebar ul li a{ float: left; color: black; padding: 16px 23px; text-decoration: none; }
.droplinebar ul li a:visited{ color: black; }
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: white; background: #E8512F url() center center repeat-x; }
/* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #E8512F; /*sub menu background color */ visibility: hidden; }
/* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 12px Verdana; color:white; padding: 10px 40px; margin: 0; border-bottom: 1px solid #E8512F; }
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114; }
.theme-default #slider {
margin:25px auto 0 auto; width:800px; /* Make sure your images are the same size */ height:300px; /* Make sure your images are the same size */
}
.clear { clear:both; }
/* Wiki hacks */
.firstHeading {
display:none;
}
- globalWrapper {
background-color: transparent; padding-bottom:0px; border: none;
}
- content {
background-color: white; border:none; padding-bottom:none; margin-bottom:none; border: 1px solid #efefef;
}
- bodyContent {
border: none;
}
- top-section {
height: 0px; margin-top: 0 px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; /* margin-bottom: 10px; */ padding:0; border: none; display: display;
}
- p-logo {
height: 203px; overflow:hidden; border:none; display: none;
}
- p-logo img {
display: none;
}
- footer-box{
display: none;
}
- catlinks{
display: none;
}
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 100px; right: 40px;
}
.right-menu li a:link{
padding-top: 10px; background:transparent; text-decoration: none; color: #000;
}
.right-menu li a:hover{
padding-top: 10px; background:transparent; text-decoration: underline; color: #000;
}
.right-menu li a:visited{
padding-top: 10px; background:transparent; text-decoration: none; color: #000;
}
.mw-headline{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px;
padding: 0px 0px 10px 15px; margin-bottom: 20px; }
.mw-headline :before{ content: '='; }