trac670 trac689 Favorites (duplicate id, background image, JavaScript)

darcs-hash:20081115033549-eefa4-cfbca6f9c723aa63869c39d6851de7a7803f0703.gz

6 files changed, 51 insertions, 71 deletions

diff --git a/theme/default/display.css b/theme/default/display.css
index 8408ecd8d..91cc057fa 100644
--- a/theme/default/display.css
+++ b/theme/default/display.css
@@ -179,6 +179,36 @@ padding-top:2px;
 padding-left:30px;
 }
 
+
+form#disfavor, form.disfavor,
+form#favor, form.favor  {
+	float: right;
+}
+
+/*favorites*/
+input#favor, input.favor,
+input#disfavor, input.disfavor  {
+	background-color:#fcfff5;
+	background-image:url(icon_heart-01.png);
+	background-repeat:no-repeat;
+	cursor: pointer;
+	border: 0;
+	width: 16px;
+	height:16px;
+	text-indent:-9999px;
+}
+
+input#disfavor, input.disfavor {
+	background-image:url(icon_heart-02.png);
+}
+
+.notice_single:hover input.favor,
+.notice_single:hover input.disfavor {
+	background-color:#f3f8ea;
+}
+
+
+
 /* ----- Nav Footer ----- */
 #nav_sub {
 	clear: both;
@@ -686,44 +716,9 @@ input#openid_url {
 	line-height: 15px;
 }
 
-/* ----- favor/disfavor -----*/
 
-form#disfavor, form.disfavor  {
-	display: inline;
-	float: right;
-}
 
-input#disfavor, input.disfavor  {
-	display: inline;
-	color: #C15D42;
-	background-color: #FBF2D7;
-	cursor: pointer;
-	border: 0;
-	width: auto;
-	}
-
-form#favor, form.favor  {
-	display: inline;
-	float: right;
-}
-
-input#favor, input.favor  {
-	display: inline;
-	color: #C15D42;
-	background-color: #FBF2D7;
-	cursor: pointer;
-	border: 0;
-	width: auto;
-	}
-	
-input.favor:hover  {
-	background-color: #f7ebcc;
-}
 
-input.disfavor:hover  {
-	background-color: #f7ebcc;
-}
-	
 /* ----- direct message ----- */
 
 #message_form {
@@ -811,8 +806,8 @@ p.tagcloud a.smallest {
 font-size: 60%;
 }
 
-/* ----- Mailbox ----- */
 
+/* ----- Mailbox ----- */
 #messages {
 	clear: both;
 	margin: 0 auto;
@@ -844,4 +839,4 @@ font-size: 60%;
 	display: inline;
 	margin: 0;
 	padding: 0;
-	}
+	}
\ No newline at end of file
diff --git a/theme/default/icon_heart-01.png b/theme/default/icon_heart-01.png
new file mode 100644
index 000000000..4e77720ca
--- /dev/null
+++ b/theme/default/icon_heart-01.png
diff --git a/theme/default/icon_heart-02.png b/theme/default/icon_heart-02.png
new file mode 100644
index 000000000..2fbdd7b6c
--- /dev/null
+++ b/theme/default/icon_heart-02.png
diff --git a/theme/default/ie7.css b/theme/default/ie7.css
index bbf52d5cf..99bc4e79f 100644
--- a/theme/default/ie7.css
+++ b/theme/default/ie7.css
@@ -1,6 +1,14 @@
 @charset "UTF-8";
 /* CSS Document */
 
+
+input.disfavor,
+input.favor {
+	text-indent:0;
+	text-align:right;
+	padding-left:25px;
+}
+
 #statistics dd {
 	clear: both;
 	}		
@@ -17,4 +25,4 @@ img.avatar.original, img.avatar.profile {
 #nav_pagination li a {
 	padding: 6px 15px;
 	line-height: 27px;
-	}
\ No newline at end of file
+	}
diff --git a/theme/identica/display.css b/theme/identica/display.css
index 9d6416fb0..a3ef07f90 100644
--- a/theme/identica/display.css
+++ b/theme/identica/display.css
@@ -57,6 +57,7 @@ a {
      border-top: 1px solid #D8E2D7;
      }
 
+
 .instructions p, .success, .error {
      border: 1px solid #91AA9D;
      color: #FCFFF5;
@@ -174,21 +175,6 @@ textarea:focus, input:focus {
     background-color: #F3F8EA;
     }
 
-input#disfavor, input.disfavor  {
-    background-color: white;
-    }
-
-input#favor, input.favor  {
-    background-color: white;
-    }
-
-input.favor:hover  {
-    background-color: #F3F8EA;
-    }
-		   
-input.disfavor:hover  {
-    background-color: #F3F8EA;
-    }
 
 #messages {
     border-top: 1px solid #D8E2D7;
@@ -200,21 +186,4 @@ input.disfavor:hover  {
 
 .message_single:hover {
     background-color: #F3F8EA;
-    }
-
-
-					
-		
-	  
-	     
-		
-					
-			     
-
-				  
-	
-		
-					  
-			 
-     
-				       
\ No newline at end of file
+    }
\ No newline at end of file
diff --git a/theme/identica/ie6.css b/theme/identica/ie6.css
index f7aebf1b0..a301f1dc5 100644
--- a/theme/identica/ie6.css
+++ b/theme/identica/ie6.css
@@ -4,3 +4,11 @@
 #wrap {
 	background: url(bg-header.gif) repeat-x #FCFFF5;
 	}
+
+
+input.disfavor,
+input.favor {
+	text-indent:0px;
+	text-align:right;
+	padding-left:25px;
+}
\ No newline at end of file