From: Vlad Chernushevich <mailbox@happytodesign.com>
Date: Fri, 14 Jun 2013 23:42:43 +0000 (+0200)
Subject: Update options page styling
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=34edea2e058062b795c1607859f49e629185f29a;p=KiwiIRC.git

Update options page styling
---

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 4197354..4c36072 100644
--- 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 ddab3fb..d1170dc 100644
--- a/client/assets/src/index.html.tmpl
+++ b/client/assets/src/index.html.tmpl
@@ -178,19 +178,19 @@
                 <div class="input-group">
                     <div class="thumbnails">
                         <a class="thumbnail" data-setting="theme" data-value="relaxed" href="#">
-                            <img src="<%base_path%>/assets/img/themes/relaxed.jpg">
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>
                             <div class="caption"><u>Relaxed</u></div>
                         </a>
                         <a class="thumbnail" data-setting="theme" data-value="mini" href="#">
-                            <img src="<%base_path%>/assets/img/themes/mini.jpg">
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #fff;"></div></div>
                             <div class="caption"><u>Mini</u></div>
                         </a>
                         <a class="thumbnail" data-setting="theme" data-value="cli" href="#">
-                            <img src="<%base_path%>/assets/img/themes/cli.jpg">
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #222;"></div></div>
                             <div class="caption"><u>CLI</u></div>
                         </a>
                         <a class="thumbnail" data-setting="theme" data-value="basic" href="#">
-                            <img src="<%base_path%>/assets/img/themes/basic.jpg">
+                            <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>
                             <div class="caption"><u>Basic</u></div>
                         </a>
                     </div>