Team:Heidelberg/css/overrides

From 2014.igem.org

Revision as of 11:04, 26 September 2014 by Maexlich (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* NavBar */ /* Show text underneath img */ nav li a img { display:block; margin: 0 auto; height: 40px; } nav li a { text-align: center; }

/* Spread list elements equaly over width of ul*/ .navbar-nav > li { width: 12.5%; }

.navbar-nav li a { color: #515151; }

.navbar-nav li a:hover { color: #515151; }

/* only use 85% of the total width, leaving space for logo */ .navbar-nav { width: 85%; }

.navbar-header img { height: 80px; } /* Display collapse button */ .navbar-toggle { padding: 30px 10px; }

.navbar-toggle .icon-bar { background-color: #ad342a; }

/* Center Dropdowns */ .centerDropdown {

   left: auto !important;
   right: -25% !important;

} .centerDropdown:after {

  left: auto !important;
  right: 45% !important;

}

/* remove overrides above, so img is next to text in collapsed view */ @media (max-width: 768px) { nav li a { text-align: left !important; } nav li span { display: inline-block; width: 60px; text-align: center; } nav li img { display:inline !important; margin: 0 !important; padding-right: 5px !important; } .navbar-nav > li { width: auto !important; } .navbar-nav { width: 100%; } }