CSS update

2 files changed, 105 insertions, 3 deletions

diff --git a/contrib/themes/simple_h/templates/default.css b/contrib/themes/simple_h/templates/default.css
index 81611f39..aeb91490 100644
--- a/contrib/themes/simple_h/templates/default.css
+++ b/contrib/themes/simple_h/templates/default.css
@@ -63,9 +63,11 @@ td {
 	color: #000000; 
 	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 12px;
+	text-align:left;
 }
 th {
 	padding-right: 10px;
+	text-align: center;
 }
 input {
 	color: #000000; 
@@ -160,6 +162,7 @@ textarea {
 /* General style rules  */
 body{ 
 	padding-top: 0px;
+	text-align: center;
 	margin-top: 0px;
 	margin-left: 0px;
 	margin-right: 0px; 
@@ -171,6 +174,7 @@ body{
 
 #maincontainer{
 	margin: 0px;
+	text-align: center;
 }
 
 .alphabet { 
@@ -185,6 +189,7 @@ body{
 	float: left;
 	clear: both;
 	margin-left:15px;
+	text-align: center;
 	/*float:left;  use for horizontal menu; comment out otherwise */
 	/* background:#fff url("../themes/classic/images/bg_content.gif") repeat-y right top; */
 }
@@ -247,9 +252,10 @@ div#Header{
  
 div#sidebar{
 	clear:both;
-	position:absolute;
+	width: 800px;
+	position: absolute;
 	left:5px;
-	top:60px;
+	top:35px;
 }
 
 #sidebar h3 {
@@ -476,6 +482,7 @@ margin-right:5em;
 }
 .np_cell {
 	margin: 10px;
+	text-align: center;
 }
 #tablist {
         padding: 3px 0;
@@ -514,3 +521,98 @@ margin-right:5em;
         border-bottom: 1px solid #4786D4;
 }
 
+/* ########################### */
+/* styles for the star ratings */
+/* ########################### */
+.star-rating{
+        list-style:none;
+        margin: 0px;
+        padding:0px;
+        width: 80px;
+        height: 15px;
+        position: relative;
+        background: url(../../../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+        padding:0px;
+        margin:0px;
+        float: right;
+}
+.star-rating li span{
+        display:block;
+        width:16px;
+        height: 15px;
+        text-decoration: none;
+        text-indent: -9000px;
+        z-index: 20;
+        position: absolute;
+        padding: 0px;
+}
+.star-rating li span:hover{
+        background: url(../../../images/ratings/star_rating.gif) left center;
+        z-index: 2;
+        left: 0px;
+}
+li.zero-stars span:hover {
+        background: url(../../../images/ratings/x.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.zero-stars {
+        background: url(../../../images/ratings/x_off.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.one-stars{
+        left: 0px;
+}
+span.one-stars:hover{
+        width:16px;
+}
+span.two-stars{
+        left:16px;
+}
+span.two-stars:hover{
+        width: 32px;
+}
+span.three-stars{
+        left: 32px;
+}
+span.three-stars:hover{
+        width: 48px;
+}
+span.four-stars{
+        left: 48px;
+}
+span.four-stars:hover{
+        width: 64px;
+}
+span.five-stars{
+        left: 64px;
+}
+span.five-stars:hover{
+        width: 80px;
+}
+li.current-rating{
+        background: url(../../../images/ratings/star_rating.gif) left bottom;
+        position: absolute;
+        height: 15px;
+        display: block;
+        text-indent: -9000px;
+        z-index: 1;
+}
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+td.user_online{
+	background:#007ACC;
+}
+td.user_offline {
+	background:#4D4D4D;
+}
+td.user_disabled {
+	background:#999999;
+}
diff --git a/contrib/themes/simple_h/theme.cfg.php b/contrib/themes/simple_h/theme.cfg.php
index d1541c05..50a710c4 100644
--- a/contrib/themes/simple_h/theme.cfg.php
+++ b/contrib/themes/simple_h/theme.cfg.php
@@ -27,7 +27,7 @@ author = "Lars Olafsen modified by Terence Theijn"
 
 # Version
 # This is the version of the Theme (usefull if you've updated it)
-version = "1.1"
+version = "1.2"
 
 # Orientation
 # This was added as of 3.3.2-Alpha4, this tells Ampache if this theme