relaxed theme panellist styling
authorDarren <darren@darrenwhitlen.com>
Sat, 24 May 2014 15:31:58 +0000 (16:31 +0100)
committerDarren <darren@darrenwhitlen.com>
Sat, 24 May 2014 15:31:58 +0000 (16:31 +0100)
client/assets/themes/relaxed/style.css

index 56d7b8d4ee605ac1fb6cb8ee248d81f1933ecff1..47f73de4580edb080a21dbe58106d626f978b429 100644 (file)
     border-radius: 3px;
 }
 #kiwi .toolbar {
-    background-color:#1B1B1B; font-size:0.9em;
+    background-color:#121314; font-size:0.9em;
     box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
     z-index: 1;
 }
 #kiwi .controlbox {
-    background-color:#1B1B1B;
+    background-color:#121314;
     box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
 }
 #kiwi .memberlists_resize_handle {
     /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
 }
+
+#kiwi .toolbar .connections { list-style: none; }
+#kiwi .toolbar .panellist {
+    background: #2b2b2b;
+    color: #a5a5a5;
+    margin: 5px 0 0 5px;
+    float: left;
+}
+#kiwi .toolbar .panellist.applets { }
 #kiwi .toolbar .panellist li {
     line-height: 1.4em;
     vertical-align: middle;
 
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
-    -khtml-border-radius:5px;
-    border-radius:5px;
-    behavior: url(border-radius.htc);
-
-    background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0.38, rgb(238,238,238)),
-        color-stop(0.68, rgb(209,209,209))
-    );
-    background-image: -moz-linear-gradient(
-        center top,
-        rgb(238,238,238) 38%,
-        rgb(209,209,209) 68%
-    );
-
-    border: 1px solid #333;
-    background-color: #eee;
+    display: list-item;
+    float: left;
+    border: none;
+    background: none;
+    padding: 8px;
+    margin: 0;
 }
 
 #kiwi .toolbar .panellist .alert_highlight { /*background: #990000;*/ }
 #kiwi .toolbar .panellist .alert_activity { font-weight:normal; }
 #kiwi .toolbar .panellist .alert_action { font-weight:normal; }
 
-#kiwi .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; }
+#kiwi .toolbar .panellist .active { padding-top: 6px; padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; }
 #kiwi .toolbar .panellist li .part:before { content:"\f00d"; }
 
-#kiwi .toolbar .panellist li.server span { padding-left: 5px; }
+#kiwi .toolbar .panellist li.server span { padding-left: 5px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
 #kiwi.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; }
 #kiwi .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; }
 
 
 #kiwi .controlbox .nickchange {
     padding:10px; left: 0px;
-    background: #1B1B1B; color:#eeeeee;
+    background: #121314; color:#eeeeee;
 }
 #kiwi .controlbox .nickchange input { padding:0.3em 0.5em; margin-left: 0.5em; width: 165px; }
 #kiwi .controlbox .nickchange button { padding:0.5em; margin: 0 0.5em 0 1em; }
 
 
 
-#kiwi .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; }
+#kiwi .toolbar .topic { background-color:#121314; padding-bottom:2px; }
 #kiwi .toolbar .topic div {
     padding: 0.2em 1em;
     text-align: center;
     background-color:#FFF;
     z-index: 1;
     height:auto; bottom:auto;
-    border-bottom: 2px solid #1B1B1B;
+    border-bottom: 2px solid #121314;
 }
 
 
 #kiwi.chanlist_treeview .toolbar { position:static; }
 #kiwi.chanlist_treeview .toolbar .app_tools { float:none; }
 #kiwi.chanlist_treeview .toolbar > div { margin-left:160px; }
-#kiwi.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; }
+#kiwi.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#121314; overflow-y:auto; }
+#kiwi.chanlist_treeview .toolbar .panellist { float: none; display: block; margin-right: 5px; }
 #kiwi.chanlist_treeview .tabs ul li { display:block; float:none; }
 #kiwi.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; }
+#kiwi.chanlist_treeview .toolbar .panellist li {
+    padding: 4px 8px;
+}
+#kiwi.chanlist_treeview .toolbar .panellist .active { padding-left: 6px; padding-right:23px; border:none; border-left:2px solid #df6b26; border-bottom:none; }
 #kiwi.chanlist_treeview .tabs ul li.active {
     margin-right:0;
     border-right-width:0;
-    border-bottom-right-radius:0;
-    border-top-right-radius:0;
 }
 #kiwi .applet_chanlist {
     margin: 0.5em 1em;