Team:USP-Brazil/css styles

From 2013.igem.org

Revision as of 00:35, 27 September 2013 by Drvieira (Talk | contribs)
  1. top-section {border: 0 !important;}
  2. 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; }

  1. link_profile {

font-family: 'Myriad', 'PT Sans', 'Bitstream Vera Sans', sans-serif !important; font-size: 12px; text-align: center; margin-top: -15px; }

  1. 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; }

  1. menu_cont { margin: 0 auto; width: 850px; }
  1. 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; }

  1. menu a:hover {color: #fff;}
  1. container {

width: 800px; margin: auto; }

  1. teamDesc {

width: 390px; background: url('https://static.igem.org/mediawiki/2013/5/58/USPBrasilBottomDetail.png') no-repeat bottom left; padding-bottom: 66px; }

  1. teamDesc p {

margin-bottom: 20px !important; }

  1. teamList {

margin: 0; background: black; padding: 2px; color: #f0f0f0; text-align:center; border-radius: 6px; }

  1. teamList a:hover, .blackFigure a:hover {

color: #B0E5FF; }

  1. 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;}

  1. 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; }

  1. 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 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; } 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; } }