Team:USP-Brazil/css styles

From 2013.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
#top-section {border: 0 !important;}
#top-section {border: 0 !important;}
 +
#groupparts {margin: auto !important;}
body {
body {
-
font-family: 'Myriad', 'PT Sans', 'Bitstream Vera Sans', sans-serif !important;
+
font-family: 'colaborate', 'Myriad Pro', 'PT Sans', 'Open Sans', sans-serif !important;
-
background: #f0f0f0;
+
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;
-
font-weight: bold;
 
padding: 0;
padding: 0;
 +
font-weight: bold;
margin: 40px 0 !important;
margin: 40px 0 !important;
}
}
h2 {
h2 {
border: 0;
border: 0;
-
font-size: 24px;
 
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-family: 'Minion Pro', Georgia, Times, serif;
+
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 41: Line 101:
}
}
-
#menu span {color: #bbb;}
+
#menu_cont { margin: 0 auto; width: 900px; }
-
#menu a {color: #ddd; padding: 3px;}
+
 
 +
#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 48: 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

  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: 900px; }
  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; }

  1. USPBrFooter a {

color: white; }

  1. contactP span {color: #666; padding: 0 4px;}
  2. contMail:hover {color: #da3838;}
  3. contFace:hover {color:#4862a3;}
  4. 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; } }

Retrieved from "http://2013.igem.org/Team:USP-Brazil/css_styles"