diff --git a/css/tt-rss.css b/css/tt-rss.css
index 65923ba7e98044fb4837d481ad83e70d605601d7..5befafd1fe2d0b03ec31eacc0858c49ad654f218 100644
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -407,6 +407,17 @@ a.hlFeed:hover {
 img.markedPic, img.pubPic {
 	cursor : pointer;
 	vertical-align : middle;
+	opacity : 0.5;
+	-webkit-transition : opacity 0.25s;
+	transition : opacity 0.25s;
+}
+
+img.markedPic:hover, img.pubPic:hover {
+	opacity : 1;
+}
+
+img[src*='pub_set.png'], img[src*='mark_set.png'] {
+	opacity : 1;
 }
 
 div.tagCloudContainer {
@@ -1188,4 +1199,21 @@ div.enclosure_title {
 
 }
 
+.claro .dijitCheckBox {
+	background-image : url("../images/untick.png");
+	background-color : transparent;
+	width : 16px;
+	height : 16px;
+	background-position : center center;	
+	opacity : 0.6;
+	-webkit-transition : opacity 0.5s;
+	transition : opacity 0.5s;
+}
+.claro .dijitCheckBox:hover {
+	opacity : 1;
+}
 
+.claro .dijitCheckBox.dijitCheckBoxChecked {
+	background-image : url("../images/tick.png");
+	opacity : 1;
+}
diff --git a/images/mark_unset.png b/images/mark_unset.png
index 537e2f0c07f517dd64e2112756e00aefc28f121c..15894b6ca06c96740a3ccc81e186a7502a790833 100644
Binary files a/images/mark_unset.png and b/images/mark_unset.png differ
diff --git a/images/pub_unset.png b/images/pub_unset.png
index 3629d4cb827c2d07b9c6630c5fdf53ff0179e898..56d0b78486a6a8a17852dff5e1bb3eb376009e24 100644
Binary files a/images/pub_unset.png and b/images/pub_unset.png differ
diff --git a/images/tick.png b/images/tick.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9925a06ab02db30c1e7ead9c701c15bc63145cb
Binary files /dev/null and b/images/tick.png differ
diff --git a/images/untick.png b/images/untick.png
new file mode 100644
index 0000000000000000000000000000000000000000..be3afe401c61ae096d1f2e4a3fa1bc276f035bad
Binary files /dev/null and b/images/untick.png differ