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;}
 
-
 
-
      #bodyContent{
 
-
      background: none;
 
-
      }
 
-
 
-
    /* MediaWiki Top Menu
 
-
 
-
      #menubar {
 
-
          font-size: 65%;
 
-
          top: -14px;
 
-
          display:none;
 
-
      }
 
-
      .left-menu:hover {
 
-
          background-color: transparent;}
 
-
      #menubar li a {
 
-
          background-color: transparent;}
 
-
      #menubar:hover {
 
-
          color: white;}
 
-
      #menubar li a {
 
-
          color: transparent;}
 
-
      #menubar:hover li a {
 
-
          color: white;}
 
-
      #previewnote {
 
-
        display:none;
 
-
      }
 
-
*/
 
-
 
-
#menubar {
 
-
    position: fixed;
 
-
    white-space: nowrap;
 
-
    width: 400px;
 
-
    z-index: 5;
 
-
    font-family: sans-serif;
 
-
    font-size: 95%;
 
-
    line-height: 1em;
 
-
    margin-top:58px;
 
-
    //padding-left: 9%;
 
-
 
-
}
 
-
 
-
.left-menu, .left-menu a {
 
-
    left: 0px;
 
-
    text-align: left;
 
-
    color:transparent;
 
-
    text-transform: lowercase;
 
-
}
 
-
 
-
.left-menu:hover {
 
-
    color: white;
 
-
    background-color: transparent;
 
-
}
 
-
.right-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
}
 
-
#menubar ul {
 
-
    color: #55e1f6;
 
-
    list-style: none;
 
-
    background-color:#727272;
 
-
}
 
-
#menubar li {
 
-
    display: inline;
 
-
    position: relative;
 
-
    cursor: pointer;
 
-
    padding-left: 0px;
 
-
    padding-right: 0px;
 
-
}
 
-
.left-menu li a {
 
-
    padding: 0px 10px 0px 0px;
 
-
    color:white;
 
-
}
 
-
.left-menu .selected {
 
-
#    color: white;
 
-
}
 
-
#.left-menu .selected:hover {
 
-
#    color: #5555FF;
 
-
#}
 
-
 
-
.left-menu:hover a {
 
-
    color: white;
 
-
}
 
-
.right-menu li {
 
-
#        background-color: transparent;
 
-
}
 
-
.right-menu li a {
 
-
        background-color: transparent;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #aaaaff;
 
-
    text-decoration: underline;
 
-
}
 
-
#bodyContent a[href^="https://"], .link-https {
 
-
    background: none;
 
-
    padding-right: 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 */
 
-
 
-
 
page-header {
page-header {
     margin-top:0;
     margin-top:0;

Revision as of 19:50, 20 May 2014

page-header {

   margin-top:0;

}

.panel-body {

   padding-top: 0;

}

.featuredImg{

margin-bottom: 15px;   

}

.jumbotron {

    background-color: #A18053;
    max-height: 40%;

}


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