Team:Tec-Monterrey/ITESM14 main.css

From 2014.igem.org

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

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

}