From 465f5b406ee1fe879b78e2997e8772cc5eb768e5 Mon Sep 17 00:00:00 2001
From: "Michael Kaufmann (d00p)" <d00p@froxlor.org>
Date: Thu, 10 Mar 2011 12:53:08 +0100
Subject: [PATCH] - fix checkbox-styling when using opera - fix style-issue
 with table-hover

Signed-off-by: Michael Kaufmann (d00p) <d00p@froxlor.org>
---
 templates/Froxlor/froxlor.css   | 13 +++++-
 templates/Froxlor/js/froxlor.js | 70 ++++++++++++++++-----------------
 2 files changed, 46 insertions(+), 37 deletions(-)

diff --git a/templates/Froxlor/froxlor.css b/templates/Froxlor/froxlor.css
index dee49fa6..afaf1e5c 100644
--- a/templates/Froxlor/froxlor.css
+++ b/templates/Froxlor/froxlor.css
@@ -74,7 +74,7 @@ td a {
 	-moz-border-radius-topright: 20px;
 	-moz-border-radius-bottomleft: 20px;
 	border-top-right-radius: 20px;
-	border-bottom-left-radius: 20px
+	border-bottom-left-radius: 20px;
 }
 
 .topheader {
@@ -580,6 +580,17 @@ input[type="reset"] {
 	padding-left: 20px;
 }
 
+input[type="checkbox"] {
+	background: #dae7ee;
+	padding: 0;
+	width: 25px;
+	border: 1px solid #666666;
+	-moz-border-radius: 2px;
+	-khtml-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+}
+
 select {
 	background: #dae7ee;
 	padding: 4px;
diff --git a/templates/Froxlor/js/froxlor.js b/templates/Froxlor/js/froxlor.js
index f5408a2c..17ba417a 100644
--- a/templates/Froxlor/js/froxlor.js
+++ b/templates/Froxlor/js/froxlor.js
@@ -1,41 +1,39 @@
-$(document).ready(function(){
+$(document).ready(function() {
 	// make rel="external" links open in a new window
-	$("a[rel='external']").attr('target', '_blank');
-	$(".main").css('min-height', $("nav").height() - 34);
-	$(".dboarditem:last").css('min-height', $(".dboarditem:first").height());
+		$("a[rel='external']").attr('target', '_blank');
+		$(".main").css('min-height', $("nav").height() - 34);
+		$(".dboarditem:last")
+				.css('min-height', $(".dboarditem:first").height());
 
-	// set focus on username-field if on loginpage
-	if($(".loginpage").length != 0) {
-		$("#loginname").focus();
-	}
-
-	if($("table.formtable").length != 0) {
-		$("table.formtable tr").hover(function() {
-			$(this).css("background-color", "#fff");
-		},
-		function() {
-			$(this).css("background-color", "#f5f5f5");
+		// set focus on username-field if on loginpage
+		if ($(".loginpage").length != 0) {
+			$("#loginname").focus();
 		}
-		);
-	}
-	if($("table.bradiusodd").length != 0) {
-		$("table.bradiusodd tr").hover(function() {
-			$(this).css("background-color", "#fff");
-		},
-		function() {
-			$(this).css("background-color", "#f5f5f5");
+
+		if ($("table.formtable").length != 0) {
+			$("table.formtable tr").hover(function() {
+				$(this).css("background-color", "#fff");
+			}, function() {
+				$(this).css("background-color", "#f5f5f5");
+			});
+		}
+		if ($("table.bradiusodd").leingth != 0) {
+			$("table.bradiusodd tbody tr").not(':last-child').hover(function() {
+				$(this).css("background-color", "#fff");
+			}, function() {
+				$(this).css("background-color", "#f5f5f5");
+			});
+			// last row needs border-radius
+			$("table.bradiusodd tbody tr:last-child").hover(function() {
+				 $(this).children().css("background-color", "#fff");
+				 $(this).children(':first-child').css("-webkit-border-bottom-left-radius", "20px");
+				 $(this).children(':first-child').css("-moz-border-radius-bottomleft", "20px");
+				 $(this).children(':first-child').css("border-bottom-left-radius", "20px");
+			},
+			function() {
+				$(this).children().css("background-color", "#f5f5f5");
+			}
+			);
 		}
-		);
-	}
 
-        if($("table.aps").length != 0) {
-                $("table.aps tr").hover(function() {
-                        $(this).css("background-color", "#fff");
-                },
-                function() {
-                        $(this).css("background-color", "#f5f5f5");
-                }
-                );
-        }
-
-});
+	});