Team:Westminster/css/main.css

From 2013.igem.org

(Difference between revisions)
(Created page with "- ========================================================================== Custom styles ==========================================================================: /...")
Line 130: Line 130:
     height: auto !important;
     height: auto !important;
     height: 100%;
     height: 100%;
-
    /* Negative indent footer by it's height */
+
     margin: 30px auto -10px;
-
     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;
+
-
    }
+
}
}
Line 164: Line 143:
     padding-top: 50px;
     padding-top: 50px;
}
}
-
.container .credit {
+
.container {
     margin: 20px 0;
     margin: 20px 0;
}
}
Line 178: Line 157:
/* end Over ride */
/* end Over ride */
-
 
-
#mainwrapper {
 
-
    margin: 80px auto 0 auto;
 
-
    text-align: center;
 
-
}
 
.nav {
.nav {
     font-size: 14pt;
     font-size: 14pt;
}
}

Revision as of 19:21, 4 October 2013

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

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

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

  1. globalWrapper{
   font-size:14px;

}

  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%;
   margin: 30px auto -10px;

}


/* Custom page CSS


*/

/* Not required for template or sticky footer method. */


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

} .container {

   margin: 20px 0;

}

code {

   font-size: 80%;

}

.carousel-control{

   line-height: 3;

}

/* end Over ride */


.nav {

   font-size: 14pt;

}