Team:Dundee/stylesheet

From 2014.igem.org

(Difference between revisions)
(Undo revision 107334 by DBurrell7 (talk))
 
(32 intermediate revisions not shown)
Line 1: Line 1:
 +
/* 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%;
-
<!-- NAVBAR STYLES -->
 
-
.navbar-default {
 
-
background-color: #6f350b;
 
-
border-color: #ab6831;
 
}
}
-
.navbar-default .navbar-brand {
+
 
-
color: #ab6831;
+
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
}
}
-
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+
 
-
color: #190602;
+
.left-menu:hover {
 +
    color: white;
 +
    background-color: transparent;
}
}
-
.navbar-default .navbar-text {
+
.right-menu, .right-menu a {
-
color: #ab6831;
+
    right: 0px;
 +
    text-align: right;
 +
    color: white;
}
}
-
.navbar-default .navbar-nav > li > a {
+
#menubar ul {
-
color: #ab6831;
+
    color: #555555;
 +
    list-style: none;
 +
    background-color:#727272;
}
}
-
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+
#menubar li {
-
color: #190602;
+
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
}
}
-
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+
.left-menu li a {
-
color: #190602;
+
    padding: 0px 10px 0px 0px;
-
background-color: #ab6831;
+
    color:white;
}
}
-
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+
.left-menu .selected {
-
color: #190602;
+
#   color: white;
-
background-color: #ab6831;
+
}
}
-
.navbar-default .navbar-toggle {
+
#.left-menu .selected:hover {
-
border-color: #ab6831;
+
#    color: #5555FF;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color: white;
}
}
-
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+
.right-menu li {
-
background-color: #ab6831;
+
#        background-color: transparent;
}
}
-
.navbar-default .navbar-toggle .icon-bar {
+
.right-menu li a {
-
background-color: #ab6831;
+
        background-color: transparent;
}
}
-
.navbar-default .navbar-collapse,
+
.right-menu li a:hover {
-
.navbar-default .navbar-form {
+
    color: #aaaaff;
-
border-color: #ab6831;
+
    text-decoration: underline;
-
}
+
-
.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;
 
-
}
 
-
}
 
-
 
-
@media screen and (max-width: 1024px){
 
-
img.bg {
 
-
        left: 50%;
 
-
margin-left: -512px; }
 
-
}
 
 +
      #bodyContent{
 +
      background: none;
 +
        }
-
<!-- POSTER FRONT PAGE STYLES -->
+
#bodyContent a[href^="https://"], .link-https {
-
   
+
     background: none;
-
#title{
+
     padding-right: none;
-
background: yellow;
+
-
    background-repeat: no-repeat;
+
-
     background-size: 100%;
+
-
    padding: 100px;
+
-
     padding-top: 70px;
+
}
}
-
<!-- TEAM PAGE STLES -->
+
      /* Sticky footer styles
 +
      -------------------------------------------------- */
-
#display{
+
      /* Wrapper for page content to push down footer */
-
    padding-top: 50px;
+
      #wrap {
-
    font-family: 'Special Elite', cursive;
+
        min-height: 100%;
-
}
+
        height: auto !important;
 +
        height: 100%;
 +
        /* Negative indent footer by it's height */
 +
        margin: 0 auto -60px;
 +
      }
-
#display h1{
+
      /* Set the fixed height of the footer here */
-
    text-decoration: underline;  
+
      #push,
-
}
+
      #footer {
-
 
+
        height: 60px;
-
#info{
+
      }
-
    background: #ab6831;
+
      #footer {
-
    padding-bottom: 10px;
+
        /*background-color: #f5f5f5;*/
-
}
+
      text-align:center;
 +
      }
-
.modal-content{
+
      /* 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
 +
      }
-
    font-family: 'Special Elite', cursive;
+
      /* end Over ride */
-
    max-height: 800px;
+
-
    max-width: 800px;
+
-
    padding-bottom: 10px;
+
-
   
+
-
    }
+

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


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

}

  1. menubar ul { 
   color: #555555;
   list-style: none;
   background-color:#727272;

}

  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 {

  1. color: white;

}

  1. .left-menu .selected:hover {
  2. color: #5555FF;
  3. }

.left-menu:hover a { 

   color: white;

} .right-menu li {

  1. background-color: transparent;

} .right-menu li a { 

       background-color: transparent;

} .right-menu li a:hover { 

   color: #aaaaff;
   text-decoration: underline;

} 


     #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 */
     #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 */
Retrieved from "http://2014.igem.org/Team:Dundee/stylesheet"