Team:Missouri Miners/CSS

From 2014.igem.org

(Difference between revisions)

Revision as of 01:47, 16 October 2014

html {

   margin: 0;
   padding: 0;
   }

body {

   background-image: url("");
   background-color: #40403e;
   margin: 0;
   padding: 0;
   }

logo {

   margin: 0 auto;
   padding-top: 25px;
   width: 95%;
   max-width: 1000px;
   }

logo img {

   padding: 0;
   margin: 0;
   }

wiki {

   margin: 0;
   padding: 0;
   text-align: right;
   }

wiki a {

   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   background-color: black;
   padding: 2px;
   margin: 0;
   }

menu {

   margin:2.5% auto;
   margin-top: 0;
   margin-bottom: 0;
   background-color: #095707;
   text-align: center;
   max-width: 1000px;
   width: 92%;
   }

menu a {

   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   }

menu a:link {

   background-color: #095707;
   }

menu a:visited {

   background-color: #095707;
   }

menu a:hover {

   background-color: #074506;
   }

menu a:active {

   background-color: #074506;
   }

igem-logo {

   display: inline;
   }

igem-logo a {

   float: right;
   }

igem-logo img {

   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: #8A8A8A;
   }

page {

   background-color: white;
   margin:2.5% auto;
   width: 92%;
   margin-top: 0;
   max-width: 1000px;
   padding-top: 1%;
   padding-bottom: 1%;
   }

page img{

   width: 97%;
   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   }

page a {

   color: #8A8A8A;
   }

p {

   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 1.5%;
   color: #8A8A8A;
   margin-bottom: 0;
   text-align: justify;
   }

references p {

   font-size: 12px;
   margin-top: 0.75%;
   text-align: left;
   }

project p {

   white-space: normal;
   }

project img {

   float: left;
   width: 30%;
   display: inline;
   }

h1 {

   margin: 1.5%;
   padding: 0px;
   text-transform: uppercase;
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 0;
   }

h3 {

   margin: 1.5%;
   padding: 0px;
   text-transform: uppercase;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top: 1.5%;
   margin-bottom: 0;
   }

h4 {

   margin: 1.5%;
   padding: 0px;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top: 1.5%;x
   margin-bottom: 0;
   }

team {

   margin: 0;
   padding: 0;
   }

team p {

   height: 136px;
   }

team img {

   height: 160px;
   width: 120px;
   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   float: left;
   }

@media (min-width: 682px) {

   #menu a {
       font-size: 14pt;
       padding: 18px;
       }
   #igem-logo a {
       padding: 0;
       margin: 4px;
       height: 52px;   
       }
   #igem-logo img {
       height: 48px;
       width: 60px;
   }
   #logo img {
       height: 100px;
       width: 254px;
       }
   #logo {
       margin-top: -20px;
       }
   }

@media (max-width: 681px) {

   #menu a {
       font-size: 10pt;
       padding: 3px;
       }
   #igem-logo a {
       padding: 0;
       margin: 4px;
       height: 36px;
       }
   #igem-logo img {
       height: 32px;
       width: 40px;
       }
   label:before {
       content: "\a";
       white-space: pre;
       }
   #logo img {
       height: 60px;
       width: 158px;
       }
   #logo {
       margin-top: -8px;
       }
   }