Added Bootstrap CSS, images and JS for new buttons and dropdown menues

airtime_mvc/public/css/media_library.css

@@ -12,6 +12,22 @@
     margin-right: 5px;
 }
 
+.lib-content .fg-toolbar ul.dropdown-menu {
+    float: none;
+    padding: 5px 0;
+	margin: 2px 0 0;
+    cursor: default;
+	}
+	.lib-content .fg-toolbar ul.dropdown-menu li {
+	    list-style-type: none;
+	    float: none;
+	    padding: 0;
+	    margin-right: 0;
+		}
+		.lib-content .fg-toolbar ul.dropdown-menu li.nav-header {
+	    	padding-right: 20px;
+			padding-left: 20px;
+			}
 .lib-selected.even {
 	background-color: rgba(240, 109, 53, 1);
 }
@@ -130,3 +146,80 @@ td.library_bitrate {
 			}
 
 
+.fg-toolbar .btn-toolbar {margin: 6px 5px 6px 2px;}
+
+
+/* ///////////////////// ADVANCED SEARCH ///////////////////// */
+.advanced_search {
+	margin-bottom: 0;
+	}
+	.advanced_search > div {
+	 	margin-bottom: 6px;
+		}
+
+.lib-content fieldset {
+	border: 1px solid #9a9a9a;
+	margin: 0 0 8px 0;
+	padding: 8px;
+	}
+	.lib-content > div + fieldset {
+		margin-top:3px;
+		}
+	.lib-content fieldset.closed {
+		border-width: 1px 0 0;
+		margin-bottom: -6px;
+		margin-left: 1px;
+		}
+.dataTables_filter input[type="text"], .dataTables_filter select {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	height: 25px;
+	width:60%;
+	}
+.dataTables_filter label {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	display: inline;
+}
+
+.search-criteria .criteria-element > div {
+	margin-bottom: 5px;
+	}
+	.search-criteria .criteria-element > div input[type="text"],
+	.search-criteria .criteria-element > div select  {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+		height: 25px;
+		}
+	.search-criteria .criteria-element > div .btn-small {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+		height: 25px;
+		padding: 3px 6px;
+		}
+
+.sb-timerange .btn-small {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	height: 25px;
+	vertical-align: middle;
+	margin: 0 !important;
+	line-height: 16px;
+	}	
+
+.sb-timerange input {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	display: inline-block;
+	float: none !important;
+	margin: 0 !important;
+	height: 25px;
+	outline: none;
+	vertical-align: middle !important;
+	}			

airtime_mvc/public/css/playlist_builder.css

@@ -22,12 +22,12 @@
 	clear: left;
 }
 
-#side_playlist button {
+/*#side_playlist button {
     float: left;
     font-size: 12px;
     height: 28px;
     margin: 0 7px 20px 0;
-}
+}*/	
 
 #side_playlist input, 
 #side_playlist textarea {
@@ -48,11 +48,11 @@
 	margin-bottom:0;
 }
 
-#side_playlist li {
+/*#side_playlist li {
 	width: 99.5%;
 	margin-bottom:-1px;
 	position:relative;
-}
+}*/
 
 #side_playlist li div.list-item-container, #side_playlist li div.list-item-container.ui-state-active {
 	height:56px;
@@ -464,3 +464,4 @@ div.helper li {
 li.spl_empty {
     height: 56px;
 }
+

airtime_mvc/public/css/showbuilder.css

@@ -100,9 +100,6 @@ div.sb-timerange div#sb_submit {
 	margin-left: 5px;
 }
 
-div.sb-timerange input {
-    vertical-align: top;
-}
 
 div.sb-timerange input#sb_date_start {
     margin-left: 30px;

airtime_mvc/public/css/styles.css

@@ -392,6 +392,7 @@ input[readonly]{
 
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus {
 	border: 1px solid #0088f1;
+	outline: none;
 }
 .auto-search {
 	background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0;
@@ -722,14 +723,14 @@ dl.inline-list dd {
 
 .dataTables_length {
 	float:right;
-	margin:0 8px 0 0;
+	margin:0;
 	
 }
 .dataTables_length label {
-	padding:10px 6px 0 0;
+	padding:0;
 	font-size:12px;
 	color:#404040;
-	line-height:22px;
+	line-height:24px;
 }
 .dataTables_filter {
 	margin:0 0 8px 8px;
@@ -1416,6 +1417,25 @@ h2#scheduled_playlist_name span {
 	width:25px;	
 }
 
+.btn.crossfade-main-button span {
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+	display:inline-block;
+	width: 0;
+	height:0;
+}
+.btn i.crossfade-main-icon {
+	display: inline-block;
+	background:url(images/crossfade_main.png) no-repeat 0 2px;
+	width:22px;
+	height: 14px;
+	line-height: 14px;
+	vertical-align: text-top;
+	margin-top: 1px;
+	margin-right: -5px;	
+}
+
 .ui-button-icon-only.crossfade-main-button .ui-icon {
     left: 44%;
     margin-left: -8px;
@@ -2820,11 +2840,11 @@ dd .stream-status {
 }
 
 
-/*---////////////////////    NEW BUTTONS    ////////////////////---*/		
+/*---////////////////////    NEW BUTTONS    ////////////////////		
 .btn {
 	display: inline-block;
 	*display: inline;
-	/* IE7 inline-block hack */
+
 	
 	*zoom: 1;
 	padding: 4px 10px 4px;
@@ -2876,7 +2896,7 @@ dd .stream-status {
 	background-image: linear-gradient(top, #868686, #535353);
 	background-repeat: repeat-x;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#535353', GradientType=0);
-}
+}---*/
 
 .btn.active,
 .btn:active {