Team:Johns Hopkins/Templates/css/default
From 2011.igem.org
(235 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
text-align:justify; | text-align:justify; | ||
} | } | ||
+ | |||
+ | |||
+ | a{ | ||
+ | color: #e8512f; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color: #e8512f; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | color: #6d6d6a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
#content | #content | ||
Line 16: | Line 31: | ||
margin: 0 auto; | margin: 0 auto; | ||
background: #fff; | background: #fff; | ||
- | width: | + | width: 963px; |
z-index: 1; | z-index: 1; | ||
border: 1px solid #efefef; | border: 1px solid #efefef; | ||
Line 35: | Line 50: | ||
float:left; | float:left; | ||
} | } | ||
+ | |||
+ | #primaryprofilecontent { | ||
+ | margin-top:10px; | ||
+ | margin-left:20px; | ||
+ | position:relative; | ||
+ | width:670px; | ||
+ | float:left; | ||
+ | line-height:175%; | ||
+ | } | ||
+ | |||
+ | #primaryprofilecontent ul { | ||
+ | float: left; list-style: none; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | #primaryprofilecontent ul li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #primaryprofilecontent ul li ul li { | ||
+ | display:block; | ||
+ | width:210px; | ||
+ | height:300px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #primaryprofilecontent a{ | ||
+ | color: #6d6d6a; | ||
+ | } | ||
+ | |||
+ | #primaryprofilecontent a:hover{ | ||
+ | color: #e8512f; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
#bigcontent { | #bigcontent { | ||
Line 45: | Line 95: | ||
position:relative; | position:relative; | ||
width:225px; | width:225px; | ||
+ | float:right; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #6f59ff; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontenttshirt { | ||
+ | margin-top:30px; | ||
+ | position:relative; | ||
+ | width:225px; | ||
+ | float:right; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #e6c146; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontentblue { | ||
+ | margin-top:30px; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | width:220px; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #6f59ff; | ||
+ | margin-left:700px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontentblue a{ | ||
+ | color: #6f59ff; | ||
+ | } | ||
+ | |||
+ | #secondarycontentblue a:visited{ | ||
+ | color: #6f59ff; | ||
+ | } | ||
+ | |||
+ | #secondarycontentblue a:hover{ | ||
+ | color: #6d6d6a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #secondarycontentgreen { | ||
+ | margin-top:30px; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | width:220px; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #22a556; | ||
+ | margin-left:700px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontentgreen a{ | ||
+ | color: #22a556; | ||
+ | } | ||
+ | |||
+ | #secondarycontentgreen a:visited{ | ||
+ | color: #22a556; | ||
+ | } | ||
+ | |||
+ | #secondarycontentgreen a:hover{ | ||
+ | color: #6d6d6a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #secondarycontentpurple { | ||
+ | margin-top:30px; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | width:220px; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #8d39cc; | ||
+ | margin-left:700px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontentpurple a{ | ||
+ | color: #8d39cc; | ||
+ | } | ||
+ | |||
+ | #secondarycontentpurple a:visited{ | ||
+ | color: #8d39cc; | ||
+ | } | ||
+ | |||
+ | #secondarycontentpurple a:hover{ | ||
+ | color: #6d6d6a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #secondarycontentyellow { | ||
+ | margin-top:30px; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | width:220px; | ||
+ | margin-right:40px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #e6c146; | ||
+ | margin-left:700px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #secondarycontentyellow a{ | ||
+ | color: #e6c146; | ||
+ | } | ||
+ | |||
+ | #secondarycontentyellow a:visited{ | ||
+ | color: #e6c146; | ||
+ | } | ||
+ | |||
+ | #secondarycontentyellow a:hover{ | ||
+ | color: #6d6d6a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #profilecontent { | ||
+ | margin-top:10px; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | width:275px; | ||
+ | margin-right:20px; | ||
+ | border: 1px solid #ebebe9; | ||
+ | border-top: 3px solid #6f59ff; | ||
+ | margin-left:670px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #ackcontent { | ||
+ | margin-top:40px; | ||
+ | position:relative; | ||
+ | width:275px; | ||
float:right; | float:right; | ||
margin-right:40px; | margin-right:40px; | ||
Line 80: | Line 263: | ||
.boxbig{ | .boxbig{ | ||
position:relative; | position:relative; | ||
- | width: | + | width: 887px; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
Line 91: | Line 274: | ||
padding:0px 0px 10px 10px; | padding:0px 0px 10px 10px; | ||
margin-top:10px; | margin-top:10px; | ||
+ | font-size:120%; | ||
+ | font-weight:bold; | ||
} | } | ||
Line 97: | Line 282: | ||
} | } | ||
- | |||
- | + | #boxcontent .heading{ | |
+ | font-style: italic; | ||
+ | font-size:110%; | ||
+ | line-height:170%; | ||
+ | border-bottom: 1px solid #EBEBE9; | ||
+ | margin-bottom: 6px; | ||
+ | padding-left:2px; | ||
+ | } | ||
- | + | #boxlist ul { | |
- | + | float: left; list-style: none; | |
- | + | margin-left: 0px; | |
- | + | } | |
- | + | ||
- | + | #boxlist ul li { | |
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #boxlist ul li ul li { | ||
+ | display:block; | ||
+ | width:280px; | ||
+ | height:70px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #boxlist ul li ul li a{ | ||
+ | color: #6d6d6a; | ||
+ | } | ||
+ | |||
+ | #boxlist ul li ul li a:hover{ | ||
+ | color: #e8512f; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #maintitle { | ||
+ | color: #e8512f; | ||
+ | font-size:20px; | ||
+ | text-align:center; | ||
+ | } | ||
.droplinebar{ | .droplinebar{ | ||
Line 118: | Line 333: | ||
width: 100%; | width: 100%; | ||
line-height:20; | line-height:20; | ||
- | font: bold | + | font: bold 13px Arial; |
background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/ | background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/ | ||
} | } | ||
Line 124: | Line 339: | ||
.droplinebar ul li{ | .droplinebar ul li{ | ||
display: inline; | display: inline; | ||
+ | width:190px; | ||
} | } | ||
Line 129: | Line 345: | ||
float: left; | float: left; | ||
color: black; | color: black; | ||
- | padding: | + | padding: 16px 31px; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 156: | Line 372: | ||
font: normal 12px Verdana; | font: normal 12px Verdana; | ||
color:white; | color:white; | ||
- | padding: 10px | + | padding: 10px 26px; |
margin: 0; | margin: 0; | ||
border-bottom: 1px solid #E8512F; | border-bottom: 1px solid #E8512F; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li ul li a:visited { | ||
+ | color:white; | ||
} | } | ||
Line 283: | Line 503: | ||
#top-section { | #top-section { | ||
- | width: | + | width:965; |
} | } | ||
#menubar{ | #menubar{ | ||
- | padding-top: | + | padding-top:5px; |
} | } | ||
Line 302: | Line 522: | ||
#footer { | #footer { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 965px; |
float: right; | float: right; | ||
padding: 5px; | padding: 5px; | ||
margin-right: -5px; | margin-right: -5px; | ||
} | } | ||
+ | |||
+ | /* Headings */ | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { font-weight: bold; } | ||
+ | |||
+ | h1 { font-size:12px; } | ||
+ | h2 { font-size:12px; } | ||
+ | h3 { font-size:12px; } | ||
+ | h4 { font-size:14px; padding-left:20px;} | ||
+ | h5 { font-size:16px; padding-left:10px;} | ||
+ | h6 { font-size:18px; padding-bottom:9px; border-bottom: 1px solid #EBEBE9; margin-bottom: 15px; } |
Latest revision as of 21:46, 28 September 2011
- globalWrapper, 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: 10pt font-family: "trebuchet ms", helvetica, sans-serif; color: #575757; line-height: 18px; text-align:justify; }
a{
color: #e8512f;
}
a:visited{
color: #e8512f;
}
a:hover{
color: #6d6d6a; text-decoration:none;
}
- content
{ position: relative; top: 0px; margin: 0 auto; background: #fff; width: 963px; 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:610px; float:left; }
- primaryprofilecontent {
margin-top:10px;
margin-left:20px; position:relative; width:670px; float:left;
line-height:175%;
}
- primaryprofilecontent ul {
float: left; list-style: none; margin-left: 0px;
}
- primaryprofilecontent ul li {
display: inline;
}
- primaryprofilecontent ul li ul li {
display:block; width:210px; height:300px; text-align:center; }
- primaryprofilecontent a{
color: #6d6d6a;
}
- primaryprofilecontent a:hover{
color: #e8512f; text-decoration:none;
}
- bigcontent {
position:relative;
margin-left:40px; margin-right:40px;
}
- secondarycontent {
position:relative; width:225px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff;
text-align:left;
}
- secondarycontenttshirt {
margin-top:30px;
position:relative; width:225px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146;
text-align:left;
}
- secondarycontentblue {
margin-top:30px;
float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff;
margin-left:700px; text-align:left;
}
- secondarycontentblue a{
color: #6f59ff;
}
- secondarycontentblue a:visited{
color: #6f59ff;
}
- secondarycontentblue a:hover{
color: #6d6d6a; text-decoration:none;
}
- secondarycontentgreen {
margin-top:30px;
float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #22a556;
margin-left:700px; text-align:left;
}
- secondarycontentgreen a{
color: #22a556;
}
- secondarycontentgreen a:visited{
color: #22a556;
}
- secondarycontentgreen a:hover{
color: #6d6d6a; text-decoration:none;
}
- secondarycontentpurple {
margin-top:30px;
float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #8d39cc;
margin-left:700px; text-align:left;
}
- secondarycontentpurple a{
color: #8d39cc;
}
- secondarycontentpurple a:visited{
color: #8d39cc;
}
- secondarycontentpurple a:hover{
color: #6d6d6a; text-decoration:none;
}
- secondarycontentyellow {
margin-top:30px;
float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146;
margin-left:700px; text-align:left;
}
- secondarycontentyellow a{
color: #e6c146;
}
- secondarycontentyellow a:visited{
color: #e6c146;
}
- secondarycontentyellow a:hover{
color: #6d6d6a; text-decoration:none;
}
- profilecontent {
margin-top:10px;
float:right; position:fixed; width:275px; margin-right:20px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff;
margin-left:670px; text-align:left;
}
- ackcontent {
margin-top:40px;
position:relative; width:275px; 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: 887px; margin-left:auto; margin-right:auto; border: 1px solid #ebebe9; border-top: 3px solid #8d39cc; }
- boxheading{
background:url('https://static.igem.org/mediawiki/2011/0/08/Igem_jhu_a22.gif') bottom repeat-x; padding:0px 0px 10px 10px; margin-top:10px;
font-size:120%; font-weight:bold;
}
- boxcontent{
padding:10px 10px 10px 10px; }
- boxcontent .heading{
font-style: italic; font-size:110%; line-height:170%; border-bottom: 1px solid #EBEBE9; margin-bottom: 6px; padding-left:2px;
}
- boxlist ul {
float: left; list-style: none; margin-left: 0px;
}
- boxlist ul li {
display: inline;
}
- boxlist ul li ul li {
display:block; width:280px; height:70px; text-align:center; }
- boxlist ul li ul li a{
color: #6d6d6a;
}
- boxlist ul li ul li a:hover{
color: #e8512f; text-decoration:none;
}
- maintitle {
color: #e8512f; font-size:20px; text-align:center;
}
.droplinebar{ overflow: hidden; }
.droplinebar ul{ margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: bold 13px Arial; background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/ }
.droplinebar ul li{ display: inline; width:190px; }
.droplinebar ul li a{ float: left; color: black; padding: 16px 31px; 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 26px; margin: 0; border-bottom: 1px solid #E8512F; }
.droplinebar ul li ul li a:visited { color:white; }
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114;
}
.theme-default #slider {
margin:25px auto 0 auto; width:885px; /* 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; padding:0px; margin:0px;
}
- 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;
}
- 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: '='; }
.right-menu { position:relative; }
- top-section {
width:965; }
- menubar{
padding-top:5px; }
- footer-box {
position: relative; border: none; margin-top: 40px; margin-bottom: 20px; bottom: 10px; padding: -5px; background:transparent; }
- footer {
position: relative; width: 965px; float: right; padding: 5px; margin-right: -5px; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:12px; } h2 { font-size:12px; } h3 { font-size:12px; } h4 { font-size:14px; padding-left:20px;} h5 { font-size:16px; padding-left:10px;} h6 { font-size:18px; padding-bottom:9px; border-bottom: 1px solid #EBEBE9; margin-bottom: 15px; }