User:Kcrk/Sandbox/css/main.css

From 2013.igem.org

Revision as of 16:09, 30 September 2013

/* ==========================================================================
   Custom styles
   ========================================================================== */

/* ------------------------------OVERRIDES----------------------------------- */
/* OVER RIDE IGEM CSS */

#globalWrapper{
    font-size:14px;
}

#content{
    width:auto;
    margin: 0;
    padding: 0;
}

#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
    display:none;}
#top-section {
    border: none;
    height: 0px;}
#content {
    border: 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: 75%;
    line-height: 1em;
    bottom: 10px;
    margin-top:58px;
    top: auto;
    bottom: 10px;
}

.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 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{
    background: none;
}

#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 */


#mainwrapper {
    margin: 80px auto 0 auto;
    text-align: center;
}