Team:USP-Brazil/css styles
From 2013.igem.org
- top-section {border: 0 !important;}
- groupparts {margin: auto !important;}
body { font-family: 'colaborate', 'Myriad Pro', 'PT Sans', 'Open Sans', sans-serif !important; background: white; font-size: 12px; color: #808080; text-rendering: optimizeLegibility; }
- selection {
background: rgb(233,7,23); color: white }
- -moz-selection {
background: rgb(233,7,23); color: white; }
h1 { border: 0; text-align:center; font-size: 30px; padding: 0; font-weight: bold; margin: 40px 0 !important; } h2 { border: 0; font-weight: bold; font-size: 24px; border: 0; text-align:center; } h3 { border: 0; font-size: 20px; margin-top: 20px; } p, li { font-size: 17px; }
p {margin-bottom: 1em;}
p.figure { font-size: 15px; width: 90%; text-align: center; margin: 20px 0; } p.figure img { border: 1px solid silver; } p.table { font-size: 15px; width: 90%; text-align: center; margin: 20px auto 0 auto; }
p.blackFigure { background: black; color: #f0f0f0; text-align:center; font-size: 90%; }
a, a:visited { color: #0088cc; -webkit-transition: color 0.25s linear; -moz-transition: color 0.25s linear; -ms-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; }
a:hover { color: #005580; }
- link_profile {
font-family: 'Myriad', 'PT Sans', 'Bitstream Vera Sans', sans-serif !important; font-size: 12px; text-align: center; margin-top: -15px; }
- menu {
text-align:center; margin: 30px 0; background: black; color: #f0f0f0; position: relative; top:0; width: 100%; padding: 2px; -moz-box-shadow: -2px 3px 5px #888; -webkit-box-shadow: -2px 3px 5px #888; box-shadow: -2px 3px 5px #888; }
- menu_cont { margin: 0 auto; width: 850px; }
- menu a {
color: #ddd; -webkit-transition: color 0.25s linear; -moz-transition: color 0.25s linear; -ms-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; }
- menu a:hover {color: #fff;}
- container {
width: 800px; margin: auto; }
- teamDesc {
width: 390px; background: url('https://static.igem.org/mediawiki/2013/5/58/USPBrasilBottomDetail.png') no-repeat bottom left; padding-bottom: 66px; }
- teamDesc p {
margin-bottom: 20px !important; }
- teamList {
margin: 0; background: black; padding: 2px; color: #f0f0f0; text-align:center; border-radius: 6px; }
- teamList a:hover, .blackFigure a:hover {
color: #B0E5FF; }
- teamList span, p.blackFigure span {
color: #888; padding: 0 5px; }
table {border-collapse:collapse;border-bottom:20px;} td {border-bottom: 1px solid #ddd;line-height:1;padding:5px 2px;} tr.tr_first td {font-weight: bold; border-top: 1px solid black; border-bottom: 2px solid black;text-align:center;}
- USPBrFooter {
background: #171717 url('https://static.igem.org/mediawiki/2013/8/85/USPBrPattern.png'); color: #f0f0f0; text-align:center; margin-top: 90px; margin-bottom: -17px; padding-top: 10px; border-top: 1px solid black; }
- USPBrFooter p {
margin: 0; font-size: 14px; margin-top: 5px; }
ul.dropdown { position: relative; list-style: none; margin: 0 auto; font-size: 14px !important; } ul.dropdown li { float: left; zoom: 1; background: black; } ul.dropdown a:hover { color: white; } ul.dropdown a:active { color: white; } ul.dropdown li a { display: block; padding: 0px 3px; border-right: 1px solid #bbb; font-size: 14px !important; } ul.dropdown li:last-child a { border-right: none; } ul.dropdown li.hover, ul.dropdown li:hover { background: black; color: white; position: relative; } ul.dropdown li.hover a { color: black; }
ul.dropdown ul { width: 220px; visibility: hidden; list-style: none; position: absolute; top: 100%; left: 0; font-size: 14px !important; } ul.dropdown ul li { background: black; color: #000; border-bottom: 1px solid #f0f0f0; float: none; } ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; font-size: 14px !important; }
ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; }
.cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */}
.cf:after {clear: both;}
.cf {*zoom: 1;}
@media only screen and (max-width: 1659px) {
#teamDesc {
width: 390px;
}
}
@media only screen and (min-width: 1660px) { #teamDesc { width: 660px; } }