Template:Team:Aberdeen Scotland/CSS
From 2014.igem.org
(103 intermediate revisions not shown) | |||
Line 73: | Line 73: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | |||
body { | body { | ||
Line 78: | Line 80: | ||
color: #8B2942; | color: #8B2942; | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | color: #8B2942 !important; | ||
} | } | ||
Line 83: | Line 89: | ||
clear: both; | clear: both; | ||
border: 1px dotted #8B2942; | border: 1px dotted #8B2942; | ||
+ | } | ||
+ | |||
+ | .fl_left { | ||
+ | float: left; | ||
+ | margin-right: 15px; | ||
} | } | ||
Line 240: | Line 251: | ||
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
- | + | width: 150px; | |
- | width: | + | |
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 247: | Line 257: | ||
.sidebar { | .sidebar { | ||
display: block; | display: block; | ||
+ | height: 100%; | ||
} | } | ||
- | .sidebar li | + | .sidebar li { |
+ | display: block; | ||
background: #8B2942; | background: #8B2942; | ||
color: #FFF; | color: #FFF; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-top: 3px; | ||
+ | padding-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | .sidebar li.curr { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | } | ||
+ | |||
+ | .sidebar li:hover { | ||
+ | background: #FFF; | ||
+ | color: #8B2942; | ||
+ | } | ||
+ | |||
+ | .sidebar li.curr:hover { | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebar li a { | ||
+ | display: block; | ||
+ | color: #FFF; | ||
+ | margin-left: 3px; | ||
+ | padding-left: 20px; | ||
+ | width: 125px; | ||
text-decoration: none; | text-decoration: none; | ||
+ | border-left: 2px solid #FFF; | ||
+ | } | ||
+ | |||
+ | .sidebar li a:hover { | ||
+ | color: #8B2942; | ||
+ | border-left: 2px solid #8B2942; | ||
} | } | ||
.sidebar li a.curr { | .sidebar li a.curr { | ||
- | |||
color: #8B2942; | color: #8B2942; | ||
+ | border-left: 2px solid #8B2942; | ||
+ | } | ||
+ | |||
+ | .sidebar li a.curr:hover { | ||
+ | |||
} | } | ||
Line 263: | Line 311: | ||
clear: right; | clear: right; | ||
float: right; | float: right; | ||
- | width: | + | width: 775px; |
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
display: inline-block; | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #container img { | ||
+ | max-width: 775px; | ||
} | } | ||
Line 310: | Line 364: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
+ | } | ||
+ | |||
+ | .main_content { | ||
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | } | ||
+ | |||
+ | .main_content p { | ||
+ | text-indent: 50px; | ||
+ | margin-top: 16px; | ||
+ | margin-bottom: 16px; | ||
+ | } | ||
+ | |||
+ | .main_content ul { | ||
+ | padding-left: 25px; | ||
+ | } | ||
+ | |||
+ | .main_content ol { | ||
+ | padding-right: 25px; | ||
} | } | ||
Line 320: | Line 393: | ||
float: left; | float: left; | ||
display: block; | display: block; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#member div { | #member div { | ||
- | display: | + | display: block; |
} | } | ||
Line 340: | Line 406: | ||
float: right; | float: right; | ||
height: auto; | height: auto; | ||
- | max-width: 190px; | + | max-width: 190px !important; |
margin-left: 25px; | margin-left: 25px; | ||
margin-right: 25px; | margin-right: 25px; | ||
Line 359: | Line 425: | ||
.member_descr { | .member_descr { | ||
margin: auto; | margin: auto; | ||
- | + | margin-bottom: 25px; | |
- | + | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
Line 367: | Line 432: | ||
margin-top: 0px; | margin-top: 0px; | ||
font-size: 20px; | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | text-indent: 25px; | ||
} | } | ||
.member_descr p { | .member_descr p { | ||
+ | text-indent: 25px; | ||
} | } | ||
Line 392: | Line 460: | ||
.sponsors li a img { | .sponsors li a img { | ||
width: 150px; | width: 150px; | ||
+ | } | ||
+ | |||
+ | .attributions { | ||
+ | margin-top: 20px; | ||
+ | width: 100%; | ||
+ | /*display: block;*/ | ||
+ | } | ||
+ | |||
+ | .attributions li a img { | ||
+ | display: block; | ||
+ | max-width: 200px; | ||
+ | max-height: 80px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .at_name { | ||
+ | text-decoration: none; | ||
+ | line-height: 20px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .float { | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 25px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .center img { | ||
+ | max-width: 100% !important; | ||
} | } |
Latest revision as of 01:09, 18 October 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; }
table { color: #8B2942 !important; }
.pg_break { clear: both; border: 1px dotted #8B2942; }
.fl_left { float: left; margin-right: 15px; }
- {
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 {
background: #8B2942; float: left; margin: 0; width: 150px; display: inline-block; }
.sidebar { display: block; height: 100%; }
.sidebar li { display: block; background: #8B2942; color: #FFF; margin: 0; padding: 0; padding-top: 3px; padding-bottom: 3px; }
.sidebar li.curr { background: #FFF; color: #8B2942; }
.sidebar li:hover { background: #FFF; color: #8B2942; }
.sidebar li.curr:hover {
}
.sidebar li a { display: block; color: #FFF; margin-left: 3px; padding-left: 20px; width: 125px; text-decoration: none; border-left: 2px solid #FFF; }
.sidebar li a:hover { color: #8B2942; border-left: 2px solid #8B2942; }
.sidebar li a.curr { color: #8B2942; border-left: 2px solid #8B2942; }
.sidebar li a.curr:hover {
}
- container {
clear: right; float: right; width: 775px; padding-left: 25px; padding-right: 25px; display: inline-block; }
- container img {
max-width: 775px; }
.t_overview { display: block; float: left; margin-bottom: 20px; }
.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; }
.main_content { text-align: justify;
text-justify: inter-word;
}
.main_content p { text-indent: 50px; margin-top: 16px; margin-bottom: 16px; }
.main_content ul { padding-left: 25px; }
.main_content ol { padding-right: 25px; }
- member {
}
div#member { width: 100%; float: left; display: block; }
- member div {
display: block; }
- members {
}
img.prof_pic { float: right; height: auto; max-width: 190px !important; 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; margin-bottom: 25px; text-align: justify; }
.member_descr h2 { margin-top: 0px; font-size: 20px; font-weight: bold; text-indent: 25px; }
.member_descr p { text-indent: 25px;
}
.clear { clear: both; }
- footer {
background: #FFF; color: #8B2942; width: 975px; margin-top: 0px; display: inline-block; }
.sponsors { padding-top: 15px; padding-bottom: 15px; }
.sponsors li a img { width: 150px; }
.attributions { margin-top: 20px; width: 100%; /*display: block;*/ }
.attributions li a img { display: block; max-width: 200px; max-height: 80px; margin-bottom: 20px; }
.at_name { text-decoration: none; line-height: 20px; float: right; }
.float { margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto; width: 90%; }
.center { display: block; margin-left: auto; margin-right: auto; width: 60%; }
.center img { max-width: 100% !important; }