Team:Dundee/stylesheet

From 2014.igem.org

(Difference between revisions)

Latest revision as of 15:12, 7 September 2014

/* 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;}

     /* 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: #555555;
   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{
     	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;
       }
     }
  
     br{
         text-decoration:none
     }

     /* end Over ride */

@@ Line 17: / Line 17: @@
            border: none;}
-       #bodyContent{
+       /* MediaWiki Top Menu
-      	background: none;
-      }
-     /* MediaWiki Top Menu
        #menubar {
@@ Line 42: / Line 38: @@
        }
 */
 #menubar {
@@ Line 73: / Line 70: @@
 }
 #menubar ul {
-     color: #55e1f6;
+     color: #555555;
      list-style: none;
      background-color:#727272;
@@ Line 108: / Line 105: @@
      text-decoration: underline;
 }
+      #bodyContent{
+      	background: none;
+        }
 #bodyContent a[href^="https://"], .link-https {
      background: none;
@@ Line 145: / Line 148: @@
          }
        }
-       /* Custom page CSS
+       br{
-      -------------------------------------------------- */
+          text-decoration:none
-      /* 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 {
-    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;
-	}
-}