"

From 2014.igem.org

Revision as of 22:58, 27 September 2014 (view source) Maexlich (Talk | contribs) ← Older edit		Revision as of 23:01, 27 September 2014 (view source) Maexlich (Talk | contribs) Newer edit →
Line 108:		Line 108:
	width: 100%;		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%
	}		}

---

Revision as of 23:01, 27 September 2014

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

1. navbar{

margin-bottom: 0; }

1. 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%; } }