Template:Team:Missouri Miners/CSS

From 2014.igem.org

(Difference between revisions)
(iGem's Global wrapper "#content div" is making our page white, when it shouldn't be)
(Updated min-width)
 
(72 intermediate revisions not shown)
Line 4: Line 4:
#top-section {
#top-section {
     border: none;
     border: none;
-
     height: 0px;}
+
     height: 0px;
 +
    width: 100%;
 +
    }
 +
#menubar {
 +
    width: 100%;
 +
    float: right;
 +
    position: relative;
 +
    top: 0;
 +
    }
 +
#menubar ul {
 +
    -webkit-margin-before: 0;
 +
    -webkit-margin-after: 0;
 +
    -webkit-padding-start: 0;
 +
    line-height: normal;
 +
    }
 +
#menubar.right-menu {
 +
    width: auto;
 +
    }
 +
#menubar.left-menu {
 +
    width: auto;
 +
    }
 +
#menubar.left-menu:hover {
 +
    background-color: transparent;
 +
    }
 +
#top-section a {
 +
    text-transform: uppercase;
 +
    font-family: 'Abel', sans-serif;
 +
    font-size: 9pt;
 +
    color: white;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    text-align: right;
 +
    background-color: black;
 +
    padding: 0;
 +
    margin: 0;
 +
    }
 +
#top-section li {
 +
    float: right;
 +
    text-transform: uppercase;
 +
    font-family: 'Abel', sans-serif;
 +
    font-size: 9pt;
 +
    color: white;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    text-align: right;
 +
    background-color: black;
 +
    padding: 2px;
 +
    margin: 0;
 +
    }
 +
#top-section ul {
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
#footer-box {
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    }
#content {
#content {
     border: none;
     border: none;
-
     background: transparent;}
+
     background: transparent;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    line-height: normal;
 +
    }
 +
#bodyContent h1 {
 +
    margin-bottom: 0;
 +
    font-size: 32px;
 +
    border-bottom: 0;
 +
    }
 +
#bodyContent h3 {
 +
    font-size: 19px;
 +
    margin-bottom: 0;
 +
    }
html {
html {
     margin: 0;
     margin: 0;
Line 17: Line 88:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
 +
    margin-top: 0px;
     }
     }
#logo {
#logo {
     margin: 0 auto;
     margin: 0 auto;
-
    padding-top: 25px;
 
     width: 95%;
     width: 95%;
     max-width: 1000px;
     max-width: 1000px;
 +
    top: 0;
     }
     }
#logo img {
#logo img {
Line 106: Line 178:
     color: #8A8A8A;
     color: #8A8A8A;
     }
     }
 +
min {
 +
  height: auto;
 +
  min-height: 138px;
 +
  }
p {
p {
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
#page p {
     font-family: Arial, Helvetica, sans-serif;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-size: 14px;
Line 113: Line 193:
     color: #8A8A8A;
     color: #8A8A8A;
     margin-bottom: 0;
     margin-bottom: 0;
 +
    line-height: 1.3;
     }
     }
#references p {
#references p {
Line 149: Line 230:
     }
     }
#team p {
#team p {
-
     height: 136px;
+
     height: 138px;
     }
     }
#team img {
#team img {
Line 162: Line 243:
     float: left;
     float: left;
     }
     }
-
@media (min-width: 682px) {
+
@media (min-width: 920px) {
     #menu a {
     #menu a {
         font-size: 14pt;
         font-size: 14pt;
Line 179: Line 260:
         height: 100px;
         height: 100px;
         width: 254px;
         width: 254px;
-
        }
 
-
    #logo {
 
-
        margin-top: -20px;
 
         }
         }
     }
     }
-
@media (max-width: 681px) {
+
@media (max-width: 919px) {
     #menu a {
     #menu a {
         font-size: 10pt;
         font-size: 10pt;
Line 205: Line 283:
         height: 60px;
         height: 60px;
         width: 158px;
         width: 158px;
-
        }
 
-
    #logo {
 
-
        margin-top: -8px;
 
         }
         }
     }
     }

Latest revision as of 21:49, 16 October 2014

/* Created by Missouri Miners iGEM 2014 https://2014.igem.org/Team:Missouri_Miners CC BY-SA 3.0 */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;
   width: 100%;
   }
  1. menubar {
   width: 100%;
   float: right;
   position: relative;
   top: 0;
   }
  1. menubar ul {
   -webkit-margin-before: 0;
   -webkit-margin-after: 0;
   -webkit-padding-start: 0;
   line-height: normal;
   }
  1. menubar.right-menu {
   width: auto;
   }
  1. menubar.left-menu {
   width: auto;
   }
  1. menubar.left-menu:hover {
   background-color: transparent;
   }
  1. top-section a {
   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: right;
   background-color: black;
   padding: 0;
   margin: 0;
   }
  1. top-section li {
   float: right;
   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: right;
   background-color: black;
   padding: 2px;
   margin: 0;
   }
  1. top-section ul {
   margin: 0;
   padding: 0;
   }
  1. footer-box {
   width: 100%;
   margin: 0;
   padding: 0;
   }
  1. content {
   border: none;
   background: transparent;
   width: 100%;
   margin: 0;
   padding: 0;
   line-height: normal;
   }
  1. bodyContent h1 {
   margin-bottom: 0;
   font-size: 32px;
   border-bottom: 0;
   }
  1. bodyContent h3 {
   font-size: 19px;
   margin-bottom: 0;
   }

html {

   margin: 0;
   padding: 0;
   }

body {

   background-image: url("Missouri_Miners_stripe.png");
   background-color: #40403e;
   margin: 0;
   padding: 0;
   margin-top: 0px;
   }
  1. logo {
   margin: 0 auto;
   width: 95%;
   max-width: 1000px;
   top: 0;
   }
  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{
   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   }
  1. page a {
   color: #8A8A8A;
   }

min {

  height: auto;
  min-height: 138px;
  }

p {

   margin: 0;
   padding: 0;
   }
  1. page p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 1.5%;
   color: #8A8A8A;
   margin-bottom: 0;
   line-height: 1.3;
   }
  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: 138px;
   }
  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: 920px) {

   #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;
       }
   }

@media (max-width: 919px) {

   #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;
       }
   }