tweak checkbox appearance a bit to conform better to general claro style

diff --git a/css/dijit.css b/css/dijit.css
index 671a0de279466328b83eab87059699293e81ec3a..f62f6e5611a66c7bc8d362ed176475683c788ca5 100644 (file)
--- a/css/dijit.css
+++ b/css/dijit.css
@@ -131,27 +131,27 @@
 .claro .dijitCheckBox {
        background-image : url("../images/untick.png");
        background-color : transparent;
-       width : 16px;
-       height : 16px;
+       width : 15px;
+       height : 15px;
+       margin : 1px;
+       opacity : 0.7;
        background-position : center center;    
-       opacity : 0.4;
-       -webkit-transition : opacity 0.25s;
        transition : opacity 0.25s;
-       border : 1px solid #eee;
-       border-radius : 2px;
+       -webkit-transition : opacity 0.25s;
+       border : 1px solid #b5bcc7;
        padding : 1px;
 }
 
-.claro .dijitCheckBox:hover {
+ .claro .dijitCheckBox:hover {
        opacity : 1;
 }
 
 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
-       opacity : 0.6;
+       opacity : 0.7;
 }
 
 .claro .dijitCheckBox.dijitCheckBoxChecked {
-       border-color : #ddffdd;
+       border-color : #69C671;
        background-image : url("../images/tick.png");
        opacity : 1;
 }

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 67e8aca7edff7689975bc6919c3f4866eec49074..676e7ba3eaeb38ad85abb921e6d317d348f5931b 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -1053,6 +1053,12 @@ div.enclosure_title {
 
 body#ttrssMain #headlines-frame .dijitCheckBox {
        border-width : 0px;
+       opacity : 0.5;
+}
+
+body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+       opacity : 1;
 }
 
 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {