Team:uOttawa/Assets:Stylesheet

From 2013.igem.org

(Difference between revisions)
(Initial Style)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
body {
+
div#top-section, div#footer-box, h1.firstHeading, div#contentSub, div#catlinks
-
  color: #333;
+
{
-
  background: white;
+
display: none;
-
  font-family: 'Open Sans', sans-serif;
+
-
  font-size: 12pt;
+
-
  margin: 0px;
+
-
  padding: 0px;
+
}
}
-
div {
+
 
-
  border: 1px solid rgba(0,0,0,0);
+
div#content, div#globalWrapper
 +
{
 +
margin:0;
 +
padding:0;
 +
border:none;
 +
font-size:100%;
 +
background:none;
}
}
-
div.accent {
+
 
-
  background: #F3F3F3 !important;
+
body
-
}
+
{
-
div.border {
+
background:white;
-
  border: 1px solid #c0c0c0 !important;
+
-
}
+
-
div.borderTop {
+
-
  border-top: 1px solid #c0c0c0 !important;
+
-
}
+
-
div.borderBottom {
+
-
  border-bottom: 1px solid #c0c0c0 !important;
+
-
}
+
-
div.rounded {
+
-
  -webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
  -ms-border-radius: 5px;
+
-
  -o-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
}
+
-
div.container {
+
-
  width: 760px;
+
-
  border: none;
+
-
  margin-left: auto;
+
-
  margin-right: auto;
+
-
  padding-top: 40px;
+
-
  padding-bottom: 40px;
+
-
  white-space: nowrap;
+
-
}
+
-
div.container > *:first-child {
+
-
  margin-top: 0px;
+
-
}
+
-
div.container > div {
+
-
  display: inline-block;
+
-
  vertical-align: top;
+
-
  margin-left: 40px;
+
-
  white-space: normal;
+
-
}
+
-
div.container > div:first-child {
+
-
  margin-left: 0px;
+
-
}
+
-
div.container > div > *:first-child {
+
-
  margin-top: 0px;
+
-
}
+
-
div.container > div.border {
+
-
  margin-left: 26.6666666667px;
+
-
  padding: 13.3333333333px;
+
-
}
+
-
div.container > div.border:first-child {
+
-
  margin-left: -13.3333333333px;
+
-
  padding: 13.3333333333px;
+
-
}
+
-
div.container > div.border + div {
+
-
  margin-left: 26.6666666667px;
+
-
}
+
-
div.container > div.border + div.border {
+
-
  margin-left: 13.3333333333px;
+
-
}
+
-
div.container.two > div {
+
-
  width: 358px;
+
-
}
+
-
div.container.three > div {
+
-
  width: 224px;
+
-
}
+
-
div.container.three > div.span2 {
+
-
  width: 496px;
+
-
}
+
-
div.container.four > div {
+
-
  width: 158px;
+
-
}
+
-
div.container.four > div.span2 {
+
-
  width: 562px;
+
-
}
+
-
div.container.four > div.span3 {
+
-
  width: 206px;
+
-
}
+
-
div.container.ten > div {
+
-
  margin-left: 20px;
+
-
  width: 56px;
+
-
}
+
-
div.container img {
+
-
  max-width: 760px;
+
-
}
+
-
div.row {
+
-
  width: 100%;
+
-
  border: none;
+
-
}
+
-
h1 {
+
-
  font-size: 28pt;
+
-
  font-weight: 400;
+
-
}
+
-
h2 {
+
-
  font-size: 18pt;
+
-
  font-weight: 300;
+
-
  line-height: 1.25;
+
-
  margin: 0px;
+
-
  margin-top: 27pt;
+
-
  margin-bottom: 6pt;
+
-
}
+
-
h3 {
+
-
  font-size: 13pt;
+
-
  color: #0C5AA6;
+
-
  font-weight: 400;
+
-
  line-height: 1.25;
+
-
  margin: 0px;
+
-
  margin-top: 24pt;
+
-
  margin-bottom: 6pt;
+
-
}
+
-
h2 + h3 {
+
-
  margin-top: 0px;
+
-
}
+
-
p {
+
-
  color: #333;
+
-
  font-size: 12pt;
+
-
  line-height: 1.5;
+
-
  white-space: normal;
+
-
  margin: 0px;
+
-
  margin-bottom: 6pt;
+
-
}
+
-
p > em {
+
-
  color: #FF9700;
+
-
  font-style: normal;
+
-
}
+
-
p.lead {
+
-
  font-size: larger;
+
-
  font-weight: 300;
+
-
}
+
-
a[href] {
+
-
  color: #0C5AA6;
+
-
  text-decoration: none;
+
-
}
+
-
a[href]:hover {
+
-
  color: #094076;
+
-
  text-decoration: underline;
+
-
}
+
-
figure {
+
-
  border: 1px sold #c0c0c0;
+
-
  display: none;
+
-
}
+
-
div#header {
+
-
  width: 760px;
+
-
  border: none;
+
-
  margin-left: auto;
+
-
  margin-right: auto;
+
-
  font-weight: 200;
+
-
}
+
-
div#header p {
+
-
  font-size: 36pt;
