CSS for unread button

linuxfrorg · Apr 24, 2011 · ca4fafe · ca4fafe
1 parent f9a4969
commit ca4fafe
Show file tree

Hide file tree

Showing 14 changed files with 139 additions and 22 deletions.
diff --git a/app/models/node.rb b/app/models/node.rb
@@ -113,7 +113,7 @@ def threads
 
   def self.readings_of(account_id)
     ids = $redis.keys("readings/*/#{account_id}").map {|x| x.scan(/\/(\d+)\//).first.first }
-    where(:id => ids)
+    visible.where(:id => ids)
   end
 
   def read_by(account_id)

diff --git a/public/stylesheets/contrib/black_bling.css b/public/stylesheets/contrib/black_bling.css
@@ -694,6 +694,20 @@ section#container div.vote input {
 	outline-width: 0;
 }
 
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border-width: 0;
+	background: #000000;
+	margin: 0;
+	padding: 0;
+	outline-width: 0;
+	text-decoration: underline;
+}
+
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/cascade-alternative.css b/public/stylesheets/contrib/cascade-alternative.css
@@ -789,6 +789,25 @@ section#container div.vote input:hover {
 	color: #B64545;
 	cursor: pointer;
 }
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border: thin solid transparent;
+	background: none;
+	color: #36598E;
+	margin:0;
+	padding:0;
+	font-style: italic;
+}
+section#container .action form.button_to input:hover {
+	border: thin solid transparent;
+	background: none;
+	color: #B64545;
+	cursor: pointer;
+}
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/cascade.css b/public/stylesheets/contrib/cascade.css
@@ -798,6 +798,25 @@ section#container div.vote input:hover {
 	color: #B64545;
 	cursor: pointer;
 }
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border: thin solid transparent;
+	background: none;
+	color: #36598E;
+	margin:0;
+	padding:0;
+	font-style: italic;
+}
+section#container .action form.button_to input:hover {
+	border: thin solid transparent;
+	background: none;
+	color: #B64545;
+	cursor: pointer;
+}
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/edition_papier.css b/public/stylesheets/contrib/edition_papier.css
@@ -624,6 +624,25 @@ section#container div.vote input:hover {
 	cursor: pointer;
 }
 
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border: none;
+	background: #FFFFFF;
+	margin:0;
+	padding:0;
+	font-style: italic;
+	color: #000000;
+	text-decoration: underline;
+}
+section#container .action form.button_to input:hover {
+	background: #F2F2F2;
+	cursor: pointer;
+}
+
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/grayscale.css b/public/stylesheets/contrib/grayscale.css
@@ -707,7 +707,7 @@ li > h2 > a {
 .tag_in_place {
 	display: inline;
 }
-.action, .vote > form > div > input {
+.action, .vote > form > div > input, input.unread {
 	-webkit-transition-property: color;
 	-webkit-transition-duration: 0.15s;
 	-moz-transition-duration: 0.15s;
@@ -729,6 +729,12 @@ li > h2 > a {
 .action:hover {
 	color: black;
 }
+.action .button_to, .action .button_to div {
+	display: inline;
+}
+.action .button_to input.unread {
+	border: none;
+}
 .comment .action:hover {
 	color: grey;
 }

diff --git a/public/stylesheets/contrib/grises.css b/public/stylesheets/contrib/grises.css
@@ -787,6 +787,26 @@ section#container div.vote input:hover {
 	color: #444444;
 	cursor: pointer;
 }
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border: thin solid transparent;
+	background: none;
+	color: #006699;
+	margin:0;
+	padding:0;
+}
+section#container .action form.button_to input:hover {
+	border: thin solid transparent;
+	background: none;
+	color: #444444;
+	cursor: pointer;
+	text-decoration: underline;
+}
+
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/kaiska-new.css b/public/stylesheets/contrib/kaiska-new.css
@@ -490,21 +490,21 @@ li.comment footer a.action:before {
 li.comment footer a.action:after {
   content: " ]";
 }
-div.vote > form.button_to {
+div.vote > form.button_to, span.action > form.button_to {
   display: inline;
 }
-div.vote > form.button_to div {
+div.vote > form.button_to div, span.action > form.button_to div {
   display: inline;
 }
-div.vote > form.button_to div input {
+div.vote > form.button_to div input, span.action > form.button_to div input {
   display: inline-block;
   border: none;
   background: none;
   padding: 0px;
   color: #36598E;
   cursor: pointer;
 }
-div.vote > form.button_to div input:hover {
+div.vote > form.button_to div input:hover, span.action > form.button_to div input:hover {
   text-decoration: underline;
 }
 .fold > p.meta,

diff --git a/public/stylesheets/contrib/kitch.css b/public/stylesheets/contrib/kitch.css
@@ -158,10 +158,10 @@ del.diffdel, del.diffmod { background-color: #f33; }
 /* Footers */
 #container article footer, .comment footer {  background:#080000 url(/images/contrib/kitch/fond_contenu.png) repeat-y -25px 0; font-size:0.8em; padding:0 1em 1em 3em;}
 #container article footer a, #container article footer .tag_in_place, .comment footer a {display:inline-block; padding: 0 0.5em 0 0.5em;}
-#container article footer .vote, .comment footer .vote { display:inline; }
-#container article footer .vote form, .comment footer .vote form { display:inline-block; }
-#container article footer .vote form input[type=submit], .comment footer .vote form input[type=submit] { background:#D60948;border:1px solid #D60948;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:black;}
-#container article footer .vote form input[type=submit]:hover, .comment footer .vote form input[type=submit]:hover { background:#FF775F;border-color:#FF775F;}
+#container article footer .vote, #container article footer span.action, .comment footer .vote { display:inline; }
+#container article footer .vote form, #container article footer span.action form, .comment footer .vote form { display:inline-block; }
+#container article footer .vote form input[type=submit], #container article footer span.action input, .comment footer .vote form input[type=submit] { background:#D60948;border:1px solid #D60948;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:black;}
+#container article footer .vote form input[type=submit]:hover, #container article footer span.action input:hover, .comment footer .vote form input[type=submit]:hover { background:#FF775F;border-color:#FF775F;}
 #container article footer .tag_in_place { display:inline-block;}
 
 /* Toolbar */

diff --git a/public/stylesheets/contrib/nightgrey.css b/public/stylesheets/contrib/nightgrey.css
@@ -825,7 +825,7 @@ footer.actions:before {
   border: 1px solid red;
 }
 
-.vote form {
+.vote form, .action form.button_to {
   display: inline-block;
 }
 
@@ -960,19 +960,20 @@ footer.actions .tag_in_place {
   height: 3.5em !important;
 }
 
-footer .vote {
+footer .vote, footer span.action {
   margin-left: 5px;
 }
 
-div.vote input {
+div.vote input, span.action input {
     background: none repeat scroll 0 0 transparent;
     border: thin solid transparent;
     color: #605C50;
     font-style: italic;
     cursor: pointer;
 }
 
-div.vote, div.vote form.button_to, div.vote form.button_to div {
+div.vote, div.vote form.button_to, div.vote form.button_to div,
+span.action, span.action form.button_to, span.action form.button_to div {
   display: inline;
 }
 

diff --git a/public/stylesheets/contrib/opensuse.css b/public/stylesheets/contrib/opensuse.css
@@ -792,6 +792,25 @@ section#container div.vote input:hover {
 	color: #669900;
 	cursor: pointer;
 }
+/* Le bouton oublier */
+.action form.button_to,
+.action form.button_to div {
+	display: inline;
+}
+section#container .action form.button_to input {
+	border: thin solid transparent;
+	background: none;
+	color: #006699;
+	margin:0;
+	padding:0;
+}
+section#container .action form.button_to input:hover {
+	border: thin solid transparent;
+	background: none;
+	color: #669900;
+	cursor: pointer;
+	text-decoration: underline;
+}
 /* Tout les commentaires */
 div#comments {
 	margin: 4em auto;

diff --git a/public/stylesheets/contrib/retro.css b/public/stylesheets/contrib/retro.css
@@ -155,10 +155,10 @@ del.diffdel, del.diffmod { background-color: #f33; }
 /* Footers */
 #container article footer, .comment footer {  background:#F5F5F5 url(/images/contrib/retro/fond_contenu.png) repeat-y -25px 0; font-size:0.8em; padding:0 1em 1em 3em;}
 #container article footer a, #container article footer .tag_in_place, .comment footer a {display:inline-block; padding: 0 0.5em 0 0.5em;}
-#container article footer .vote, .comment footer .vote { display:inline; }
-#container article footer .vote form, .comment footer .vote form { display:inline-block; }
-#container article footer .vote form input[type=submit], .comment footer .vote form input[type=submit] { background:#cac1a5;border:1px solid #cac1a5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:black;}
-#container article footer .vote form input[type=submit]:hover, .comment footer .vote form input[type=submit]:hover { background:#d4d1b6;border-color:#d4d1b6;}
+#container article footer .vote, #container article footer span.action, .comment footer .vote { display:inline; }
+#container article footer .vote form, #container article footer span.action form, .comment footer .vote form { display:inline-block; }
+#container article footer .vote form input[type=submit], #container article footer span.action input, .comment footer .vote form input[type=submit] { background:#cac1a5;border:1px solid #cac1a5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:black;}
+#container article footer .vote form input[type=submit]:hover, #container article footer span.action input:hover, .comment footer .vote form input[type=submit]:hover { background:#d4d1b6;border-color:#d4d1b6;}
 #container article footer .tag_in_place { display:inline-block;}
 
 /* Toolbar */

diff --git a/public/stylesheets/contrib/spasibo-mobile.png b/public/stylesheets/contrib/spasibo-mobile.png
diff --git a/public/stylesheets/contrib/spasibo.css b/public/stylesheets/contrib/spasibo.css
@@ -610,19 +610,19 @@ footer.actions > .new_comments:before, footer.actions > .not_read:after {
 	z-index: 15;
 }
 
-footer.actions .vote {
+footer.actions .vote, footer.actions span.action {
 	font-size: .8em;
 }
 
-footer.actions .vote {
+footer.actions .vote, footer.actions span.action {
 	display: inline;
 }
 
-footer.actions .vote * {
+footer.actions .vote *, footer.actions span.action * {
 	display: inline;
 }
 
-footer.actions .vote input[value=pertinent], #comment_preview, #news_preview, button, #account_submit, #stylesheets-edit input[type=submit] {
+footer.actions .vote input[value=pertinent], #comment_preview, #news_preview, button, #account_submit, #stylesheets-edit input[type=submit], footer.actions input.unread {
 	border: solid 1px green;
 	background-color: #007000;
 	color: #FFFFFF;