Team:Aberdeen Scotland/DNA
From 2014.igem.org
Line 1: | Line 1: | ||
- | + | /* REMOVE WIKI STYLING */ | |
- | + | ||
- | + | body, html, #globalWrapper, #content { | |
- | + | background: transparent; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0 none transparent; | ||
+ | font-size: 1em; | ||
+ | width: auto; | ||
+ | border-top: 1px solid transparent; | ||
+ | margin-top: -1px; | ||
+ | } | ||
- | + | #top-section { | |
+ | border: 0 none transparent; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | width: 975px; | ||
+ | height: 1.5em; | ||
+ | margin-bottom: -1.5em; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | + | li.selected a { | |
- | + | border: 0 none transparent; | |
+ | color: transparent; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | width: 975px; | ||
+ | height: 1.5em; | ||
+ | margin-bottom: -1.5em; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | + | #menubar.left-menu li { | |
- | + | color: transparent; | |
+ | } | ||
- | + | #top-section:hover #menubar * { | |
- | + | color: blue !important; | |
- | + | text-decoration: none; | |
+ | } | ||
- | + | #top-section:hover #menubar.left-menu { | |
- | + | background: rgba(255, 255, 255, 0.75) !important; | |
+ | } | ||
+ | #search-controls{ | ||
+ | height: 0px; | ||
+ | display: none !important; | ||
+ | } | ||
- | + | #content>p:first-child { | |
- | + | margin: 0; | |
+ | height: 0; | ||
+ | display: none; | ||
+ | } | ||
- | + | .toc { | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .editsection { | |
- | + | display: none; | |
+ | } | ||
- | |||
- | |||
- | |||
- | + | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} | |
- | + | ||
- | + | ||
- | + | /* END OF STYLING REMOVAL*/ | |
- | + | ||
- | + | ||
- | |||
- | + | #top, .firstHeading { | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | body { | |
- | + | background: #8B2942; /*E6E6E6*/ | |
- | + | color: #8B2942; | |
- | + | font-family: Arial, Helvetica, sans-serif; | |
+ | } | ||
- | + | .pg_break { | |
- | + | clear: both; | |
- | + | border: 1px dotted #8B2942; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | * { | |
- | + | margin: 0px; | |
- | + | padding: 0px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | p { | |
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
- | + | a { | |
- | + | margin: 0px; | |
- | + | padding: 0px; | |
- | + | text-decoration: none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ul { | |
- | + | margin: 0px; | |
- | + | padding: 0px; | |
- | + | list-style: none; | |
- | + | } | |
- | + | ||
- | + | ||
+ | #wrapper{ | ||
+ | background: #8B2942; | ||
+ | width: 975px; | ||
+ | margin: auto; | ||
+ | text-align: left; | ||
+ | } | ||
- | + | #wrapper h1, h2, h3, h4, h5, h6 { | |
+ | color: #8B2942; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | border: none; | ||
+ | } | ||
- | + | #header { | |
+ | width: auto; | ||
+ | margin: auto; | ||
+ | } | ||
- | + | .logo a { | |
- | + | background-image: url(https://static.igem.org/mediawiki/2014/5/51/Head.png); | |
- | + | background-repeat: no-repeat; | |
- | + | display: block; | |
- | + | width: 975px; | |
- | + | height: 327px; | |
- | + | z-index: -1; | |
- | + | } | |
- | + | ||
- | + | #navbar { | |
- | + | margin-top: -33px; | |
- | + | z-index: 1; | |
- | + | } | |
+ | |||
+ | ul.navbar { | ||
+ | float: center; | ||
+ | margin: 0px; | ||
+ | margin-left: 10px; | ||
+ | padding: 0px; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.navbar li { | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .navbar li a { | ||
+ | float: left; | ||
+ | margin-top: 3px; | ||
+ | margin-bottom: 1px; | ||
+ | padding-left: 12px; | ||
+ | padding-right: 12px; | ||
+ | font-family: "Calibri", tahoma, arial, sans-serif; | ||
+ | font-size: 18px; | ||
+ | color: #FFF; | ||
+ | background: #8B2942; | ||
+ | line-height: 30px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px dotted #FFF; | ||
+ | } | ||
+ | |||
+ | .navbar li a.Act { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | margin-top: 0px; | ||
+ | border-bottom: 3px solid #FFF; | ||
+ | } | ||
+ | |||
+ | .navbar li a:hover { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | position: relative; | ||
+ | margin-top: 0px; | ||
+ | border-bottom: 3px solid #FFF; | ||
+ | } | ||
+ | |||
+ | .navbar li a.Act:hover { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | margin-top: 0px; | ||
+ | border-bottom: 3px solid #FFF; | ||
+ | } | ||
+ | |||
+ | #social { | ||
+ | float: right; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/f/f4/Blur.png); | ||
+ | background-repeat: no-repeat; | ||
+ | width: 114px; | ||
+ | height: 30px; | ||
+ | padding-top: 4px; | ||
+ | display: block; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | ul.social { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .social li a { | ||
+ | float: right; | ||
+ | margin-right: 12px; | ||
+ | width: 22px; | ||
+ | height: 22px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .social li a:hover { | ||
+ | position: relative; | ||
+ | margin-top: -2px; | ||
+ | margin-left: -1px; | ||
+ | margin-right: 13px; | ||
+ | } | ||
+ | |||
+ | .social li a:hover img { | ||
+ | display: block; | ||
+ | width: 23px; | ||
+ | height: 23px; | ||
+ | } | ||
+ | |||
+ | #pcontent { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | margin-top: -1px; | ||
+ | z-index: 1; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding-left: 20px; | ||
+ | width: 130px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | width: 825px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .t_overview { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .t_overview h1 { | ||
+ | padding-top: 1px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .t_overview p { | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | ul.back_button { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | ul.back_button li { | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .back_button li a { | ||
+ | padding-top: 6px; | ||
+ | padding-bottom: 6px; | ||
+ | padding-left: 7px; | ||
+ | padding-right: 7px; | ||
+ | text-decoration: none; | ||
+ | color: #FFF; | ||
+ | background: #8B2942; | ||
+ | border: 2px solid #8B2942; | ||
+ | } | ||
+ | |||
+ | .back_button li a:hover { | ||
+ | color: #8B2942; | ||
+ | background: #FFF; | ||
+ | } | ||
+ | |||
+ | .external { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #member { | ||
+ | |||
+ | } | ||
+ | |||
+ | div#member { | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | /*background: rgba(139, 41, 66, 0.1);*/ | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | border: 20px solid #FFF; | ||
+ | -webkit-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | |||
+ | #member div { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #members { | ||
+ | |||
+ | } | ||
+ | |||
+ | img.prof_pic { | ||
+ | float: right; | ||
+ | height: auto; | ||
+ | max-width: 190px; | ||
+ | margin-left: 25px; | ||
+ | margin-right: 25px; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #member img { | ||
+ | |||
+ | } | ||
+ | |||
+ | .name { | ||
+ | float: left; | ||
+ | margin: auto; | ||
+ | padding: 15px; | ||
+ | } | ||
+ | |||
+ | .member_descr { | ||
+ | margin: auto; | ||
+ | padding: 15px; | ||
+ | display: inline-block; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .member_descr h2 { | ||
+ | margin-top: 0px; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .member_descr p { | ||
+ | |||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | width: 975px; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .sponsors li a img { | ||
+ | width: 150px; | ||
+ | } |
Revision as of 22:24, 12 August 2014
/* REMOVE WIKI STYLING */
body, html, #globalWrapper, #content { background: transparent; margin: 0; padding: 0; border: 0 none transparent; font-size: 1em; width: auto; border-top: 1px solid transparent; margin-top: -1px; }
- top-section {
border: 0 none transparent; margin: auto; padding: 0; width: 975px; height: 1.5em; margin-bottom: -1.5em; text-decoration: none; }
li.selected a { border: 0 none transparent; color: transparent; margin: auto; padding: 0; width: 975px; height: 1.5em; margin-bottom: -1.5em; text-decoration: none; }
- menubar.left-menu li {
color: transparent; }
- top-section:hover #menubar * {
color: blue !important; text-decoration: none; }
- top-section:hover #menubar.left-menu {
background: rgba(255, 255, 255, 0.75) !important; }
- search-controls{
height: 0px; display: none !important;
}
- content>p:first-child {
margin: 0; height: 0; display: none;
}
.toc {
display: none;
}
.editsection {
display: none;
}
- contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}
/* END OF STYLING REMOVAL*/
- top, .firstHeading {
display: none; }
body { background: #8B2942; /*E6E6E6*/ color: #8B2942; font-family: Arial, Helvetica, sans-serif; }
.pg_break { clear: both; border: 1px dotted #8B2942; }
- {
margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; }
a { margin: 0px; padding: 0px; text-decoration: none; }
ul { margin: 0px; padding: 0px; list-style: none; }
- wrapper{
background: #8B2942; width: 975px; margin: auto; text-align: left; }
- wrapper h1, h2, h3, h4, h5, h6 {
color: #8B2942; font-family: Arial, Helvetica, sans-serif; border: none; }
- header {
width: auto; margin: auto; }
.logo a { background-image: url(); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }
- navbar {
margin-top: -33px; z-index: 1; }
ul.navbar { float: center; margin: 0px; margin-left: 10px; padding: 0px; text-align: center; display: block; }
ul.navbar li { padding: 0px; margin: 0px; display: inline-block; float: left; }
.navbar li a { float: left; margin-top: 3px; margin-bottom: 1px; padding-left: 12px; padding-right: 12px; font-family: "Calibri", tahoma, arial, sans-serif; font-size: 18px; color: #FFF; background: #8B2942; line-height: 30px; text-decoration: none; border-right: 1px dotted #FFF; }
.navbar li a.Act { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }
.navbar li a:hover { background: #FFF; color: #8B2942; position: relative; margin-top: 0px; border-bottom: 3px solid #FFF; }
.navbar li a.Act:hover { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }
- social {
float: right; background: url(); background-repeat: no-repeat; width: 114px; height: 30px; padding-top: 4px; display: block; z-index: 1; }
ul.social { display: block; }
.social li a { float: right; margin-right: 12px; width: 22px; height: 22px; display: inline-block; }
.social li a:hover { position: relative; margin-top: -2px; margin-left: -1px; margin-right: 13px; }
.social li a:hover img { display: block; width: 23px; height: 23px; }
- pcontent {
background: #FFF; color: #8B2942; margin-top: -1px; z-index: 1; display: inline-block; }
- sidebar {
float: left; margin: 0; padding-left: 20px; width: 130px; display: inline-block; }
- container {
clear: right; float: right; width: 825px; display: inline-block; }
.t_overview { display: block; float: left; }
.t_overview h1 { padding-top: 1px; margin-bottom: 10px; }
.t_overview p { margin-top: 5px; margin-bottom: 5px; }
ul.back_button { display: inline-block; }
ul.back_button li { margin: 10px; }
.back_button li a { padding-top: 6px; padding-bottom: 6px; padding-left: 7px; padding-right: 7px; text-decoration: none; color: #FFF; background: #8B2942; border: 2px solid #8B2942; }
.back_button li a:hover { color: #8B2942; background: #FFF; }
.external { display: block; float: left; }
- member {
}
div#member { width: 100%; float: left; display: block; /*background: rgba(139, 41, 66, 0.1);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 20px solid #FFF; -webkit-border-radius: 30px; border-radius: 30px; }
- member div {
display: inline-block; }
- members {
}
img.prof_pic { float: right; height: auto; max-width: 190px; margin-left: 25px; margin-right: 25px; margin-bottom: 5px; margin-top: 0px; }
- member img {
}
.name { float: left; margin: auto; padding: 15px; }
.member_descr { margin: auto; padding: 15px; display: inline-block; text-align: justify; }
.member_descr h2 { margin-top: 0px; font-size: 20px; }
.member_descr p {
}
.clear { clear: both; }
- footer {
background: #FFF; color: #8B2942; width: 975px; margin-top: 0px; padding-top: 15px; padding-bottom: 15px; display: inline-block; }
.sponsors li a img { width: 150px; }