+
-
}
+
-
div#navBar {
+
-
  color: white;
+
-
  background: #0C5AA6;
+
-
}
+
-
div#navBar > ul {
+
-
  width: 760px;
+
-
  border: none;
+
-
  margin: 0px;
+
-
  margin-left: auto;
+
-
  margin-right: auto;
+
-
  padding: 0px;
+
-
  padding-top: 10px;
+
-
  padding-bottom: 10px;
+
-
}
+
-
div#navBar > ul > li {
+
-
  display: inline-block;
+
-
  margin-right: 40px;
+
-
}
+
-
div#navBar > ul > li > a {
+
-
  font-weight: 300;
+
-
  color: #F3F3F3;
+
-
}
+
-
div#navBar > ul > li > a:hover {
+
-
  color: white;
+
-
}
+
-
@media screen and (min-width: 768px) {
+
-
  div#header {
+
-
    width: 728px;
+
-
  }
+
-
  div#navBar > ul {
+
-
    width: 728px;
+
-
  }
+
-
  div.container {
+
-
    width: 728px;
+
-
  }
+
-
  div.container.two > div {
+
-
    width: 342px;
+
-
  }
+
-
  div.container.three > div {
+
-
    width: 214px;
+
-
  }
+
-
  div.container.three > div.span2 {
+
-
    width: 470px;
+
-
  }
+
-
  div.container.three > div.span2 div.sixteenNineHeight {
+
-
    height: 264.375px;
+
-
  }
+
-
  div.container.ten > div {
+
-
    margin-left: 20px;
+
-
    width: 52px;
+
-
  }
+
-
}
+
-
@media screen and (min-width: 1020px) {
+
-
  div#header {
+
-
    width: 940px;
+
-
  }
+
-
  div#navBar > ul {
+
-
    width: 940px;
+
-
  }
+
-
  div.container {
+
-
    width: 940px;
+
-
  }
+
-
  div.container.two > div {
+
-
    width: 448px;
+
-
  }
+
-
  div.container.three > div {
+
-
    width: 284px;
+
-
  }
+
-
  div.container.three > div.span2 {
+
-
    width: 612px;
+
-
  }
+
-
  div.container.three > div.span2 div.sixteenNineHeight {
+
-
    height: 344.25px;
+
-
  }
+
-
  div.container.ten > div {
+
-
    margin-left: 20px;
+
-
    width: 98px;
+
-
  }
+
}
}
</style>
</style>
</html>
</html>

Latest revision as of 23:14, 29 May 2013

Retrieved from "http://2013.igem.org/Team:uOttawa/Assets:Stylesheet"