Team:USP-Brazil/css styles
From 2013.igem.org
(98 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | #top-section {border: 0 !important;} | ||
+ | #groupparts {margin: auto !important;} | ||
+ | |||
body { | body { | ||
- | font-family: 'Myriad', 'PT Sans', ' | + | font-family: 'colaborate', 'Myriad Pro', 'PT Sans', 'Open Sans', sans-serif !important; |
- | background: | + | background: white; |
font-size: 12px; | 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 { | h1 { | ||
border: 0; text-align:center; | border: 0; text-align:center; | ||
font-size: 30px; | font-size: 30px; | ||
- | |||
padding: 0; | padding: 0; | ||
- | margin: 40px 0; | + | font-weight: bold; |
+ | margin: 40px 0 !important; | ||
} | } | ||
h2 { | h2 { | ||
border: 0; | border: 0; | ||
- | |||
font-weight: bold; | font-weight: bold; | ||
+ | font-size: 24px; | ||
+ | border: 0; text-align:center; | ||
} | } | ||
h3 { | h3 { | ||
border: 0; | border: 0; | ||
font-size: 20px; | font-size: 20px; | ||
+ | margin-top: 20px; | ||
} | } | ||
- | p { | + | p, li { |
- | + | ||
font-size: 17px; | 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; | ||
} | } | ||
Line 39: | Line 101: | ||
} | } | ||
- | # | + | #menu_cont { margin: 0 auto; width: 900px; } |
- | #menu a {color: #ddd; | + | |
+ | #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;} | #menu a:hover {color: #fff;} | ||
Line 46: | Line 116: | ||
width: 800px; | width: 800px; | ||
margin: auto; | 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; | ||
+ | } | ||
+ | |||
+ | #USPBrFooter a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #contactP span {color: #666; padding: 0 4px;} | ||
+ | #contMail:hover {color: #da3838;} | ||
+ | #contFace:hover {color:#4862a3;} | ||
+ | #contTwit:hover {color:#00acee;} | ||
+ | |||
+ | 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 5px; border-right: 1px solid #666; 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; margin: 0 !important; } | ||
+ | ul.dropdown ul li { background: black; color: #f0f0f0; border-bottom: 1px solid #333; 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; | ||
+ | } | ||
} | } |
Latest revision as of 00:10, 28 September 2013
- 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: 900px; }
- 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; }
- USPBrFooter a {
color: white; }
- contactP span {color: #666; padding: 0 4px;}
- contMail:hover {color: #da3838;}
- contFace:hover {color:#4862a3;}
- contTwit:hover {color:#00acee;}
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 5px; border-right: 1px solid #666; 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; margin: 0 !important; } ul.dropdown ul li { background: black; color: #f0f0f0; border-bottom: 1px solid #333; 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; } }