Team:Westminster/css/main.css

From 2013.igem.org

Revision as of 20:32, 4 October 2013 by Kcrk (Talk | contribs)

/* ==========================================================================

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

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

  1. globalWrapper{
   font-size:15px;

}

  1. content{
   width:auto;
   margin: 0;
   padding: 0;
   background: transparent;

}

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;}

/* MediaWiki Top Menu

  1. menubar {
   font-size: 65%;
   top: -14px;
   display:none;

} .left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. previewnote {
 display:none;

}

  • /


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

}

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

}

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

}


  1. bodyContent{

/* background: none; */ }

  1. bodyContent a[href^="https://"], .link-https {
   background: none;
   padding-right: none;

}


/* Sticky footer styles


*/

/* Wrapper for page content to push down footer */

  1. wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   /* Negative indent footer by it's height */
   margin: 60px auto -30px;

}

/* Set the fixed height of the footer here */

  1. push,
  2. footer {
   height: 60px;

}

  1. 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. */


  1. wrap > .container {
   padding-top: 50px;

} .container .credit {

   margin: 20px 0;

}

code {

   font-size: 80%;

}

.carousel-control{

   line-height: 3;

}

/* end Over ride */


  1. mainwrapper {
   margin: 80px auto 0 auto;
   text-align: center;

}

.nav {

   font-size: 14pt;

}