Team:Heidelberg/css/overrides
From 2014.igem.org
/* NavBar */ /* Show text underneath img */ nav li a img { display:block; margin: 0 auto; height: 40px; } nav li a { text-align: center; }
- navbar{
margin-bottom: 0; }
- navbar .container {
border-bottom: solid 5px #ce432e; }
/* 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;
}
.dark-grey {
background-color: #515151;
}
.grey {
background-color: #e0e0e0;
}
.red {
background-color: #ad342a; background-image: url(/wiki/images/8/85/Heidelberg_Firering_half.png); background-position-x: 90%; background-position-y: 100%; background-size: auto 300px; background-repeat: no-repeat; color: white;
}
.main { margin-top: -2px; }
/* Change highlighting color of thumbnails */ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-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; } .navbar-nav { width: 100%; } }
/* Vertical center hacks */
/* columns of same height styles */ .container-xs-height {
display:table; padding-left:0px; padding-right:0px;
} .row-xs-height {
display:table-row;
} .col-xs-height {
display:table-cell; float:none;
} @media (min-width: 768px) {
.container-sm-height { display:table; padding-left:0px; padding-right:0px; } .row-sm-height { display:table-row; } .col-sm-height { display:table-cell; float:none; }
} @media (min-width: 992px) {
.container-md-height { display:table; padding-left:0px; padding-right:0px; } .row-md-height { display:table-row; } .col-md-height { display:table-cell; float:none; }
} @media (min-width: 1200px) {
.container-lg-height { display:table; padding-left:0px; padding-right:0px; } .row-lg-height { display:table-row; } .col-lg-height { display:table-cell; float:none; }
}
/* vertical alignment styles */ .col-top {
vertical-align:top;
} .col-middle {
vertical-align:middle;
} .col-bottom {
vertical-align:bottom;
}
/* fix firefox responsive images */ .img-responsive {
width: 100%
}