Team:Tec-Monterrey/ITESM14 main.css

From 2014.igem.org

Revision as of 07:52, 31 August 2014 by Ejzardainc (Talk | contribs)

/* Special thanks to the TU-Munich team for their stylesheet */


/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)

  the relevant wiki css rules are reset by using rules with higher priority */


/* Start general reset ================================================== */

html body {

   font-size: inherit;
   font-family: inherit;
   background-color: transparent;
   color: inherit;
   padding: 0;

}

div#globalWrapper {

   font-size: inherit;
   margin: 0;
   padding: 0;
   position: static;
   width: auto;

}


/* Start top-section reset ============================================== */

div#top-section {

   border: 0;
   height: auto;
   margin: 0;
   position: static;
   width: auto;

}

div#p-logo {

   height: auto;
   position: static;
   width: auto;
   z-index: auto;

}

div#p-logo a, div#p-logo a:hover {

   text-decoration: none;

}

div#menubar {

   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   position: static;
   top: 0px;
   white-space: normal;
   width: auto;
   z-index: auto;

}

div.left-menu, div.left-menu a {

   color: inherit;
   left: 0;
   text-align: left;
   text-transform: none;

}

div#menubar ul {

   color: inherit;
   list-style: disc outside none;
   margin: 0;
   padding: 0;

}

div#menubar li {

   cursor: auto;
   display: list-item;
   padding: 0;
   margin: 0;
   position: static;

}

div.left-menu li a {

   padding: 0;

}

div.left-menu:hover {

   color: inherit;
   background-color: transparent;

}

div.left-menu:hover a {

   color: inherit;

}

div.right-menu, div.right-menu a {

   color: inherit;
   right: 0;
   text-align: left;

}

div.right-menu li a {

   background-color: transparent;
   color: inherit;
   padding: 0;

}

div.right-menu li a:hover {

   color: inherit;
   text-decoration: none;

}

div#search-controls {

   background-color: transparent;
   height: auto;
   position: static;
   right: 0;
   text-align: left;
   top: 0;
   width: auto;
   z-index: auto;

}


/* Start content reset ================================================== */

div#content {

   background: transparent;
   border: 0;
   color: inherit;
   line-height: inherit;
   margin: 0;
   padding: 0;
   position: static;
   width: auto;
   z-index: auto;

}

body li {

   margin: 0;

}

body h1, body h2, body h3, body h4, body h5, body h6 {

   background: transparent;
   border: 0;
   color: inherit;
   padding: 0;

}

body .firstHeading {

   margin: 0;

}

div#contentSub {

   color: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0;
   width: auto;

}

div#catlinks {

   background-color: transparent;
   border: 0;
   clear: both;
   margin: 0;
   padding: 0;

}


/* Start footer reset =================================================== */

div#footer-box {

   background-color: transparent;
   border: 0;
   margin: 0;
   padding: 0;
   width: auto;

}

div#footer {

   color: inherit;
   font-size: inherit;
   text-align: left;

}

div#f-poweredbyico, div#f-copyrightico {

   float: none;

}

div#footer li {

   margin: 0;
   display: list-item;

}



/* Remove logo and search */ div#p-logo, div#search-controls {

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section {

   margin: 0px auto;
   width: 930px;
   height: 20px;
   color: #d4c6b6;
   background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;

}

/* Set font and positions */ div#menubar {

   font-weight: bold;
   font-size: 13px;
   line-height: 20px;

}

div#menubar.right-menu {

   float: right;

}

div#menubar.left-menu {

   float: left;

}

/* Fix text */ div#menubar.left-menu a, div#menubar.left-menu li {

   text-transform: capitalize;

}

div#menubar li {

   padding: 0px 5px;
   display: inline;

}

/* White on hover */ div#menubar a:hover {

   color: #FFFFFF;
   text-decoration: none;

}

div#menubar li[style="color:white;cursor:default"] {

   display: none;

}

/* End top-section style ================================================ */


/* Start header style =================================================== */

/* Hide page title (it would appear before the header) */ h1.firstHeading {

   display: none;

}


body {

   font-family: 'Yanone Kaffeesatz';
   background: url('background.svg');

}

h1 {

   color: ff0060;

}

p {

   font-size: 20px;
   font-weight: lighter;

}

.navbar-default {

   background-color: #451d8e;
   border-color: #ff0060;

} .navbar-default .navbar-brand {

   color: f4ff3b;

} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

   color: f4ff3b;

} .navbar-default .navbar-text {

   color: f4ff3b;

} .navbar-default .navbar-nav > li > a {

   color: f4ff3b;

} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

   color: f4ff3b;

} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

   color: f4ff3b;
   background-color: #ff0060;

} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

   color: f4ff3b;
   background-color: #ff0060;

} .navbar-default .navbar-toggle {

   border-color: #ff0060;

} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

   background-color: #ff0060;

} .navbar-default .navbar-toggle .icon-bar {

   background-color: f4ff3b;

} .navbar-default .navbar-collapse, .navbar-default .navbar-form {

   border-color: f4ff3b;

} .navbar-default .navbar-link {

   color: f4ff3b;

} .navbar-default .navbar-link:hover {

   color: f4ff3b;

}

@media (max-width: 767px) {

   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
       color: f4ff3b;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
       color: f4ff3b;
   }
   .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: f4ff3b;
       background-color: #ff0060;
   }

}

.mypic {

   z-index: 2000;

}

.main-content {

   z-index: -4;
   margin-top: 220;

}

.well {

   z-index: -6;
   background-color: #ffffff;
   border: 0px;
   border-radius: 0px;
   opacity: 0.9;

}