User:Kcrk/Sandbox/css/main.css

From 2013.igem.org

(Difference between revisions)
Line 57: Line 57:
     bottom: 10px;
     bottom: 10px;
     margin-top:58px;
     margin-top:58px;
-
     //padding-left: 9%;
+
     bottom: 10px;
}
}

Revision as of 16:06, 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;
    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;
}