Edited StyleSheets

data/css/data_table.css

@@ -29,9 +29,9 @@
 }
 
 .dataTables_length {
-	width: 40%;
+	width: 50%;
 	float: left;
-	margin: 15px;
+	margin-bottom: 10px;
 	color: #fff;
 }
 
@@ -39,7 +39,7 @@
 	width: 50%;
 	float: right;
 	text-align: right;
-	margin: 15px;
+	margin-bottom: 10px;
 	color: #fff;
 }
 
@@ -48,6 +48,7 @@
 	float: left;
 	margin-top: 15px;
 	font-weight: bold;
+	clear: both;
 }
 
 .dataTables_paginate {
@@ -111,7 +112,7 @@ table.display thead th {
 	background-color: #414141;
 	color: White;
 	font-weight: bold;
-	font-size: 16px;
+	font-size: 12px;
 	cursor: pointer;
 	* cursor: hand;
 }
@@ -128,7 +129,7 @@ table.display tr.heading2 td {
 
 table.display td {
 	padding: 3px 10px;
-	font-size: 16px;
+	font-size: 12px;
 }
 
 table.display td.center {
@@ -185,7 +186,7 @@ table.display tr.even.gradeC {
 }
 
 /*
- * Skipped 
+ * GradeSkipped 
  * */
 table.display tr.odd.gradeX {
 	background-color: #4F0043;
@@ -279,7 +280,6 @@ td.details {
 
 .paging_full_numbers span.paginate_button,
  	.paging_full_numbers span.paginate_active {
-	border: 1px solid #aaa;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	padding: 2px 5px;
@@ -289,23 +289,28 @@ td.details {
 }
 
 .paging_full_numbers span.paginate_button {
-	background-color: #ddd;
+	background-color: #e50000;
+	color: #fff;
 }
 
 .paging_full_numbers span.paginate_button:hover {
-	background-color: #ccc;
+	background-color: #ff0000;
+	color: #fff;
 }
 
 .paging_full_numbers span.paginate_active {
-	background-color: #99B3FF;
+	background-color: #800000;
+	color: #fff;
 }
 
 table.display tr.even.row_selected td {
-	background-color: #B0BED9;
+	background-color: #660000;
+	color: #fff;
 }
 
 table.display tr.odd.row_selected td {
-	background-color: #9FAFD1;
+	background-color: #4d0000;
+	color: #fff;
 }
 
 div.box {

data/css/style.css

@@ -80,6 +80,14 @@ h1, h2, h3, h4, h5, h6 { font-weight: bold; }
     \\ ========================================== //
 */
 
+/*
+ *	Univarsal 
+ * */
+
+ *:focus{
+	outline: none;
+ }
+ 
 a:link {
 	color: #fff;
 	text-shadow: 1px 1px 2px #000;
@@ -108,7 +116,7 @@ a.blue {
 
 body { background-color: #000; min-width: 935px; color: #c2c2c2; }
 
-header { min-height: 70px; width: 100%; min-width: 935px; padding-left: 0px; padding-right: 10px; background-image: url(../images/menu-background.png); background-color: #CDC9C9; position: fixed; top: 0px; left: 0px; z-index: 998; }
+header { min-height: 70px; width: 100%; min-width: 935px; padding-left: 0px; padding-right: 10px; background: url(../images/menu-background.png) #000; position: fixed; top: 0px; left: 0px; z-index: 998; }
 
 table.display thead tr th { background: url(../images/table-header.png); }
 
@@ -135,7 +143,17 @@ ul#subhead_menu li { width: 100%; height: 100%; display: inline; }
 ul#subhead_menu li a { padding: 5px 15px 10px 15px; vertical-align: middle; color: white; font-size: 16px; text-decoration: none; }
 ul#subhead_menu li a:hover { width: 100%; height: 100%; background-color: #grey; }
 
-div#searchbar { margin: 24px 30px auto auto; float: right; }
+/*
+ *	Searchbar Styles 
+ * */
+
+div#searchbar { margin: 24px 30px auto auto; float: right; background-color: #fff; border-radius: 20px; border: 1px solid #909090 }
+div#searchbar input[type=text] { background-color: #fff; border-radius: 20px 0px 0px 20px; padding: 2px 10px 2px 10px; border: 0; border-right: 1px solid #909090 }
+div#searchbar input[type=submit] { background-color: #fff; border-radius: 0px 20px 20px 0px; padding: 2px 10px 2px 10px; border: 0; border-left: 1px solid #909090 }
+div#searchbar input[type=submit]:hover { background-color: #ac0000; color: #FFF; text-shadow: 1px 1px 3px #000; }
+div#searchbar select { background-color: #fff; border-radius: 20px; padding: 2px 10px 2px 10px; border: 0; }
+
+
 
 div#main { margin: 0; padding: 80px 0 0 0; }
 

data/interfaces/default/upcoming.html

@@ -16,7 +16,10 @@
 		<tbody>
 		%for album in upcoming:
 			<tr class="gradeZ">
-				<td id="albumart"><img src="http://ec1.images-amazon.com/images/P/${album['AlbumASIN']}.01.MZZZZZZZ.jpg" height="50" width="50"></td>
+				<td id="albumart">
+					<div class="album-art-small">
+					<img src="http://ec1.images-amazon.com/images/P/${album['AlbumASIN']}.01.MZZZZZZZ.jpg" height="50" width="50"></td>
+					</div>
 				<td id="artistname">${album['ArtistName']}</td>
 				<td id="albumname"><a href="albumPage?AlbumID=${album['AlbumID']}">${album['AlbumTitle']}</a></td>
 				<td id="reldate">${album['ReleaseDate']}</td>