Team:Dundee/stylesheet

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* OVER RIDE IGEM CSS */
 
-
 
-
      #globalWrapper{
 
-
        font-size:14px;
 
-
      }
 
-
 
-
      #content{
 
-
        width:auto;
 
-
      }
 
-
 
-
      #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
-
          display:none;}
 
-
      #top-section {
 
-
          border: none;
 
-
          height: 0px;}
 
-
      #content {
 
-
          border: none;}
 
-
 
-
 
-
 
-
      /* Sticky footer styles
 
-
      -------------------------------------------------- */
 
-
 
-
      /* Wrapper for page content to push down footer */
 
-
      #wrap {
 
-
        min-height: 100%;
 
-
        height: auto !important;
 
-
        height: 100%;
 
-
        /* Negative indent footer by it's height */
 
-
        margin: 0 auto -60px;
 
-
      }
 
-
 
-
      /* Set the fixed height of the footer here */
 
-
      #push,
 
-
      #footer {
 
-
        height: 60px;
 
-
      }
 
-
      #footer {
 
-
        /*background-color: #f5f5f5;*/
 
-
      text-align:center;
 
-
      }
 
-
 
-
      /* Lastly, apply responsive CSS fixes as necessary */
 
-
      @media (max-width: 767px) {
 
-
        #footer {
 
-
          margin-left: -20px;
 
-
          margin-right: -20px;
 
-
          padding-left: 20px;
 
-
          padding-right: 20px;
 
-
        }
 
-
      }
 
-
 
-
      /* Custom page CSS
 
-
      -------------------------------------------------- */
 
-
      /* Not required for template or sticky footer method. */
 
-
 
-
      #wrap > .container {
 
-
        padding-top: 60px;
 
-
      }
 
-
      .container .credit {
 
-
        margin: 20px 0;
 
-
      }
 
-
 
-
      code {
 
-
        font-size: 80%;
 
-
      }
 
-
 
-
 
-
 
-
      /* end Over ride */
 
<!-- NAVBAR STYLES -->  
<!-- NAVBAR STYLES -->  

Revision as of 09:30, 27 May 2014

.navbar-default { background-color: #6f350b; border-color: #ab6831; } .navbar-default .navbar-brand { color: #ab6831; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #190602; } .navbar-default .navbar-text { color: #ab6831; } .navbar-default .navbar-nav > li > a { color: #ab6831; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #190602; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #190602; background-color: #ab6831; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #190602; background-color: #ab6831; } .navbar-default .navbar-toggle { border-color: #ab6831; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ab6831; } .navbar-default .navbar-toggle .icon-bar { background-color: #ab6831; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ab6831; } .navbar-default .navbar-link { color: #ab6831; } .navbar-default .navbar-link:hover { color: #190602; }

@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ab6831; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #190602; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #190602; background-color: #ab6831; } }

@media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }


  1. title{

background: yellow;

   background-repeat: no-repeat;
   background-size: 100%;
   padding: 100px;
   padding-top: 70px;

}


  1. display{
   padding-top: 50px;
   font-family: 'Special Elite', cursive;

}

  1. display h1{
   text-decoration: underline; 

}

  1. info{
   background: #ab6831;
   padding-bottom: 10px;

}

.modal-content{

   font-family: 'Special Elite', cursive;
   max-height: 800px;
   max-width: 800px;
   padding-bottom: 10px;
   
   }