Team:Missouri Miners/CSS

From 2014.igem.org

(Difference between revisions)
(justified p)
m (#min styling for team page fixes)
 
(3 intermediate revisions not shown)
Line 95: Line 95:
     margin-bottom: 0;
     margin-bottom: 0;
     }
     }
 +
#
#page a {
#page a {
     color: #8A8A8A;
     color: #8A8A8A;
 +
    }
 +
#min {
 +
    height: auto;
 +
    min-height: 138px;
     }
     }
p {
p {
Line 111: Line 116:
     margin-top: 0.75%;
     margin-top: 0.75%;
     text-align: left;
     text-align: left;
 +
    }
 +
#project p {
 +
    white-space: normal;
 +
    }
 +
#project img {
 +
    float: left;
 +
    width: 30%;
 +
    display: inline;
     }
     }
h1 {
h1 {

Latest revision as of 02:05, 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;
   }
  2. page a { 
   color: #8A8A8A;
   }
  1. min { 
   height: auto;
   min-height: 138px;
   }

p { 

   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 1.5%;
   color: #8A8A8A;
   margin-bottom: 0;
   text-align: justify;
   }
  1. references p { 
   font-size: 12px;
   margin-top: 0.75%;
   text-align: left;
   }
  1. project p { 
   white-space: normal;
   }
  1. 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;
   }
  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;
       }
   }
Retrieved from "http://2014.igem.org/Team:Missouri_Miners/CSS"