Team:Nankai/core/main.css

From 2014.igem.org

(Difference between revisions)
Line 26: Line 26:
}
}
#nav-wrapper ul.nav-bar > li span.pointer:after {
#nav-wrapper ul.nav-bar > li span.pointer:after {
-
border-width: 11px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -1px; margin-left: -11px; display: block; position: absolute; z-index: 10000; content: "";
+
border-width: 11px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -2px; margin-left: -11px; display: block; position: absolute; z-index: 10000; content: "";
}
}
#nav-wrapper ul.nav-bar > li.membership span.pointer {
#nav-wrapper ul.nav-bar > li.membership span.pointer {

Revision as of 15:42, 15 August 2014

body { background-position: top; background-image: url("NankaiPageBackground.png"); background-color: rgb(240, 240, 240); }

  1. nav-wrapper {

min-height: 90px; background-color: rgb(255, 255, 255); }

  1. nav-wrapper ul.nav-bar {

list-style: none; margin: 0px; padding: 0px 10px; position: relative; min-height: 54px; background-color: transparent; }

  1. nav-wrapper ul.nav-bar > li {

padding: 0px; border: 0px currentColor; border-image: none; line-height: 90px; float: left; display: block; }

  1. nav-wrapper ul.nav-bar > li a.header {

margin: 0px 1px 0px 0px; padding: 0px 9px; height: 90px; color: rgb(34, 34, 34); text-transform: uppercase; font-family:"Arial Black", Gadget, sans-serif;; font-weight: normal; font-size: 14px; text-decoration: none; border-top-color: rgb(202, 202, 202); border-top-width: 4px; border-top-style: solid; display: block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  1. nav-wrapper ul.nav-bar > li span.pointer {

display: none; }

  1. nav-wrapper ul.nav-bar > li span.pointer:before {

border-width: 12px; border-style: solid; border-color: transparent transparent rgb(179, 179, 179); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -2px; margin-left: -12px; display: block; position: absolute; z-index: 10000; content: ""; }

  1. nav-wrapper ul.nav-bar > li span.pointer:after {

border-width: 11px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -2px; margin-left: -11px; display: block; position: absolute; z-index: 10000; content: ""; }

  1. nav-wrapper ul.nav-bar > li.membership span.pointer {

opacity: 0; }

  1. nav-wrapper ul.nav-bar > li.hide-pointer span.pointer {

display: none !important; }

  1. nav-wrapper ul.nav-bar > li.end {

margin-right: 7px; }

  1. nav-wrapper ul.nav-bar > li:hover {

background-color: transparent; }

  1. nav-wrapper ul.nav-bar > li.show-pointer {

background-color: transparent; }

  1. nav-wrapper ul.nav-bar > li:hover a {

color: rgb(0, 0, 0); }

  1. nav-wrapper ul.nav-bar > li.show-pointer a {

color: rgb(0, 0, 0); }

  1. nav-wrapper ul.nav-bar > li:hover a span.pointer {

display: block; }

  1. nav-wrapper ul.nav-bar > li.show-pointer a span.pointer {

display: block; }

  1. nav-wrapper ul.nav-bar > li:last-child a {

margin-right: 0px; }

  1. nav-wrapper ul.nav-bar > li.end a {

margin-right: 0px; }

  1. nav-wrapper ul.nav-bar > li ul.sub-nav {

list-style: none; margin-left: 10px; padding: 8px 50px 0px 150px; left: 0px; width: 60%; overflow: hidden; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: none; position: absolute; min-height: 36px; background-color: rgb(255, 255, 255); }

  1. nav-wrapper ul.nav-bar > li ul.sub-nav li {

margin: 0px 18px 0px 0px; float: left; display: inline; position: relative; }

  1. nav-wrapper ul.nav-bar > li ul.sub-nav li:last-child {

margin-right: 0px; }

  1. nav-wrapper ul.nav-bar > li ul.sub-nav li a {

padding: 0px; color: rgb(153, 153, 153); font-family: "Comic Sans MS", cursive; font-weight: normal; font-size: 16px; white-space: nowrap; }

  1. nav-wrapper ul.nav-bar > li ul.sub-nav li a:hover {

text-decoration: none; }

  1. nav-wrapper ul.nav-bar > li:hover ul.sub-nav {

display: block; }

  1. nav-wrapper ul.nav-bar li.active.home > a {

color: rgb(116, 146, 164); }

  1. nav-wrapper ul.nav-bar li.home a:hover {

color: rgb(116, 146, 164); }

  1. nav-wrapper ul.nav-bar li.home a.active {

color: rgb(116, 146, 164); }

  1. nav-wrapper ul.nav-bar li.home a:hover {

border-color: rgb(116, 146, 164); }

  1. nav-wrapper ul.nav-bar li.home.active a {

border-color: rgb(116, 146, 164); }

  1. nav-wrapper ul.nav-bar li.active.project > a {

color: rgb(72, 161, 224); }

  1. nav-wrapper ul.nav-bar li.project a:hover {

color: rgb(72, 161, 224); }

  1. nav-wrapper ul.nav-bar li.project a.active {

color: rgb(72, 161, 224); }

  1. nav-wrapper ul.nav-bar li.project a:hover {

border-color: rgb(72, 161, 224); }

  1. nav-wrapper ul.nav-bar li.project.active a {

border-color: rgb(72, 161, 224); }

  1. nav-wrapper ul.nav-bar li.active.notebook > a {

color: rgb(76, 204, 201); }

  1. nav-wrapper ul.nav-bar li.notebook a:hover {

color: rgb(76, 204, 201); }

  1. nav-wrapper ul.nav-bar li.notebook a.active {

color: rgb(76, 204, 201); }

  1. nav-wrapper ul.nav-bar li.notebook a:hover {

border-color: rgb(76, 204, 201); }

  1. nav-wrapper ul.nav-bar li.notebook.active a {

border-color: rgb(76, 204, 201); }

  1. nav-wrapper ul.nav-bar li.active.safety > a {

color: rgb(49, 49, 142); }

  1. nav-wrapper ul.nav-bar li.safety a:hover {

color: rgb(49, 49, 142); }

  1. nav-wrapper ul.nav-bar li.safety a.active {

color: rgb(49, 49, 142); }

  1. nav-wrapper ul.nav-bar li.safety a:hover {

border-color: rgb(49, 49, 142); }

  1. nav-wrapper ul.nav-bar li.safety.active a {

border-color: rgb(49, 49, 142); }

  1. nav-wrapper ul.nav-bar li.active.attributions > a {

color: rgb(199, 26, 112); }

  1. nav-wrapper ul.nav-bar li.attributions a:hover {

color: rgb(199, 26, 112); }

  1. nav-wrapper ul.nav-bar li.attributions a.active {

color: rgb(199, 26, 112); }

  1. nav-wrapper ul.nav-bar li.attributions a:hover {

border-color: rgb(199, 26, 112); }

  1. nav-wrapper ul.nav-bar li.attributions.active a {

border-color: rgb(199, 26, 112); }

  1. nav-wrapper ul.nav-bar li.active.team > a {

color: rgb(41, 121, 122); }

  1. nav-wrapper ul.nav-bar li.team a:hover {

color: rgb(41, 121, 122); }

  1. nav-wrapper ul.nav-bar li.team a.active {

color: rgb(41, 121, 122); }

  1. nav-wrapper ul.nav-bar li.team a:hover {

border-color: rgb(41, 121, 122); }

  1. nav-wrapper ul.nav-bar li.team.active a {

border-color: rgb(41, 121, 122); }