Team:Missouri Miners/CSS

From 2014.igem.org

(Difference between revisions)
(Updated link to background-image)
(home image)
Line 87: Line 87:
     }
     }
#page img{
#page img{
 +
    width: 97%;
     border-width: 2px;
     border-width: 2px;
     border-color: #8A8A8A;
     border-color: #8A8A8A;

Revision as of 00:01, 16 October 2014

html {

   margin: 0;
   padding: 0;
   }

body {

   background-image: url("Missouri_Miners_stripe.png");
   background-color: #40403e;
   margin: 0;
   padding: 0;
   }
  1. logo {
   margin: 0 auto;
   padding-top: 25px;
   width: 95%;
   max-width: 1000px;
   }
  1. logo img {
   padding: 0;
   margin: 0;
   }
  1. wiki {
   margin: 0;
   padding: 0;
   text-align: right;
   }
  1. 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;
   }
  1. menu {
   margin:2.5% auto;
   margin-top: 0;
   margin-bottom: 0;
   background-color: #095707;
   text-align: center;
   max-width: 1000px;
   width: 92%;
   }
  1. menu a {
   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   }
  1. menu a:link {
   background-color: #095707;
   }
  1. menu a:visited {
   background-color: #095707;
   }
  1. menu a:hover {
   background-color: #074506;
   }
  1. menu a:active {
   background-color: #074506;
   }
  1. igem-logo {
   display: inline;
   }
  1. igem-logo a {
   float: right;
   }
  1. igem-logo img {
   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: #8A8A8A;
   }
  1. page {
   background-color: white;
   margin:2.5% auto;
   width: 92%;
   margin-top: 0;
   max-width: 1000px;
   padding-top: 1%;
   padding-bottom: 1%;
   }
  1. page img{
   width: 97%;
   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   }
  1. page a {
   color: #8A8A8A;
   }

p {

   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 1.5%;
   color: #8A8A8A;
   margin-bottom: 0;
   }
  1. references p {
   font-size: 12px;
   margin-top: 0.75%;
   }

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;
   }
  1. team {
   margin: 0;
   padding: 0;
   }
  1. team p {
   height: 136px;
   }
  1. 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;
       }
   }