Team:USP-Brazil/css styles

From 2013.igem.org

Revision as of 16:36, 18 September 2013 by Drvieira (Talk | contribs)

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

  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; padding-bottom: 120px; }

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; } 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 span {color: #bbb;}
  2. menu a {

color: #ddd; padding: 3px; -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; }

  1. teamList a:hover {

color: #B0E5FF; }

  1. teamList span {

color: #888; padding: 0 5px; }

@media only screen and (max-width: 1659px) { #teamDesc { width: 390px; } }

@media only screen and (min-width: 1660px) { #teamDesc { width: 660px; } }