New module bootstrapTheme

pulled out bootstrap theme from blechreiz main module - to reuse

bootstrapTheme/static/css/concert_route.css

@@ -0,0 +1,183 @@
+
+#concert_route h4{
+	margin: 0 0 10px 0;
+	/*color: #fff;*/
+	font-size: 25px;
+	font-weight: normal;
+	line-height: 38px;
+	text-shadow: 1px 1px 0px #2A284D;
+}
+
+#map{
+	margin: 0;
+	width: 100%;
+	height: 480px;
+}
+
+#map img
+{
+	max-width: none;
+}
+#map label
+{
+	margin-bottom: 0px;
+	display: inline;
+}
+
+#concert_route .map iframe{
+	display: block;
+}
+#concert_route .map .box_wrapp{
+	position: absolute;
+	margin: 0;
+	box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.4);
+	padding: 33px 0 33px;
+	background: white;
+	top: 62%;
+	border-radius: 4px;
+}
+#concert_route .map .box_wrapp .box_cont{
+	margin: 0 auto;
+	width: 76%;
+}
+#concert_route .map .box_wrapp .head{
+	width: 100%;
+	margin-bottom: 17px;
+	overflow: hidden;
+}
+#concert_route .map .box_wrapp .head h6{
+	font-size: 24px;
+	margin: 0;
+	font-style: italic;
+	float: left;
+	padding-bottom: 2px;
+	border-bottom: 1px solid;
+	font-weight: normal;
+}
+#concert_route .map .box_wrapp ul.street{
+	list-style: none;
+	margin: 0;
+	padding:0;
+}
+#concert_route .map .box_wrapp ul.street li{
+	color: #777777;
+	font-size: 14px;
+}
+#concert_route .map .box_wrapp ul.street li.icon{
+	margin-top: 3px;
+}
+#concert_route .map .box_wrapp ul.street li.icon span.ico1{
+	float: left;
+	height: 20px;
+}
+#concert_route .map .box_wrapp ul.street li.icon span.ico2{
+	float: left;
+	height: 20px;
+	background-position: 0px -23px;
+}
+#concert_route .map .box_wrapp ul.street li.icon .text{
+	font-size: 15px;
+	color: #777777;
+	margin-left: 6px;
+}
+#concert_route .map .box_wrapp ul.street li.icon a:hover{
+	color: #187CCC;
+    -webkit-transition: all .2s;
+    -moz-transition: all .2s;
+    -ms-transition: all .2s;
+    transition: all .2s;
+}
+#concert_route .map .box_wrapp ul.street li.icontop{
+	margin-top: 13px;
+}
+#concert_route .map .box_wrapp .headbottom{
+	margin-top: 42px;
+}
+#concert_route .map .box_wrapp p{
+	color: #777777;
+	font-size: 14px;
+	margin-bottom: 32px;
+}
+#concert_route .map .box_wrapp a.btn{
+	text-transform: uppercase;
+	color: #fff;
+	font-size: 15px;
+	background: #187CCC;
+	text-shadow: none;
+	padding: 6px 0 6px;
+	font-weight: bold;
+	border: 0 none;
+	box-shadow: none;
+	border-radius: 3px;
+	margin: 0 auto;
+	margin-top: 20px;
+	display: block;
+	width: 56%;
+	-webkit-transition: background linear .2s, box-shadow linear .2s;
+	-moz-transition: background linear .2s, box-shadow linear .2s;
+	-o-transition: background linear .2s, box-shadow linear .2s;
+	transition: background linear .2s, box-shadow linear .2s;
+}
+#concert_route .map .box_wrapp a.btn:hover{
+	background: #252528;
+}
+.concert_routeicos{
+	background: url('../img/concert_route_icos.png') no-repeat;
+	width: 24px;
+	height: 44px;
+}
+
+/* Responsive
+-------------------------------------------------- */
+
+/* Large desktop */
+@media (min-width: 1200px) {
+
+}
+@media (min-width: 980px) {
+	
+}
+@media (max-width: 979px) {
+
+}
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 768px) and (max-width: 979px) { 
+
+}
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px) {	
+	#concert_route .map .box_wrapp{
+		width: 90%;
+		position: relative;
+		margin: 0 auto 80px;	
+	}
+	#concert_route .map .box_wrapp .box_cont{
+	}
+	#concert_route .map iframe{
+		display: none;
+	}
+	#concert_route .map .box_wrapp a.btn{
+		width: 65%;
+	}
+	#map {
+		visibility:hidden;
+		height: 2px;
+		width : 2px;		
+	}
+	#route_info_box 
+	{
+		visibility: visible;
+	}
+	
+	
+	#route_info_box a.btn
+	{
+		visibility:hidden;
+	}
+}
+/* Landscape phones and down */
+@media (max-width: 480px) {
+	#concert_route .map .box_wrapp{
+		width: 100%;	
+	}
+}