"
Team:Heidelberg/css/overrides
From 2014.igem.org
(using an external editor) |
(using an external editor) |
||
| Line 1: | Line 1: | ||
| + | /* Show text underneath img */ | ||
nav li a img { | nav li a img { | ||
display:block; | display:block; | ||
| Line 8: | Line 9: | ||
} | } | ||
| + | /* Spread list elements equaly over width of ul*/ | ||
.navbar-nav > li { | .navbar-nav > li { | ||
width: 12.5%; | width: 12.5%; | ||
| Line 20: | Line 22: | ||
} | } | ||
| + | /* only use 85% of the total width, leaving space for logo */ | ||
.navbar-nav { | .navbar-nav { | ||
width: 85%; | width: 85%; | ||
| Line 28: | Line 31: | ||
} | } | ||
| + | .navbar-toggle .icon-bar { | ||
| + | background-color: #ad342a; | ||
| + | } | ||
| + | |||
| + | /* remove overrides above, so img is next to text in collapsed view */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
nav li a { | nav li a { | ||
Revision as of 10:54, 25 September 2014
/* 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; }
.navbar-toggle .icon-bar { background-color: #ad342a; }
/* 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; } }
