Update options page styling

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 41973541b7e5a3757842e1d56d2d474c76ff2d8f..4c360726d762f48f13d64784f3754a0569478254 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -219,7 +219,10 @@ html, body { height:100%; }
 
 
 /* Settings applet */
-#kiwi .settings{padding:50px}#kiwi .settings .clearfix:before,#kiwi .settings .list-inline:before,#kiwi .settings .thumbnails:before,#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{content:' ';display:table}#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{clear:both}#kiwi .settings .list-unstyled,#kiwi .settings .list-inline,#kiwi .settings .thumbnails{list-style-type:none;margin:0;padding:0}#kiwi .settings .list-inline>li,#kiwi .settings .thumbnails>li{display:inline-block}#kiwi .settings h1,#kiwi .settings h2,#kiwi .settings h3{margin-top:22px;margin-bottom:11px}#kiwi .settings h4,#kiwi .settings h5,#kiwi .settings h6{margin-top:11px;margin-bottom:11px}#kiwi .settings h1{font-size:46px}#kiwi .settings h2{font-size:40px}#kiwi .settings h3{font-size:34px}#kiwi .settings h4{font-size:28px}#kiwi .settings h5{font-size:22px}#kiwi .settings h6{font-size:16px}#kiwi .settings label{cursor:pointer}#kiwi .settings input,#kiwi .settings select,#kiwi .settings textarea{width:100%}#kiwi .settings input[size],#kiwi .settings select[size],#kiwi .settings textarea[size]{width:auto}#kiwi .settings input[type="file"],#kiwi .settings input[type="image"],#kiwi .settings input[type="submit"],#kiwi .settings input[type="reset"],#kiwi .settings input[type="button"],#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{width:auto}#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{cursor:pointer;margin-top:2px}#kiwi .settings input[type="checkbox"]{margin-top:3px}#kiwi .settings .radio,#kiwi .settings .checkbox{margin-bottom:10px;padding-left:20px}#kiwi .settings .radio label,#kiwi .settings .checkbox label{cursor:pointer}#kiwi .settings .radio:last-child,#kiwi .settings .checkbox:last-child{margin-bottom:0}#kiwi .settings .radio input[type="radio"],#kiwi .settings .checkbox input[type="checkbox"]{float:left;margin-left:-20px}#kiwi .settings .radio+.radio,#kiwi .settings .checkbox+.checkbox{margin-top:-7px}#kiwi .settings .thumbnail{float:left;margin-right:15px;text-align:center}#kiwi .settings .thumbnail>img{border-radius:3px;padding:3px}#kiwi .settings .thumbnail.active>img{background-color:#a6c42c;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c),color-stop(100%, #76bd2b));background-image:-webkit-linear-gradient(#a6c42c,#76bd2b);background-image:linear-gradient(#a6c42c,#76bd2b)}#kiwi .settings section{padding-bottom:20px}#kiwi .settings .input-group{margin:0 0 20px 20px}#kiwi .settings .input-group:last-child{margin-bottom:0}@media screen and (max-width: 768px){#kiwi .settings{padding:25px}}
+#kiwi div.settings{padding:50px}@media screen and (max-width: 768px){#kiwi div.settings{padding:25px}}#kiwi .settings .clearfix:before,#kiwi .settings .list-inline:before,#kiwi .settings .thumbnails:before,#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{content:' ';display:table}#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{clear:both}#kiwi .settings .list-unstyled,#kiwi .settings .list-inline,#kiwi .settings .thumbnails{list-style-type:none;margin:0;padding:0}#kiwi .settings .list-inline>li,#kiwi .settings .thumbnails>li{display:inline-block}#kiwi .settings h1,#kiwi .settings h2,#kiwi .settings h3{margin-top:22px;margin-bottom:11px}#kiwi .settings h4,#kiwi .settings h5,#kiwi .settings h6{margin-top:11px;margin-bottom:11px}#kiwi .settings h1{font-size:46px}#kiwi .settings h2{font-size:40px}#kiwi .settings h3{font-size:34px}#kiwi .settings h4{font-size:28px}#kiwi .settings h5{font-size:22px}#kiwi .settings h6{font-size:16px}#kiwi .settings label{cursor:pointer}#kiwi .settings input,#kiwi .settings select,#kiwi .settings textarea{width:100%}#kiwi .settings input[size],#kiwi .settings select[size],#kiwi .settings textarea[size]{width:auto}#kiwi .settings input[type="file"],#kiwi .settings input[type="image"],#kiwi .settings input[type="submit"],#kiwi .settings input[type="reset"],#kiwi .settings input[type="button"],#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{width:auto}#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{cursor:pointer;margin-top:2px}#kiwi .settings input[type="checkbox"]{margin-top:3px}#kiwi .settings .radio,#kiwi .settings .checkbox{margin-bottom:10px;padding-left:20px}#kiwi .settings .radio label,#kiwi .settings .checkbox label{cursor:pointer}#kiwi .settings .radio:last-child,#kiwi .settings .checkbox:last-child{margin-bottom:0}#kiwi .settings .radio input[type="radio"],#kiwi .settings .checkbox input[type="checkbox"]{float:left;margin-left:-20px}#kiwi .settings .radio+.radio,#kiwi .settings .checkbox+.checkbox{margin-top:-7px}#kiwi .settings .thumbnail{float:left;margin-right:15px;text-align:center}#kiwi .settings .thumbnail>.thumbnail_wrapper{border-radius:3px;padding:3px}#kiwi .settings .thumbnail>img{border-radius:2px}#kiwi .settings .thumbnail.active>.thumbnail_wrapper{background-color:#a6c42c;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c),color-stop(100%, #76bd2b));background-image:-webkit-linear-gradient(#a6c42c,#76bd2b);background-image:linear-gradient(#a6c42c,#76bd2b)}#kiwi .settings section{padding-bottom:20px}#kiwi .settings .theme_color{border-radius:2px;height:75px;width:75px}#kiwi .settings .input-group{margin:0 0 20px 20px}#kiwi .settings .input-group:last-child{margin-bottom:0}
+
+
+
 
 
 

diff --git a/client/assets/src/index.html.tmpl b/client/assets/src/index.html.tmpl
index ddab3fbd448f8e94220d08c5f2f62125976314de..d1170dc3df286d19cad13a50316bd059ee633e97 100644 (file)
--- a/client/assets/src/index.html.tmpl
+++ b/client/assets/src/index.html.tmpl
@@ -178,19 +178,19 @@
                 <div class="input-group">\r
                     <div class="thumbnails">\r
                         <a class="thumbnail" data-setting="theme" data-value="relaxed" href="#">\r
-                            <img src="<%base_path%>/assets/img/themes/relaxed.jpg">\r
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>\r
                             <div class="caption"><u>Relaxed</u></div>\r
                         </a>\r
                         <a class="thumbnail" data-setting="theme" data-value="mini" href="#">\r
-                            <img src="<%base_path%>/assets/img/themes/mini.jpg">\r
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #fff;"></div></div>\r
                             <div class="caption"><u>Mini</u></div>\r
                         </a>\r
                         <a class="thumbnail" data-setting="theme" data-value="cli" href="#">\r
-                            <img src="<%base_path%>/assets/img/themes/cli.jpg">\r
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #222;"></div></div>\r
                             <div class="caption"><u>CLI</u></div>\r
                         </a>\r
                         <a class="thumbnail" data-setting="theme" data-value="basic" href="#">\r
-                            <img src="<%base_path%>/assets/img/themes/basic.jpg">\r
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>\r
                             <div class="caption"><u>Basic</u></div>\r
                         </a>\r
                     </div>\r