Template:Team:Aberdeen Scotland/CSS
From 2014.igem.org
Line 1: | Line 1: | ||
body { | body { | ||
- | + | /*all body properties*/ | |
+ | background: #8B2942; /*E6E6E6*/ | ||
+ | color: #8B2942; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
} | } | ||
- | + | .pg_break { | |
- | + | clear: both; | |
- | + | border: 1px dotted #8B2942; | |
+ | } | ||
+ | |||
+ | * { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
} | } | ||
p { | p { | ||
- | + | margin: 0px; | |
- | + | padding: 0px; | |
+ | } | ||
+ | |||
+ | a { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #wrapper{ | ||
+ | /*global wrapper*/ | ||
+ | background: #8B2942; | ||
+ | width: 975px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | /*header props*/ | ||
+ | width: auto; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .logo a { | ||
+ | /*background:url(../images/head.png) no-repeat top center;*/ | ||
+ | background-image: url(../images/head.png); | ||
+ | background-repeat: no-repeat; | ||
+ | display: block; | ||
+ | width: 975px; | ||
+ | height: 327px; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | #navbar { | ||
+ | /*navigation bar props*/ | ||
+ | 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; | ||
+ | /*bottom: -3px;*/ | ||
+ | /*line-height: 30px;*/ | ||
+ | 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(../images/blur.png); | ||
+ | background-repeat: no-repeat; | ||
+ | width: 114px; | ||
+ | height: 29px; | ||
+ | padding-top: 5px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.social { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.social li { | ||
+ | float: right; | ||
+ | margin-right: 12px; | ||
+ | width: 22px; | ||
+ | height: 22px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | #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 { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #t_overview h1 { | ||
+ | float: left; | ||
+ | padding-top: 1px; | ||
+ | } | ||
+ | |||
+ | #t_overview p { | ||
+ | margin: 2px; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | |||
+ | } | ||
+ | |||
+ | #member { | ||
+ | |||
+ | } | ||
+ | |||
+ | div#member { | ||
+ | width: 50%; | ||
+ | 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; | ||
} | } |
Revision as of 14:18, 16 July 2014
body { /*all body properties*/ 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{
/*global wrapper*/ background: #8B2942; width: 975px; margin: auto; }
- header {
/*header props*/ width: auto; margin: auto; }
.logo a { /*background:url(../images/head.png) no-repeat top center;*/ background-image: url(../images/head.png); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }
- navbar {
/*navigation bar props*/ 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; /*bottom: -3px;*/ /*line-height: 30px;*/ 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(../images/blur.png); background-repeat: no-repeat; width: 114px; height: 29px; padding-top: 5px; display: block; }
ul.social { display: block; }
ul.social li { float: right; margin-right: 12px; width: 22px; height: 22px; display: inline-block; }
- 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 {
float: left; }
- t_overview h1 {
float: left; padding-top: 1px; }
- t_overview p {
margin: 2px; }
- footer {
}
- member {
}
div#member { width: 50%; 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; }