Team:Tec-Monterrey/ITESM14 main.css
From 2014.igem.org
Ejzardainc (Talk | contribs) |
Ejzardainc (Talk | contribs) |
||
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:52, 31 August 2014
/* 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;
}