Team:Dundee/stylesheet

From 2014.igem.org

(Difference between revisions)
Line 246: Line 246:
-
<!-- TEAM PAGE STLES -->
+
<!-- TEAM PAGE STYLES -->
#display{
#display{
-
     padding-top: 100px;
+
     padding-top: 150px;
    
    
}
}
Line 290: Line 290:
     max-height: 800px;
     max-height: 800px;
     max-width: 800px;
     max-width: 800px;
-
     padding-bottom: 10px;
+
     padding-bottom: 10px;  
-
   
+
     }
     }
 +
 +
 +
 +
<!-- IMAGES IN NOTEBOOK -->
 +
.bookImage{
 +
    width:100%;
 +
    height:100%;
 +
}
 +
 +
.holderSpace{
 +
  width: 640px;
 +
    }
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--NAV BAR STYLES -->
<!--NAV BAR STYLES -->
}
}
Line 326: Line 346:
      
      
}
}
-
 
-
<!-- IMAGES IN NOTEBOOK -->
 
-
.bookImage{
 
-
    width:100%;
 
-
    height:100%;
 
-
}
 
-
 
-
.holderSpace{
 
-
  width: 640px;
 
-
    }
 

Revision as of 09:21, 5 June 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;
       }
     }

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

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

@media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }


  1. title{

background: yellow; 

   background-repeat: no-repeat;
   background-size: 100%;
   padding: 100px;
   padding-top: 70px;

}


  1. display{ 
   padding-top: 150px;

}

  1. display h1{ 
   font-family: 'Special Elite', cursive;
   text-decoration: underline;

}

  1. info{ 
   padding-bottom: 10px;
    font-family: 'Special Elite', cursive;

}


.modal-backdrop { 

 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 background-color: #000000;

}

.modal-backdrop.fade { 

 opacity: 0;

}

.modal-backdrop, .modal-backdrop.fade.in { 

 opacity: 0.8;
 filter: alpha(opacity=80);

}


.modal-content{ 

   font-family: 'Special Elite', cursive;
   max-height: 800px;
   max-width: 800px;
   padding-bottom: 10px;   
   }


.bookImage{ 

   width:100%;
   height:100%;

}

.holderSpace{ 

  width: 640px; 
   }





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

.dropdown-menu{ 

   padding-top: 15px;

}

Retrieved from "http://2014.igem.org/Team:Dundee/stylesheet"