Team:Kent/CSS
From 2014.igem.org
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 2000px; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
html, body, .wrapper { /*-- changes default wiki settings --*/
width: 100%; height: 100%; background-color: transparent; }
body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; 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: white;}
body, h1, h2, h3, h4, h5, h6, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, img, form, fieldset {
padding: 0;
outline: 0;
border: 0;
position: relative;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #003399;
background-color: #ECCFE5;
background-image: url();
background-repeat: no-repeat;
background-position: center top;
text-align: center
}
/* headings */
h1 { color: #ffffff; font-size: 1.5em; padding:0 0 15px 0; } h1 .side { float: centre; } h2 { text-shadow: #f1740d 2px 2px 2px; font-size: 1.2em; padding-bottom: 5px; } h2 .side { float: right; font-size: 0.8em; font-weight: normal; } h3 { color: #ffffff; font-size: 1.2em; padding-bottom: 5px; }
/* links */
a { color: #000000; } a:hover { text-decoration: underline; }
/* content */
.content { width: 1600px; margin-top: 5px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
/* header */
- header-wrapper {
}
- header {
overflow: hidden; }
- header .logo {
float: left; padding: 30px 0 20px 0; }
/* header menu */
- header-menu {
float: right; list-style: none; margin: 80px 0 0 0; padding: 0; }
- header-menu li {
float: left; }
- header-menu li a {
padding: 7px 10px; line-height: 28px; text-decoration: none; font-size: 0.9em; }
- header-menu li a:hover {
text-decoration:underline; }
/* top */
- top-wrapper {
height: 55px; margin-top: 135px; margin-bottom: 0px; margin-left: 260px; margin-right: 500px; }
- top {
position: relative; height: 50px; margin-top: 0px; }
/* top menu */
- top-menu {
height: 40px; z-index: 2000; position: inherit; left: 350px; top: -50px; }
- top-menu, #top-menu ul {
margin: 0; padding: 0; list-style: none; }
- top-menu li {
position: relative; float: left; margin: 0; padding: 0; background-color: #FFF; }
- top-menu a {
display: block; line-height: 40px; text-decoration: none; padding: 0 20px; font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; color: #03C; }
- top-menu ul a {
width: 200px; color: #000; }
- top-menu a p {
margin: 0; padding: 0; }
- top-menu li ul {
position: absolute; display: none; }
- top-menu li:hover > ul {
display: block; }
- top-menu li li:hover > ul {
display: block; left: 100%; top: 0; }
- top-menu ul a, #top-menu li:hover a, #top-menu li:hover li:hover li:hover a {
color: #6600CC; }
- top-menu li:hover li:hover a, #top-menu li:hover li:hover li:hover li:hover a {
background: #222222; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4be6c', endColorstr='#e78226'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f4be6c), to(#e78226)); /* for webkit browsers */ background: #dcb7d4; /* for firefox 3.6+ */ color: #000000; }
- top-menu a.selected {
background-color: #FFF; }
/* content */
- content-wrapper {
overflow: hidden; }
- content {
padding: 20px 0; overflow: hidden;
}
- page {
margin:0 20px; }
/* sidebar */
- sidebar {
width: 205px; float: right; display: none; margin-right:15px; }
/* side menu */
- side-menu {
overflow: hidden; }
- side-menu, #side-menu ul {
list-style: none; margin: 0; padding: 0; }
- side-menu li a {
padding: 10px 12px; color: #fff; display: block; margin-bottom:10px; text-decoration: none; background-color:#1e1e1e; text-shadow:2px 2px 2px #e19430; font-size:1.2em; }
- side-menu li a:hover {
color: #e19430; text-shadow:2px 2px 2px #000000; }
- side-menu li a.selected {
background-color: #e19430; color: #fff; }
- side-menu li li a {
background:transparent; padding-left: 20px; margin:0; font-size:1.0em; }
- side-menu li li li a {
padding-left: 40px; }
- side-menu li li li li a {
padding-left: 60px; }
- side-menu li li li li li a {
padding-left: 80px; }
- side-menu li li li li li li a {
padding-left: 100px; }
/* footer */
- footer-wrapper {
margin:20px 0; }
- footer {
overflow: hidden; }
- footer ul {
list-style: none; margin:0; padding: 0; }
- footer ul li {
float: left; margin-right:10px; }
- footer ul li:after {
content: '·'; }
- footer ul li.last:after {
content: ; }
- footer ul li a {
font-size: 0.9em; text-decoration: none; margin-right:10px; }
- footer ul li a:hover {
text-decoration:underline; }
/* general form */
fieldset { padding: 15px 0 0 0; overflow: hidden; } fieldset p { overflow: hidden; margin: 0 0 10px 0; line-height: 40px; } fieldset p.no-label { margin-left: 240px; line-height: 20px; } fieldset p label { float: left; width: 230px; text-align: right; font-size: 0.9em; } fieldset p span { display: block; margin-left: 240px; } fieldset input[type=text], fieldset input[type=password], fieldset textarea, .field { border:#e19430 solid 1px; padding: 8px 5px; outline: 0; width: 430px; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; } fieldset select { width: auto; } fieldset select.height { width: auto; height: 2000px; } fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus { border-color: #999; } fieldset input.smaller { width: 90px; } fieldset textarea { height: 160px; } fieldset select.multiple { width: 440px; padding: 8px 5px; } fieldset .dash { float: none; margin: 0; display: inline; padding: 0 5px; font-size: 1.5em; color: #999; margin: 0 !important; }
/* google map */
- wagmp_map_1 {
height: 600px; overflow: hidden; }
- fromaddress, #fromcity {
border:#ccc solid 1px; padding: 5px 5px; outline: 0; width: 200px; font-size: 0.9em; margin: 2px 0 6px 0; }
/* fma */
- home-wrapper {
background-color:#FFF; }
- fma-wrapper {
}
- fma {
background: url(); position: relative; height: 550px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; width: 1000px; margin-top: 50px; }
- fma h1 {
color: #E9CDE3; padding: 120px 0; text-align: center; font-size: 2.5em; overflow: hidden; }
/* home */
- home-wrapper {
overflow:hidden; }
.home-box { margin: 10px; } .home-box h2 { display:none; } .home-box .info { overflow: hidden; } .home-box .info .image { float: left; width: 150px; } .home-box .info .image img { max-width: 140px; border:#353535 solid 5px; } .home-box .info .details { margin-left: 170px; margin-top:15px; } .home-box .info .details .name { color: #FFF; font-size: 1.2em; padding-bottom: 5px; font-weight: bold; } .home-box .info .details .name a { text-decoration: none; color:#ffffff; text-shadow: #f1740d 2px 2px 2px; } .home-box .info .details .price { display:none; } .home-box .info .details .description { line-height:20px; } .home-box .info .details .description p { margin: 0; }
- info-content {
overflow: hidden; padding: 10px; margin: 10px; width: 900px; background-color: #FFFFFF; margin-left: 350px; }