Team:Tec-Monterrey/ITESM14 main.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* 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 */
/* Remove logo and search */
div#p-logo, div#search-controls {
div#p-logo, div#search-controls {

Revision as of 07:55, 31 August 2014

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

}