From 05934d3372bc524fc2ed1f3cc28e8d264316d2bc Mon Sep 17 00:00:00 2001 From: Jack Allnutt Date: Thu, 24 Oct 2013 01:15:45 +0100 Subject: [PATCH] Split themes off into individual .css files config.example.js now lists which themes are available for use by the client. TODO: Auto-generate 'thumbnails' for the themes in the settings applet. --- client/assets/css/style.css | 1184 -------------------- client/assets/src/app.js | 9 + client/assets/src/themes/basic/style.css | 286 +++++ client/assets/src/themes/cli/style.css | 250 +++++ client/assets/src/themes/mini/style.css | 235 ++++ client/assets/src/themes/relaxed/style.css | 374 +++++++ client/assets/src/views/application.js | 15 +- config.example.js | 8 +- 8 files changed, 1172 insertions(+), 1189 deletions(-) create mode 100644 client/assets/src/themes/basic/style.css create mode 100644 client/assets/src/themes/cli/style.css create mode 100644 client/assets/src/themes/mini/style.css create mode 100644 client/assets/src/themes/relaxed/style.css diff --git a/client/assets/css/style.css b/client/assets/css/style.css index f995035..a051e6b 100644 --- a/client/assets/css/style.css +++ b/client/assets/css/style.css @@ -472,1187 +472,3 @@ html, body { height:100%; } padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden; } #kiwi .ui_menu .ui_menu_foot .close { } - - - - - -/** - * Themes - */ - - -/* Relaxed theme */ -#kiwi.theme_relaxed { - background: url(../img/background-light.png) left top repeat-x #E3E3E3; - color: #555555; -} -#kiwi.theme_relaxed, -#kiwi.theme_relaxed input, -#kiwi.theme_relaxed button, -#kiwi.theme_relaxed textarea { - font-family:Arial, Helvetica, sans-serif; - font-size:14px; line-height:1.4em; -} -#kiwi.theme_relaxed button, #kiwi.theme_relaxed input { padding: 3px 7px; } -#kiwi.theme_relaxed input, #kiwi.theme_relaxed textarea { - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); - border: none; - border-radius: 3px; -} -#kiwi.theme_relaxed .toolbar { - background-color:#1B1B1B; font-size:0.9em; -} -#kiwi.theme_relaxed .controlbox { background-color:#1B1B1B; } -#kiwi.theme_relaxed .memberlists_resize_handle { - /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ -} -#kiwi.theme_relaxed .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; -} - -#kiwi.theme_relaxed .toolbar .panellist .alert_highlight { /*background: #990000;*/ } -#kiwi.theme_relaxed .toolbar .panellist .alert_activity { font-weight:normal; } -#kiwi.theme_relaxed .toolbar .panellist .alert_action { font-weight:normal; } - -#kiwi.theme_relaxed .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } -#kiwi.theme_relaxed .toolbar .panellist li .part:before { content:"\f00d"; } - -#kiwi.theme_relaxed .toolbar .panellist li.server span { padding-left: 5px; } -#kiwi.theme_relaxed.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } -#kiwi.theme_relaxed .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } - -/* Tab texts are within a span */ -#kiwi.theme_relaxed .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } - -#kiwi.theme_relaxed .toolbar .panellist li.active .activity { display:none; } -#kiwi.theme_relaxed .toolbar .panellist li .activity.zero { visibility:hidden; } -#kiwi.theme_relaxed .toolbar .panellist li .activity { - padding: 1px 3px; margin-left:1em; - border-radius: 4px; - background: #3F9532; color:#000; /*color: #ff5300;*/ - text-align: center; font-size: 10px; - display:inline-block; - width:2em; -} -#kiwi.theme_relaxed .toolbar .panellist li.alert_highlight .activity { - color: #fff; background: #a60400; -} - -#kiwi.theme_relaxed .status_message { - background: #FEEFB3; color: #9F6000; - border-bottom: 1px solid; - padding: 0.9em; - text-align: center; font-size:1.1em; -} -#kiwi.theme_relaxed .status_message.err { color:#D8000C; background:#FFBABA; } - -#kiwi.theme_relaxed .messages { color: #333333; } -#kiwi.theme_relaxed .messages.active { } -#kiwi.theme_relaxed .messages a { text-decoration:none; } - -#kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } -#kiwi.theme_relaxed .messages .msg .time { width:5em; float:left; color:#777; padding:5px; display:none; } -#kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; } -#kiwi.theme_relaxed .messages .msg .text { display:block; margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:arial; padding:5px; } - -#kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } -#kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } - -#kiwi.theme_relaxed .messages .msg.action .nick { } -#kiwi.theme_relaxed .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } -#kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } -#kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } -#kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } -#kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } -#kiwi.theme_relaxed .messages .msg.status .nick { } -#kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } -#kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } -#kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } -#kiwi.theme_relaxed .messages .msg.motd { border:none; } -/*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ -#kiwi.theme_relaxed .messages .msg.motd .text { color:#666; font-family:monospace; } -#kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } -#kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } -#kiwi.theme_relaxed .messages .msg.error .text { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_relaxed.timestamps .messages .msg .time { display:block; } -#kiwi.theme_relaxed.timestamps .messages .msg .text { margin-left:17em; } - -#kiwi.theme_relaxed .messages .msg.global_nick_highlight, -#kiwi.theme_relaxed .messages .msg.highlight { transition: background 0.3s; background:#D9D9D9; } -#kiwi.theme_relaxed .messages .msg.repeated_nick .nick { visibility:hidden; } - -/* Narrow styling (window width < 400px) */ -#kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } -#kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } -#kiwi.theme_relaxed.narrow .messages .msg.action .text { margin-left: 1em; } - - -#kiwi.theme_relaxed .messages .msg .media { margin-left:0.5em; } -#kiwi.theme_relaxed .messages .msg .media .media_close { font-size:0.9em; } -#kiwi.theme_relaxed .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; } -#kiwi.theme_relaxed .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } -#kiwi.theme_relaxed .messages .msg .media .media_content > .content { - background: white; - overflow: hidden; - padding: 10px; - border: #DDD 1px solid; - border-top-color: #EEE; - border-bottom-color: #BBB; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - border-radius: 5px; - float: left; -} - -#kiwi.theme_relaxed .messages .msg .media.twitter .media_content > .content { - background: transparent; - border:none; - overflow: hidden; - box-shadow: none; - padding: 0; -} -#kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail_nsfw { - display: inline-block; - float: left; -} -#kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } - - -#kiwi.theme_relaxed .memberlists { - background-color: #DADADA; - border-left: 1px solid #8A8A8A; -} -#kiwi.theme_relaxed.narrow .memberlists { display:none; } -#kiwi.theme_relaxed .memberlists ul { list-style: none; } -#kiwi.theme_relaxed .memberlists ul.active { } -#kiwi.theme_relaxed .memberlists ul li { padding: 0.2em 1em; } -#kiwi.theme_relaxed .memberlists ul li:hover { - border-left: 5px solid #88C56A; - -webkit-transition: 0.2s ease; - -moz-transition: 0.2s ease; - -ms-transition: 0.2s ease; - -o-transition: 0.2s ease; - transition: 0.2s ease; -} -#kiwi.theme_relaxed .memberlists ul li a.nick { display:block; color:black; } - -#kiwi.theme_relaxed .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } -#kiwi.theme_relaxed .userbox a { display:block; text-decoration:none; margin-bottom:2px; } -#kiwi.theme_relaxed .userbox a i { font-size:1.1em; margin-right:5px; } - -/* User mode styles */ -#kiwi.theme_relaxed .memberlists ul li .prefix { - display:none; - width:20px; height:20px; - border-radius: 5px; - margin: 0 7px 0 0; - font-size:12px; text-align: center; - color: #E3E3E3; - /* text-indent: -1000px; */ -} -/* Most important modes towards the bottom - they override the top ones! */ -#kiwi.theme_relaxed .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; } -#kiwi.theme_relaxed .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; } -#kiwi.theme_relaxed .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; } -#kiwi.theme_relaxed .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; } -#kiwi.theme_relaxed .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; } - -#kiwi.theme_relaxed .controlbox .input { - background:#fff; margin:3px; - height:1.7em; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; -} -#kiwi.theme_relaxed .controlbox .input .nick a { text-decoration:none; color:black; } -#kiwi.theme_relaxed .controlbox .input .nick { - text-align: right; - width: 11em; - left: 0px; - position: absolute; - overflow: hidden; - background-color: #eee; - border-radius: 3px 0 0 3px; - border-right: 1px solid #ccc; - padding: 2px; - padding-right: 0.5em; -} - -#kiwi.theme_relaxed.narrow .controlbox .input .nick { display:none; } -#kiwi.theme_relaxed.narrow .controlbox .input .input_wrap { left:7px; } - -#kiwi.theme_relaxed .controlbox .input .input_wrap { - position:absolute; - right:7px; left: 12.2em; - height:1.7em; -} -#kiwi.theme_relaxed .controlbox .input .inp { - line-height:1.7em; - border: medium none; - box-shadow: none; - border-radius: 0; - outline:none; resize:none; - overflow:hidden; - position:relative; - height:100%; width:100%; - display: block; -} - - -#kiwi.theme_relaxed .controlbox .nickchange { - padding:10px; left: 0px; - background: #1B1B1B; color:#eeeeee; -} -#kiwi.theme_relaxed .controlbox .nickchange input { padding:0.3em 0.5em; } -#kiwi.theme_relaxed .controlbox .nickchange button { padding:0.5em; } - - - -#kiwi.theme_relaxed .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; } -#kiwi.theme_relaxed .toolbar .topic div { - padding: 0.2em 1em; - text-align: center; - box-shadow: none; - border-radius: 0; - background-color:#FFF; - height: 1.5em; - overflow: hidden; - outline: none; - white-space: nowrap; -} -#kiwi.theme_relaxed .toolbar .topic:hover div { - min-height:1.5em; - white-space:pre-wrap; word-wrap:break-word; - overflow:visible; - background-color:#FFF; - z-index: 1; - height:auto; bottom:auto; - border-bottom: 2px solid #1B1B1B; -} - - -#kiwi.theme_relaxed .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } -#kiwi.theme_relaxed.narrow .toolbar .tabs { margin-right:0; } -#kiwi.theme_relaxed.narrow .toolbar .app_tools { width:auto; } -#kiwi.theme_relaxed .toolbar .app_tools ul li { - font-size:26px; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - transition: all .3s ease; - margin-left:10px; -} -#kiwi.theme_relaxed .toolbar .app_tools ul li:hover { color:#88C56A; } -#kiwi.theme_relaxed .toolbar .app_tools img { } - - -/* The server select dialog */ -#kiwi.theme_relaxed .server_select { margin-left:auto; margin-right:auto; } -#kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; } -#kiwi.theme_relaxed .server_select table tr td { padding:5px; } -#kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; } -#kiwi.theme_relaxed .server_select input { padding:3px 7px; width:150px; } -#kiwi.theme_relaxed .server_select label { } -#kiwi.theme_relaxed .server_select br { clear:both; } -#kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } -#kiwi.theme_relaxed .server_select .basic input { width:170px; } -#kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; } -#kiwi.theme_relaxed .server_select .basic tr.have_pass { font-size:0.8em; } -#kiwi.theme_relaxed .server_select .basic tr.have_key { font-size:0.8em; } -#kiwi.theme_relaxed .server_select .basic tr.channel td { padding-top:1em; } -#kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } -#kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } -#kiwi.theme_relaxed .server_select.single_server .basic { border:none; } -#kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; } -#kiwi.theme_relaxed .server_select .status.ok { } -#kiwi.theme_relaxed .server_select .status.error { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - - -#kiwi.theme_relaxed .server_select .kiwi_logo { margin-top:30px; } -#kiwi.theme_relaxed .server_select .kiwi_logo h1 span { - font-size:14px; - line-height:24px; vertical-align: middle; - color: #555555; -} -#kiwi.theme_relaxed .server_select .kiwi_logo img { display:inline; width:24px; } - - -#kiwi.theme_relaxed.chanlist_treeview .panels { left:160px; } -#kiwi.theme_relaxed.chanlist_treeview .toolbar { position:static; } -#kiwi.theme_relaxed.chanlist_treeview .toolbar .app_tools { float:none; } -#kiwi.theme_relaxed.chanlist_treeview .toolbar > div { margin-left:160px; } -#kiwi.theme_relaxed.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } -#kiwi.theme_relaxed.chanlist_treeview .tabs ul li { display:block; float:none; } -#kiwi.theme_relaxed.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; } -#kiwi.theme_relaxed.chanlist_treeview .tabs ul li.active { - margin-right:0; - border-right-width:0; - border-bottom-right-radius:0; - border-top-right-radius:0; -} - - -#kiwi.theme_relaxed .applet > div.settings button.save { - padding:1em 2em; - border:1px solid gray; border-radius:3px; -} -#kiwi.theme_relaxed .applet > div.settings tr { - border-bottom: 1px dashed black; -} - -#kiwi.theme_relaxed .applet > div.settings td.label { - font-weight: bold; -} -#kiwi.theme_relaxed .applet > div.settings tr.save { - text-align: right; -} - - -#kiwi.theme_relaxed .ui_menu { - border-radius: 3px; - color: #333; - box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -} -#kiwi.theme_relaxed .ui_menu .ui_menu_title { - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -#kiwi.theme_relaxed .ui_menu .ui_menu_content { } -#kiwi.theme_relaxed .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } -#kiwi.theme_relaxed .ui_menu .ui_menu_foot { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -#kiwi.theme_relaxed .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } -#kiwi.theme_relaxed .ui_menu .ui_menu_foot .close:hover { color: #222; } - - - - - -/** - * Mini theme - */ -#kiwi.theme_mini { - background: #FFF; - color: #555555; -} -#kiwi.theme_mini, -#kiwi.theme_mini input, -#kiwi.theme_mini button, -#kiwi.theme_mini textarea { - font-family:Arial, Helvetica, sans-serif; - font-size:14px; line-height:1.4em; -} -#kiwi.theme_mini button, #kiwi.theme_mini input { padding: 3px 7px; } -#kiwi.theme_mini input, #kiwi.theme_mini textarea { - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); - border: none; - border-radius: 3px; -} -#kiwi.theme_mini .toolbar { - background-color:#1B1B1B; font-size:0.9em; -} -#kiwi.theme_mini .controlbox { background-color:#1B1B1B; } -#kiwi.theme_mini .memberlists_resize_handle { - display:none; width:0; -} -#kiwi.theme_mini .toolbar .panellist li { - line-height: 1.4em; - vertical-align: middle; - - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; - - border: 1px solid #333; - background-color: #eee; -} - -#kiwi.theme_mini .toolbar .tabs { margin-right:0 !important; } -#kiwi.theme_mini .toolbar .panellist .alert_highlight { font-weight:bold; } -#kiwi.theme_mini .toolbar .panellist .alert_activity { font-weight:normal; } -#kiwi.theme_mini .toolbar .panellist .alert_action { font-weight:normal; } - -#kiwi.theme_mini .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } -#kiwi.theme_mini .toolbar .panellist li .part:before { content:"\f00d"; } - -#kiwi.theme_mini .toolbar .panellist li.server span { padding-left:5px; } -#kiwi.theme_mini.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } -#kiwi.theme_mini .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } - -/* Tab texts are within a span */ -#kiwi.theme_mini .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } - -#kiwi.theme_mini .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } -#kiwi.theme_mini .toolbar .panellist li .activity:before { content:"("; } -#kiwi.theme_mini .toolbar .panellist li .activity:after { content:")"; } - -#kiwi.theme_mini .status_message { - background: #FEEFB3; color: #9F6000; - border-bottom: 1px solid; - padding: 0.9em; - text-align: center; font-size:1.1em; -} -#kiwi.theme_mini .status_message.err { color:#D8000C; background:#FFBABA; } - -#kiwi.theme_mini .messages { color: #333333; } -#kiwi.theme_mini .messages.active { } -#kiwi.theme_mini .messages a { text-decoration:none; } - -#kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; } -#kiwi.theme_mini .messages .msg .time { display:none; } -#kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; } -#kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; } - -#kiwi.theme_mini .messages .msg.action .nick { } -#kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } -#kiwi.theme_mini .messages .msg.action.join { color:#009900; } -#kiwi.theme_mini .messages .msg.action.part .text { color:#900; } -#kiwi.theme_mini .messages .msg.action.quit .text { color:#900; } -#kiwi.theme_mini .messages .msg.action.kick .text { color:#900; } -#kiwi.theme_mini .messages .msg.status .nick { } -#kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } -#kiwi.theme_mini .messages .msg.topic .nick { display:none; } -#kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } -#kiwi.theme_mini .messages .msg.motd { border:none; } -/*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/ -#kiwi.theme_mini .messages .msg.motd .text { color:#666; } -#kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; } -#kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } -#kiwi.theme_mini .messages .msg.error .text { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_mini .messages .msg.global_nick_highlight, -#kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; } - - - -#kiwi.theme_mini.chanlist_treeview .panels { left:160px; } -#kiwi.theme_mini.chanlist_treeview .toolbar { position:static; } -#kiwi.theme_mini.chanlist_treeview .toolbar .app_tools { float:none; } -#kiwi.theme_mini.chanlist_treeview .toolbar > div { } -#kiwi.theme_mini.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } -#kiwi.theme_mini.chanlist_treeview .tabs ul li { display:block; float:none; } -#kiwi.theme_mini.chanlist_treeview .tabs ul li .activity { float:right; } -#kiwi.theme_mini.chanlist_treeview .tabs ul li.active { padding-left:1em; } - - - - -#kiwi.theme_mini .memberlists { - background-color: #DADADA; - border-left: 1px solid #8A8A8A; - display:none; - width:0px; -} -#kiwi.theme_mini .memberlists ul { list-style: none; } -#kiwi.theme_mini .memberlists ul.active { } -#kiwi.theme_mini .memberlists ul li { padding: 0.2em 1em; } -#kiwi.theme_mini .memberlists ul li:hover { - border-left: 5px solid #88C56A; - -webkit-transition: 0.2s ease; - -moz-transition: 0.2s ease; - -ms-transition: 0.2s ease; - -o-transition: 0.2s ease; - transition: 0.2s ease; -} -#kiwi.theme_mini .memberlists ul li a.nick { display:block; color:black; } - -#kiwi.theme_mini .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } -#kiwi.theme_mini .userbox a { display:block; text-decoration:none; margin-bottom:2px; } -#kiwi.theme_mini .userbox a i { font-size:1.1em; margin-right:5px; } - - -#kiwi.theme_mini .controlbox .input { - background:#fff; margin:3px; - height:1.7em; -} -#kiwi.theme_mini .controlbox .input .nick { display:none; } -#kiwi.theme_mini .controlbox .input .nick a { text-decoration:none; color:black; } -#kiwi.theme_mini .controlbox .input .input_wrap { - position:absolute; - right:3px; left:3px; - height:1.7em; -} -#kiwi.theme_mini .controlbox .input .inp { - line-height:1.7em; - border: medium none; - box-shadow: none; - border-radius: 0; - resize:none; - overflow:hidden; - position:relative; - height:100%; width:100%; - display: block; -} - - -#kiwi.theme_mini .controlbox .nickchange { - padding:10px; left: 0px; - background: #1B1B1B; color:#eeeeee; -} -#kiwi.theme_mini .controlbox .nickchange input { padding:0.3em 0.5em; } -#kiwi.theme_mini .controlbox .nickchange button { padding:0.5em; } - - - -#kiwi.theme_mini .toolbar .topic { display:none; } -#kiwi.theme_mini .toolbar .topic div { - top:2; bottom:2px; left:0; width:100%; - padding: 0.2em 1em; - text-align: center; - box-shadow: none; - border-radius: 0; - background-color:#FFF; - height: 1.5em; - overflow: hidden; - outline: none; -} - - -#kiwi.theme_mini .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } -#kiwi.theme_mini .toolbar .app_tools ul li { - font-size:26px; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - transition: all .3s ease; - margin-left:10px; -} -#kiwi.theme_mini .toolbar .app_tools ul li:hover { color:#88C56A; } -#kiwi.theme_mini .toolbar .app_tools img { } - - -/* The server select dialog */ -#kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } -#kiwi.theme_mini .server_select .more { display:none; } -#kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:1em auto; } -#kiwi.theme_mini .server_select input.nick { - float:none; display:block; width:80%; - padding:0.5em 1em; margin:0 auto; - text-align: center; -} -#kiwi.theme_mini .server_select label { display:none; } -#kiwi.theme_mini .server_select br { clear:both; } -#kiwi.theme_mini .server_select .basic { border:none; } -#kiwi.theme_mini .server_select .basic table { width:100%; } -#kiwi.theme_mini .server_select .basic table tr.channel, -#kiwi.theme_mini .server_select .basic table tr.pass, -#kiwi.theme_mini .server_select .basic table tr.have_pass { display:none; } -#kiwi.theme_mini .server_select .basic table tr.key, -#kiwi.theme_mini .server_select .basic table tr.have_key { display:none; } -#kiwi.theme_mini .server_select .basic .show_more { display:none !important; } -#kiwi.theme_mini .server_select.single_server .basic { border:none; } -#kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; } -#kiwi.theme_mini .server_select .status.ok { } -#kiwi.theme_mini .server_select .status.error { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_mini .server_select .kiwi_logo h1 span { - font-size:14px; - line-height:24px; vertical-align: middle; - color: #555555; -} -#kiwi.theme_mini .server_select .kiwi_logo img { display:inline; width:24px; } - -#kiwi.theme_mini .server_select .side_panel { display: none; } -#kiwi.theme_mini .server_select .server_details { - position: relative !important; - float: none !important; - width: auto !important; - padding: 0 !important; - margin: 2em 0 0 0 !important; -} - - - - - - - - -/* CLI theme */ -#kiwi.theme_cli { background:#222222; color:#6d6d6d; } -#kiwi.theme_cli, -#kiwi.theme_cli input, -#kiwi.theme_cli button, -#kiwi.theme_cli textarea { - font-family:Arial, Helvetica, sans-serif; - font-size:14px; line-height:1.4em; -} -#kiwi.theme_cli button, #kiwi.theme_cli input { padding: 3px 7px; } - -#kiwi.theme_cli .controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } -#kiwi.theme_cli .controlbox .input_wrap:before { content:"> " } -#kiwi.theme_cli .controlbox .input { background:none; border:none;} -#kiwi.theme_cli .controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; overflow:hidden; } -#kiwi.theme_cli .controlbox .input .input_wrap { - position:absolute; - right:7px; left: 12.2em; - height:1.7em; -} -#kiwi.theme_cli .controlbox .input .inp { - line-height:1.4em; - font-size:1.3em; - background:transparent; color:#909090; - border: medium none; - box-shadow: none; - border-radius: 0; - outline:none; resize:none; - overflow:hidden; - position:absolute; - top: 0px; - height:99%; width:98%; - display: inline; - padding-left:0.5em; -} - -#kiwi.theme_cli .toolbar .topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; } -#kiwi.theme_cli .toolbar .topic div { - width:100%; height: 1.5em; - padding: 0.2em 1em; - text-align: center; - color:#6d6d6d; - border:none; outline:none; - overflow: hidden; - white-space: nowrap; -} -#kiwi.theme_cli .toolbar .topic:hover div { - min-height:1.5em; - white-space:pre-wrap; word-wrap:break-word; - overflow:visible; - background-color:#111111; - z-index: 1; - height:auto; bottom:auto; - border-bottom: 1px solid #444444; -} - -#kiwi.theme_cli .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } -#kiwi.theme_cli .toolbar .app_tools ul li { - font-size:26px; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - transition: all .3s ease; - margin-left:10px; -} -#kiwi.theme_cli .toolbar .app_tools ul li:hover { color:#88C56A; } -#kiwi.theme_cli .toolbar .app_tools img { } - -#kiwi.theme_cli .toolbar .panellist li { - line-height: 1.4em; - vertical-align: middle; - - border: 1px solid #333; - background-color: #111; -} - -#kiwi.theme_cli .toolbar .panellist .alert_highlight { font-weight:bold; } -#kiwi.theme_cli .toolbar .panellist .alert_activity { font-weight:normal; } -#kiwi.theme_cli .toolbar .panellist .alert_action { font-weight:normal; } - -#kiwi.theme_cli .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } -#kiwi.theme_cli .toolbar .panellist li .part:before { content:"\f00d"; } - -#kiwi.theme_cli .toolbar .panellist li.server span { padding-left:5px; } -#kiwi.theme_cli.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } -#kiwi.theme_cli .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } - -/* Tab texts are within a span */ -#kiwi.theme_cli .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } - -#kiwi.theme_cli .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } -#kiwi.theme_cli .toolbar .panellist li .activity:before { content:"("; } -#kiwi.theme_cli .toolbar .panellist li .activity:after { content:")"; } -#kiwi.theme_cli .toolbar .panellist li.alert_highlight .activity { - color: #fff; background: #a60400; padding:2px; border-radius:3px; -} - - -#kiwi.theme_cli .memberlists { background:#222222; } -#kiwi.theme_cli .memberlists ul li { padding: 0.2em 1em; } -#kiwi.theme_cli .memberlists ul li a.nick { color:#6d6d6d; } -#kiwi.theme_cli .memberlists ul li:hover { - border-left: 5px solid #88C56A; - -webkit-transition: 0.2s ease; - -moz-transition: 0.2s ease; - -ms-transition: 0.2s ease; - -o-transition: 0.2s ease; - transition: 0.2s ease; -} - -#kiwi.theme_cli .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } -#kiwi.theme_cli .userbox a { display:block; text-decoration:none; margin-bottom:2px; } -#kiwi.theme_cli .userbox a i { font-size:1.1em; margin-right:5px; } -#kiwi.theme_cli .userbox .divider-horizontal { display:none; } - - -#kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } -#kiwi.theme_cli .messages .msg { border: none; padding: 2px 5px; } -#kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; } -#kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; } -#kiwi.theme_cli .messages .msg .nick:before { content:"<"; } -#kiwi.theme_cli .messages .msg .nick:after { content:">"; } -#kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } - -#kiwi.theme_cli .messages .msg.action .nick { display:none; } -#kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } -#kiwi.theme_cli .messages .msg.action.join { color:#009900; } -#kiwi.theme_cli .messages .msg.action.part .text { color:#900; } -#kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } -#kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } -#kiwi.theme_cli .messages .msg.status .nick { display:none; } -#kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } -#kiwi.theme_cli .messages .msg.topic .nick { display:none; } -#kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } -/*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ -#kiwi.theme_cli .messages .msg.motd { border:none; } -#kiwi.theme_cli .messages .msg.motd .text { color:#666; } -#kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } -#kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } -#kiwi.theme_cli .messages .msg.error .text { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; } -#kiwi.theme_cli .messages .msg.highlight { background:#111111; } - - - -#kiwi.theme_cli .messages .msg .media { margin-left:0.5em; } -#kiwi.theme_cli .messages .msg .media .media_close { font-size:0.9em; } -#kiwi.theme_cli .messages .msg .media .media_content { margin:10px 0 0 6em; overflow:hidden; } -#kiwi.theme_cli .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } -#kiwi.theme_cli .messages .msg .media .media_content > .content { - background: white; - overflow: hidden; - padding: 10px; - border: #DDD 1px solid; - border-top-color: #EEE; - border-bottom-color: #BBB; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - border-radius: 5px; - float: left; -} - -#kiwi.theme_cli .messages .msg .media.twitter .media_content > .content { - background: transparent; - border:none; - overflow: hidden; - box-shadow: none; - padding: 0; -} -#kiwi.theme_cli .messages .msg .media.reddit .thumbnail_nsfw { - display: inline-block; - float: left; -} -#kiwi.theme_cli .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } - - - -/* The server select dialog */ -#kiwi.theme_cli .server_select { margin-left:auto; margin-right:auto; color:#eee; } -#kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; } -#kiwi.theme_cli .server_select table tr td { padding:5px; } -#kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; } -#kiwi.theme_cli .server_select input { padding:3px 7px; width:150px; } -#kiwi.theme_cli .server_select label { width:5em; padding-top:3px } -#kiwi.theme_cli .server_select br { clear:both; } -#kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } -#kiwi.theme_cli .server_select .basic input { width:170px; } -#kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; } -#kiwi.theme_cli .server_select .basic tr.have_pass { font-size:0.8em; } -#kiwi.theme_cli .server_select .basic tr.channel td { padding-top:1em; } -#kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } -#kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; } -#kiwi.theme_cli .server_select.single_server .basic { border:none; } -#kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; } -#kiwi.theme_cli .server_select .status.ok { } -#kiwi.theme_cli .server_select .status.error { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_cli .server_select .basic tr.channel .icon-key { color:#555; } - - -#kiwi.theme_cli .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } -#kiwi.theme_cli .server_select .kiwi_logo h1 { - font-size:20px; - line-height:48px; vertical-align: middle; - color: #bbb; -} -#kiwi.theme_cli .server_select .kiwi_logo img { display:inline; width:24px; } - - -#kiwi.theme_cli .divider-verticle { - border-left: 1px solid #303030; - border-right: 1px solid #1B1B1B; -} - -#kiwi.theme_cli .divider-horizontal { - border-top: 1px solid #303030; - border-bottom: 1px solid #1B1B1B; -} - - - -#kiwi.theme_cli.chanlist_treeview .panels { left:200px; } -#kiwi.theme_cli.chanlist_treeview .toolbar { position:static; } -#kiwi.theme_cli.chanlist_treeview .toolbar .app_tools { float:none; } -#kiwi.theme_cli.chanlist_treeview .toolbar > div { } -#kiwi.theme_cli.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto; } -#kiwi.theme_cli.chanlist_treeview .tabs ul li { display:block; float:none; } -#kiwi.theme_cli.chanlist_treeview .tabs ul li .activity { float:right; } -#kiwi.theme_cli.chanlist_treeview .tabs ul li.active { padding-left:1em; } - - -#kiwi.theme_cli .ui_menu { - color: #333; -} -#kiwi.theme_cli .ui_menu .ui_menu_title { } -#kiwi.theme_cli .ui_menu .ui_menu_content { } -#kiwi.theme_cli .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } -#kiwi.theme_cli .ui_menu .ui_menu_foot { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -#kiwi.theme_cli .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } -#kiwi.theme_cli .ui_menu .ui_menu_foot .close:hover { color: #222; } - - - - - - - - - -/** - * Basic theme - */ -#kiwi.theme_basic { - background: url(../img/background-light.png) left top repeat-x #E3E3E3; - color: #555555; -} -#kiwi.theme_basic, -#kiwi.theme_basic input, -#kiwi.theme_basic button, -#kiwi.theme_basic textarea { - font-family:Arial, Helvetica, sans-serif; - font-size:14px; line-height:1.4em; -} -#kiwi.theme_basic button, #kiwi.theme_basic input { padding: 3px 7px; } -#kiwi.theme_basic input, #kiwi.theme_basic textarea { - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); - border: none; - border-radius: 3px; -} -#kiwi.theme_basic .toolbar { - background-color:#1B1B1B; font-size:0.9em; -} -#kiwi.theme_basic .controlbox { background-color:#1B1B1B; } -#kiwi.theme_basic .memberlists_resize_handle { - /*display:none; width:0;*/ -} -#kiwi.theme_basic .toolbar .panellist li { - line-height: 1.4em; - vertical-align: middle; - - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; - - border: 1px solid #333; - background-color: #eee; -} - -#kiwi.theme_basic .toolbar .tabs { margin-right:0 !important; } -#kiwi.theme_basic .toolbar .panellist .alert_highlight { font-weight:bold; color:red; } -#kiwi.theme_basic .toolbar .panellist .alert_activity { font-weight:normal; color:green; } -#kiwi.theme_basic .toolbar .panellist .alert_action { font-weight:normal; color:green; } - -#kiwi.theme_basic .toolbar .panellist .active { padding-right:25px; border-top:2px solid #df6b26; border-bottom:none; } -#kiwi.theme_basic .toolbar .panellist li .part {} -#kiwi.theme_basic .toolbar .panellist li .part:before { content:"[x]"; } - -#kiwi.theme_basic .toolbar .panellist li.server span { padding-left: 5px; } -#kiwi.theme_basic.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } -#kiwi.theme_basic .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } - - -/* Tab texts are within a span */ -#kiwi.theme_basic .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } - -#kiwi.theme_basic .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } -#kiwi.theme_basic .toolbar .panellist li .activity:before { content:"("; } -#kiwi.theme_basic .toolbar .panellist li .activity:after { content:")"; } - -#kiwi.theme_basic .status_message { - background: #FEEFB3; color: #9F6000; - border-bottom: 1px solid; - padding: 0.9em; - text-align: center; font-size:1.1em; -} -#kiwi.theme_basic .status_message.err { color:#D8000C; background:#FFBABA; } - -#kiwi.theme_basic .messages { } -#kiwi.theme_basic .messages.active { } -#kiwi.theme_basic .messages a { text-decoration:underline; } - -#kiwi.theme_basic .messages .msg { border: none; padding: 2px 5px; } -#kiwi.theme_basic .messages .msg > div { font-family: Consolas, "Lucida Console", monospace; font-size:0.9em; } -#kiwi.theme_basic .messages .msg .time { display:none; margin-right:1em; margin-left:2px; color:gray; } -#kiwi.theme_basic .messages .msg .nick { display:inline; margin-right:1em; } -#kiwi.theme_basic .messages .msg .nick:before { content:"<"; } -#kiwi.theme_basic .messages .msg .nick:after { content:">"; } -#kiwi.theme_basic .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; color:#1e1e1e; } - -#kiwi.theme_basic .messages .msg.action .nick, -#kiwi.theme_basic .messages .msg.static .nick, -#kiwi.theme_basic .messages .msg.topic .nick { display:none; } - -#kiwi.theme_basic .messages .msg.action .text { color:#009900; font-style:italic; } -#kiwi.theme_basic .messages .msg.action.join { color:#009900; } -#kiwi.theme_basic .messages .msg.action.part .text { color:#900; } -#kiwi.theme_basic .messages .msg.action.quit .text { color:#900; } -#kiwi.theme_basic .messages .msg.action.kick .text { color:#900; } - -#kiwi.theme_basic .messages .msg.motd { border:none; } -/*#kiwi.theme_basic .messages .msg.motd .nick { display:none; }*/ -#kiwi.theme_basic .messages .msg.motd .text { color:#666; } -#kiwi.theme_basic .messages .msg.whois .nick { font-weight:normal; } -#kiwi.theme_basic .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } -#kiwi.theme_basic .messages .msg.error .text { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - -#kiwi.theme_basic.timestamps .messages .msg .time { display:inline; } -#kiwi.theme_basic.timestamps .messages .msg .text { } - -#kiwi.theme_basic .messages .msg.global_nick_highlight, -#kiwi.theme_basic .messages .msg.highlight { background:#D9D9D9; } - -/* Narrow styling (window width < 400px) */ -#kiwi.theme_basic.narrow .messages .msg .nick { width: auto; } -#kiwi.theme_basic.narrow .messages .msg .text { margin-left: 1em; border:none; } -#kiwi.theme_basic.narrow .messages .msg.action .text { margin-left: 1em; } - -#kiwi.theme_basic .messages .msg .media { margin-left:0.5em; } -#kiwi.theme_basic .messages .msg .media a { text-decoration:none; } -#kiwi.theme_basic .messages .msg .media .media_close { font-size:0.9em; } -#kiwi.theme_basic .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; } -#kiwi.theme_basic .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } -#kiwi.theme_basic .messages .msg .media .media_content > .content { - background: white; - overflow: hidden; - padding: 10px; - border: #DDD 1px solid; - border-top-color: #EEE; - border-bottom-color: #BBB; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - border-radius: 5px; - float: left; -} - -#kiwi.theme_basic .messages .msg .media.twitter .media_content > .content { - background: transparent; - border:none; - overflow: hidden; - box-shadow: none; - padding: 0; -} -#kiwi.theme_basic .messages .msg .media.reddit .thumbnail_nsfw { - display: inline-block; - float: left; -} -#kiwi.theme_basic .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } - - - -#kiwi.theme_basic .memberlists { - background-color: #DADADA; - border-left: 1px dashed #8A8A8A; -} -#kiwi.theme_basic .memberlists ul { list-style: none; margin-left:2px; } -#kiwi.theme_basic .memberlists ul.active { } -#kiwi.theme_basic .memberlists ul li { padding:0 2px; } -#kiwi.theme_basic .memberlists ul li:hover {} -#kiwi.theme_basic .memberlists ul li a.nick { display:block; color:black; } - -#kiwi.theme_basic .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } -#kiwi.theme_basic .userbox a { display:block; text-decoration:none; margin-bottom:2px; } -#kiwi.theme_basic .userbox a i { font-size:1.1em; margin-right:5px; } - - -#kiwi.theme_basic .controlbox .input { - background:#fff; margin:3px; - height:1.7em; -} -#kiwi.theme_basic .controlbox .input .nick { - text-align: right; - width: 11em; - left: 0px; - position: absolute; - padding: 2px; - overflow: hidden; -} -#kiwi.theme_basic .controlbox .input .nick:after { content:">"; margin-left:3px; top:2px; } -#kiwi.theme_basic .controlbox .input .nick a { text-decoration:none; color:black; } -#kiwi.theme_basic .controlbox .input .input_wrap { - position:absolute; - right:3px; left:12em; - height:1.7em; -} -#kiwi.theme_basic .controlbox .input .inp { - line-height:1.7em; - border: medium none; - box-shadow: none; - border-radius: 0; - resize:none; - overflow:hidden; - position:relative; - height:100%; width:100%; - display: block; - outline: none; -} - - -#kiwi.theme_basic .controlbox .nickchange { - padding:10px; left: 0px; - background: #1B1B1B; color:#eeeeee; -} -#kiwi.theme_basic .controlbox .nickchange input { padding:0.3em 0.5em; } -#kiwi.theme_basic .controlbox .nickchange button { padding:0.5em; } - - - -#kiwi.theme_basic .toolbar .topic { } -#kiwi.theme_basic .toolbar .topic div { - top:2; bottom:2px; left:0; width:100%; - padding: 0.2em 1em; - text-align: center; - box-shadow: none; - border-radius: 0; - background-color:#FFF; - height: 1.5em; - overflow: hidden; - outline: none; -} -#kiwi.theme_basic .toolbar .topic:hover div { - min-height:1.5em; - white-space:pre-wrap; word-wrap:break-word; - overflow:visible; - background-color:#FFF; - z-index: 1; - height:auto; bottom:auto; - border-bottom: 1px dotted #1B1B1B; -} - - -#kiwi.theme_basic .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } -#kiwi.theme_basic .toolbar .app_tools ul li { - font-size:26px; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - transition: all .3s ease; - margin-left:10px; -} -#kiwi.theme_basic .toolbar .app_tools ul li:hover { color:#88C56A; } -#kiwi.theme_basic .toolbar .app_tools img { } - - -/* The server select dialog */ -#kiwi.theme_basic .server_select { margin-left:auto; margin-right:auto; } -#kiwi.theme_basic .server_select a { text-decoration: none; } -#kiwi.theme_basic .server_select .more { display: none; width:270px; margin:0 auto; } -#kiwi.theme_basic .server_select table tr td { padding:5px; } -#kiwi.theme_basic .server_select button { float:right; padding:3px 7px; } -#kiwi.theme_basic .server_select input { padding:3px 7px; width:150px; } -#kiwi.theme_basic .server_select label { } -#kiwi.theme_basic .server_select br { clear:both; } -#kiwi.theme_basic .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } -#kiwi.theme_basic .server_select .basic input { width:170px; } -#kiwi.theme_basic .server_select .basic label { font-size:1.3em; margin-top:4px; } -#kiwi.theme_basic .server_select .basic tr.have_pass { font-size:0.8em; } -#kiwi.theme_basic .server_select .basic tr.channel td { padding-top:1em; } -#kiwi.theme_basic .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } -#kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } -#kiwi.theme_basic .server_select.single_server .basic { border:none; } -#kiwi.theme_basic .server_select .status { text-align: center; font-weight: bold; padding:1em; } -#kiwi.theme_basic .server_select .status.ok { } -#kiwi.theme_basic .server_select .status.error { - border:1px solid #A33F3F; background-color:#D28A8A; - padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; -} - - -#kiwi.theme_basic .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } -#kiwi.theme_basic .server_select .kiwi_logo h1 { - font-size:14px; - line-height:48px; vertical-align: middle; - color: #555555; -} -#kiwi.theme_basic .server_select .kiwi_logo img { display:inline; width:24px; } - - -#kiwi.theme_basic.chanlist_treeview .panels { left:160px; } -#kiwi.theme_basic.chanlist_treeview .toolbar { position:static; } -#kiwi.theme_basic.chanlist_treeview .toolbar .app_tools { float:none; } -#kiwi.theme_basic.chanlist_treeview .toolbar > div { margin-left:160px; } -#kiwi.theme_basic.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } -#kiwi.theme_basic.chanlist_treeview .tabs ul li { display:block; float:none; } -#kiwi.theme_basic.chanlist_treeview .tabs ul li .activity { float:right; } -#kiwi.theme_basic.chanlist_treeview .tabs ul li.active { - margin-right:0; - border-right-width:0; - border-bottom-right-radius:0; - border-top-right-radius:0; -} - - -#kiwi.theme_basic .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } -#kiwi.theme_basic .ui_menu .ui_menu_foot .close:hover { color: #222; } diff --git a/client/assets/src/app.js b/client/assets/src/app.js index f63db1f..7002e0b 100644 --- a/client/assets/src/app.js +++ b/client/assets/src/app.js @@ -114,7 +114,16 @@ _kiwi.global = { _kiwi.global.settings = _kiwi.model.DataStore.instance('kiwi.settings'); _kiwi.global.settings.load(); + if (opts.server_settings.client.themes) { + _.each(opts.server_settings.client.themes, function (theme) { + link = $.parseHTML(''); + link.disabled = true; + $(link).appendTo($('head')); + }); + } + continueStart = function (locale, s, xhr) { + var set_theme; if (locale) { _kiwi.global.i18n = new Jed({locale_data: locale, domain: xhr.getResponseHeader('Content-Language')}); } else { diff --git a/client/assets/src/themes/basic/style.css b/client/assets/src/themes/basic/style.css new file mode 100644 index 0000000..0a38341 --- /dev/null +++ b/client/assets/src/themes/basic/style.css @@ -0,0 +1,286 @@ +#kiwi { + background: url(../../../img/background-light.png) left top repeat-x #E3E3E3; + color: #555555; +} +#kiwi, +#kiwi input, +#kiwi button, +#kiwi textarea { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; line-height:1.4em; +} +#kiwi button, #kiwi input { padding: 3px 7px; } +#kiwi input, #kiwi textarea { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); + border: none; + border-radius: 3px; +} +#kiwi .toolbar { + background-color:#1B1B1B; font-size:0.9em; +} +#kiwi .controlbox { background-color:#1B1B1B; } +#kiwi .memberlists_resize_handle { + /*display:none; width:0;*/ +} +#kiwi .toolbar .panellist li { + line-height: 1.4em; + vertical-align: middle; + + border-radius:5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; + + border: 1px solid #333; + background-color: #eee; +} + +#kiwi .toolbar .tabs { margin-right:0 !important; } +#kiwi .toolbar .panellist .alert_highlight { font-weight:bold; color:red; } +#kiwi .toolbar .panellist .alert_activity { font-weight:normal; color:green; } +#kiwi .toolbar .panellist .alert_action { font-weight:normal; color:green; } + +#kiwi .toolbar .panellist .active { padding-right:25px; border-top:2px solid #df6b26; border-bottom:none; } +#kiwi .toolbar .panellist li .part {} +#kiwi .toolbar .panellist li .part:before { content:"[x]"; } + +#kiwi .toolbar .panellist li.server span { padding-left: 5px; } +#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; } + + +/* Tab texts are within a span */ +#kiwi .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } + +#kiwi .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } +#kiwi .toolbar .panellist li .activity:before { content:"("; } +#kiwi .toolbar .panellist li .activity:after { content:")"; } + +#kiwi .status_message { + background: #FEEFB3; color: #9F6000; + border-bottom: 1px solid; + padding: 0.9em; + text-align: center; font-size:1.1em; +} +#kiwi .status_message.err { color:#D8000C; background:#FFBABA; } + +#kiwi .messages { } +#kiwi .messages.active { } +#kiwi .messages a { text-decoration:underline; } + +#kiwi .messages .msg { border: none; padding: 2px 5px; } +#kiwi .messages .msg > div { font-family: Consolas, "Lucida Console", monospace; font-size:0.9em; } +#kiwi .messages .msg .time { display:none; margin-right:1em; margin-left:2px; color:gray; } +#kiwi .messages .msg .nick { display:inline; margin-right:1em; } +#kiwi .messages .msg .nick:before { content:"<"; } +#kiwi .messages .msg .nick:after { content:">"; } +#kiwi .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; color:#1e1e1e; } + +#kiwi .messages .msg.action .nick, +#kiwi .messages .msg.static .nick, +#kiwi .messages .msg.topic .nick { display:none; } + +#kiwi .messages .msg.action .text { color:#009900; font-style:italic; } +#kiwi .messages .msg.action.join { color:#009900; } +#kiwi .messages .msg.action.part .text { color:#900; } +#kiwi .messages .msg.action.quit .text { color:#900; } +#kiwi .messages .msg.action.kick .text { color:#900; } + +#kiwi .messages .msg.motd { border:none; } +/*#kiwi .messages .msg.motd .nick { display:none; }*/ +#kiwi .messages .msg.motd .text { color:#666; } +#kiwi .messages .msg.whois .nick { font-weight:normal; } +#kiwi .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } +#kiwi .messages .msg.error .text { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi.timestamps .messages .msg .time { display:inline; } +#kiwi.timestamps .messages .msg .text { } + +#kiwi .messages .msg.global_nick_highlight, +#kiwi .messages .msg.highlight { background:#D9D9D9; } + +/* Narrow styling (window width < 400px) */ +#kiwi.narrow .messages .msg .nick { width: auto; } +#kiwi.narrow .messages .msg .text { margin-left: 1em; border:none; } +#kiwi.narrow .messages .msg.action .text { margin-left: 1em; } + +#kiwi .messages .msg .media { margin-left:0.5em; } +#kiwi .messages .msg .media a { text-decoration:none; } +#kiwi .messages .msg .media .media_close { font-size:0.9em; } +#kiwi .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; } +#kiwi .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } +#kiwi .messages .msg .media .media_content > .content { + background: white; + overflow: hidden; + padding: 10px; + border: #DDD 1px solid; + border-top-color: #EEE; + border-bottom-color: #BBB; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + border-radius: 5px; + float: left; +} + +#kiwi .messages .msg .media.twitter .media_content > .content { + background: transparent; + border:none; + overflow: hidden; + box-shadow: none; + padding: 0; +} +#kiwi .messages .msg .media.reddit .thumbnail_nsfw { + display: inline-block; + float: left; +} +#kiwi .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } + + + +#kiwi .memberlists { + background-color: #DADADA; + border-left: 1px dashed #8A8A8A; +} +#kiwi .memberlists ul { list-style: none; margin-left:2px; } +#kiwi .memberlists ul.active { } +#kiwi .memberlists ul li { padding:0 2px; } +#kiwi .memberlists ul li:hover {} +#kiwi .memberlists ul li a.nick { display:block; color:black; } + +#kiwi .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } +#kiwi .userbox a { display:block; text-decoration:none; margin-bottom:2px; } +#kiwi .userbox a i { font-size:1.1em; margin-right:5px; } + + +#kiwi .controlbox .input { + background:#fff; margin:3px; + height:1.7em; +} +#kiwi .controlbox .input .nick { + text-align: right; + width: 11em; + left: 0px; + position: absolute; + padding: 2px; + overflow: hidden; +} +#kiwi .controlbox .input .nick:after { content:">"; margin-left:3px; top:2px; } +#kiwi .controlbox .input .nick a { text-decoration:none; color:black; } +#kiwi .controlbox .input .input_wrap { + position:absolute; + right:3px; left:12em; + height:1.7em; +} +#kiwi .controlbox .input .inp { + line-height:1.7em; + border: medium none; + box-shadow: none; + border-radius: 0; + resize:none; + overflow:hidden; + position:relative; + height:100%; width:100%; + display: block; + outline: none; +} + + +#kiwi .controlbox .nickchange { + padding:10px; left: 0px; + background: #1B1B1B; color:#eeeeee; +} +#kiwi .controlbox .nickchange input { padding:0.3em 0.5em; } +#kiwi .controlbox .nickchange button { padding:0.5em; } + + + +#kiwi .toolbar .topic { } +#kiwi .toolbar .topic div { + top:2; bottom:2px; left:0; width:100%; + padding: 0.2em 1em; + text-align: center; + box-shadow: none; + border-radius: 0; + background-color:#FFF; + height: 1.5em; + overflow: hidden; + outline: none; +} +#kiwi .toolbar .topic:hover div { + min-height:1.5em; + white-space:pre-wrap; word-wrap:break-word; + overflow:visible; + background-color:#FFF; + z-index: 1; + height:auto; bottom:auto; + border-bottom: 1px dotted #1B1B1B; +} + + +#kiwi .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } +#kiwi .toolbar .app_tools ul li { + font-size:26px; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + transition: all .3s ease; + margin-left:10px; +} +#kiwi .toolbar .app_tools ul li:hover { color:#88C56A; } +#kiwi .toolbar .app_tools img { } + + +/* The server select dialog */ +#kiwi .server_select { margin-left:auto; margin-right:auto; } +#kiwi .server_select a { text-decoration: none; } +#kiwi .server_select .more { display: none; width:270px; margin:0 auto; } +#kiwi .server_select table tr td { padding:5px; } +#kiwi .server_select button { float:right; padding:3px 7px; } +#kiwi .server_select input { padding:3px 7px; width:150px; } +#kiwi .server_select label { } +#kiwi .server_select br { clear:both; } +#kiwi .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } +#kiwi .server_select .basic input { width:170px; } +#kiwi .server_select .basic label { font-size:1.3em; margin-top:4px; } +#kiwi .server_select .basic tr.have_pass { font-size:0.8em; } +#kiwi .server_select .basic tr.channel td { padding-top:1em; } +#kiwi .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } +#kiwi .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } +#kiwi .server_select.single_server .basic { border:none; } +#kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em; } +#kiwi .server_select .status.ok { } +#kiwi .server_select .status.error { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + + +#kiwi .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } +#kiwi .server_select .kiwi_logo h1 { + font-size:14px; + line-height:48px; vertical-align: middle; + color: #555555; +} +#kiwi .server_select .kiwi_logo img { display:inline; width:24px; } + + +#kiwi.chanlist_treeview .panels { left:160px; } +#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 .tabs ul li { display:block; float:none; } +#kiwi.chanlist_treeview .tabs ul li .activity { float:right; } +#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 .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } +#kiwi .ui_menu .ui_menu_foot .close:hover { color: #222; } diff --git a/client/assets/src/themes/cli/style.css b/client/assets/src/themes/cli/style.css new file mode 100644 index 0000000..520299a --- /dev/null +++ b/client/assets/src/themes/cli/style.css @@ -0,0 +1,250 @@ +#kiwi { background:#222222; color:#6d6d6d; } +#kiwi, +#kiwi input, +#kiwi button, +#kiwi textarea { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; line-height:1.4em; +} +#kiwi button, #kiwi input { padding: 3px 7px; } + +#kiwi .controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } +#kiwi .controlbox .input_wrap:before { content:"> " } +#kiwi .controlbox .input { background:none; border:none;} +#kiwi .controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; overflow:hidden; } +#kiwi .controlbox .input .input_wrap { + position:absolute; + right:7px; left: 12.2em; + height:1.7em; +} +#kiwi .controlbox .input .inp { + line-height:1.4em; + font-size:1.3em; + background:transparent; color:#909090; + border: medium none; + box-shadow: none; + border-radius: 0; + outline:none; resize:none; + overflow:hidden; + position:absolute; + top: 0px; + height:99%; width:98%; + display: inline; + padding-left:0.5em; +} + +#kiwi .toolbar .topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; } +#kiwi .toolbar .topic div { + width:100%; height: 1.5em; + padding: 0.2em 1em; + text-align: center; + color:#6d6d6d; + border:none; outline:none; + overflow: hidden; + white-space: nowrap; +} +#kiwi .toolbar .topic:hover div { + min-height:1.5em; + white-space:pre-wrap; word-wrap:break-word; + overflow:visible; + background-color:#111111; + z-index: 1; + height:auto; bottom:auto; + border-bottom: 1px solid #444444; +} + +#kiwi .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } +#kiwi .toolbar .app_tools ul li { + font-size:26px; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + transition: all .3s ease; + margin-left:10px; +} +#kiwi .toolbar .app_tools ul li:hover { color:#88C56A; } +#kiwi .toolbar .app_tools img { } + +#kiwi .toolbar .panellist li { + line-height: 1.4em; + vertical-align: middle; + + border: 1px solid #333; + background-color: #111; +} + +#kiwi .toolbar .panellist .alert_highlight { font-weight:bold; } +#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 li .part:before { content:"\f00d"; } + +#kiwi .toolbar .panellist li.server span { padding-left:5px; } +#kiwi.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } +#kiwi .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } + +/* Tab texts are within a span */ +#kiwi .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } + +#kiwi .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } +#kiwi .toolbar .panellist li .activity:before { content:"("; } +#kiwi .toolbar .panellist li .activity:after { content:")"; } +#kiwi .toolbar .panellist li.alert_highlight .activity { + color: #fff; background: #a60400; padding:2px; border-radius:3px; +} + + +#kiwi .memberlists { background:#222222; } +#kiwi .memberlists ul li { padding: 0.2em 1em; } +#kiwi .memberlists ul li a.nick { color:#6d6d6d; } +#kiwi .memberlists ul li:hover { + border-left: 5px solid #88C56A; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + -o-transition: 0.2s ease; + transition: 0.2s ease; +} + +#kiwi .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } +#kiwi .userbox a { display:block; text-decoration:none; margin-bottom:2px; } +#kiwi .userbox a i { font-size:1.1em; margin-right:5px; } +#kiwi .userbox .divider-horizontal { display:none; } + + +#kiwi .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } +#kiwi .messages .msg { border: none; padding: 2px 5px; } +#kiwi .messages .msg .time { display:inline; margin-right:1em; color:#777; } +#kiwi .messages .msg .nick { display:inline; margin-right:1em; } +#kiwi .messages .msg .nick:before { content:"<"; } +#kiwi .messages .msg .nick:after { content:">"; } +#kiwi .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } + +#kiwi .messages .msg.action .nick { display:none; } +#kiwi .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } +#kiwi .messages .msg.action.join { color:#009900; } +#kiwi .messages .msg.action.part .text { color:#900; } +#kiwi .messages .msg.action.quit .text { color:#900; } +#kiwi .messages .msg.action.kick .text { color:#900; } +#kiwi .messages .msg.status .nick { display:none; } +#kiwi .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } +#kiwi .messages .msg.topic .nick { display:none; } +#kiwi .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } +/*#kiwi .messages .msg.motd .nick { display:none; }*/ +#kiwi .messages .msg.motd { border:none; } +#kiwi .messages .msg.motd .text { color:#666; } +#kiwi .messages .msg.whois .nick { font-weight:normal; } +#kiwi .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } +#kiwi .messages .msg.error .text { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi .messages .msg.global_nick_highlight { background:#111111; } +#kiwi .messages .msg.highlight { background:#111111; } + + + +#kiwi .messages .msg .media { margin-left:0.5em; } +#kiwi .messages .msg .media .media_close { font-size:0.9em; } +#kiwi .messages .msg .media .media_content { margin:10px 0 0 6em; overflow:hidden; } +#kiwi .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } +#kiwi .messages .msg .media .media_content > .content { + background: white; + overflow: hidden; + padding: 10px; + border: #DDD 1px solid; + border-top-color: #EEE; + border-bottom-color: #BBB; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + border-radius: 5px; + float: left; +} + +#kiwi .messages .msg .media.twitter .media_content > .content { + background: transparent; + border:none; + overflow: hidden; + box-shadow: none; + padding: 0; +} +#kiwi .messages .msg .media.reddit .thumbnail_nsfw { + display: inline-block; + float: left; +} +#kiwi .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } + + + +/* The server select dialog */ +#kiwi .server_select { margin-left:auto; margin-right:auto; color:#eee; } +#kiwi .server_select .more { display: none; width:270px; margin:0 auto; } +#kiwi .server_select table tr td { padding:5px; } +#kiwi .server_select button { float:right; padding:3px 7px; margin-top:10px; } +#kiwi .server_select input { padding:3px 7px; width:150px; } +#kiwi .server_select label { width:5em; padding-top:3px } +#kiwi .server_select br { clear:both; } +#kiwi .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } +#kiwi .server_select .basic input { width:170px; } +#kiwi .server_select .basic label { font-size:1.3em; margin-top:4px; } +#kiwi .server_select .basic tr.have_pass { font-size:0.8em; } +#kiwi .server_select .basic tr.channel td { padding-top:1em; } +#kiwi .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } +#kiwi .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; } +#kiwi .server_select.single_server .basic { border:none; } +#kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em; } +#kiwi .server_select .status.ok { } +#kiwi .server_select .status.error { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi .server_select .basic tr.channel .icon-key { color:#555; } + + +#kiwi .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } +#kiwi .server_select .kiwi_logo h1 { + font-size:20px; + line-height:48px; vertical-align: middle; + color: #bbb; +} +#kiwi .server_select .kiwi_logo img { display:inline; width:24px; } + + +#kiwi .divider-verticle { + border-left: 1px solid #303030; + border-right: 1px solid #1B1B1B; +} + +#kiwi .divider-horizontal { + border-top: 1px solid #303030; + border-bottom: 1px solid #1B1B1B; +} + + + +#kiwi.chanlist_treeview .panels { left:200px; } +#kiwi.chanlist_treeview .toolbar { position:static; } +#kiwi.chanlist_treeview .toolbar .app_tools { float:none; } +#kiwi.chanlist_treeview .toolbar > div { } +#kiwi.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto; } +#kiwi.chanlist_treeview .tabs ul li { display:block; float:none; } +#kiwi.chanlist_treeview .tabs ul li .activity { float:right; } +#kiwi.chanlist_treeview .tabs ul li.active { padding-left:1em; } + + +#kiwi .ui_menu { + color: #333; +} +#kiwi .ui_menu .ui_menu_title { } +#kiwi .ui_menu .ui_menu_content { } +#kiwi .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } +#kiwi .ui_menu .ui_menu_foot { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +#kiwi .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } +#kiwi .ui_menu .ui_menu_foot .close:hover { color: #222; } + diff --git a/client/assets/src/themes/mini/style.css b/client/assets/src/themes/mini/style.css new file mode 100644 index 0000000..1d9a2c1 --- /dev/null +++ b/client/assets/src/themes/mini/style.css @@ -0,0 +1,235 @@ +#kiwi { + background: #FFF; + color: #555555; +} +#kiwi, +#kiwi input, +#kiwi button, +#kiwi textarea { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; line-height:1.4em; +} +#kiwi button, #kiwi input { padding: 3px 7px; } +#kiwi input, #kiwi textarea { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); + border: none; + border-radius: 3px; +} +#kiwi .toolbar { + background-color:#1B1B1B; font-size:0.9em; +} +#kiwi .controlbox { background-color:#1B1B1B; } +#kiwi .memberlists_resize_handle { + display:none; width:0; +} +#kiwi .toolbar .panellist li { + line-height: 1.4em; + vertical-align: middle; + + border-radius:5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; + + border: 1px solid #333; + background-color: #eee; +} + +#kiwi .toolbar .tabs { margin-right:0 !important; } +#kiwi .toolbar .panellist .alert_highlight { font-weight:bold; } +#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 li .part:before { content:"\f00d"; } + +#kiwi .toolbar .panellist li.server span { padding-left:5px; } +#kiwi.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } +#kiwi .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } + +/* Tab texts are within a span */ +#kiwi .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } + +#kiwi .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } +#kiwi .toolbar .panellist li .activity:before { content:"("; } +#kiwi .toolbar .panellist li .activity:after { content:")"; } + +#kiwi .status_message { + background: #FEEFB3; color: #9F6000; + border-bottom: 1px solid; + padding: 0.9em; + text-align: center; font-size:1.1em; +} +#kiwi .status_message.err { color:#D8000C; background:#FFBABA; } + +#kiwi .messages { color: #333333; } +#kiwi .messages.active { } +#kiwi .messages a { text-decoration:none; } + +#kiwi .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; } +#kiwi .messages .msg .time { display:none; } +#kiwi .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; } +#kiwi .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; } + +#kiwi .messages .msg.action .nick { } +#kiwi .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } +#kiwi .messages .msg.action.join { color:#009900; } +#kiwi .messages .msg.action.part .text { color:#900; } +#kiwi .messages .msg.action.quit .text { color:#900; } +#kiwi .messages .msg.action.kick .text { color:#900; } +#kiwi .messages .msg.status .nick { } +#kiwi .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } +#kiwi .messages .msg.topic .nick { display:none; } +#kiwi .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } +#kiwi .messages .msg.motd { border:none; } +/*#kiwi .messages .msg.motd .nick { display:none; }*/ +#kiwi .messages .msg.motd .text { color:#666; } +#kiwi .messages .msg.whois .nick { font-weight:normal; } +#kiwi .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } +#kiwi .messages .msg.error .text { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi .messages .msg.global_nick_highlight, +#kiwi .messages .msg.highlight { background:#D9D9D9; } + + + +#kiwi.chanlist_treeview .panels { left:160px; } +#kiwi.chanlist_treeview .toolbar { position:static; } +#kiwi.chanlist_treeview .toolbar .app_tools { float:none; } +#kiwi.chanlist_treeview .toolbar > div { } +#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 .tabs ul li { display:block; float:none; } +#kiwi.chanlist_treeview .tabs ul li .activity { float:right; } +#kiwi.chanlist_treeview .tabs ul li.active { padding-left:1em; } + + + + +#kiwi .memberlists { + background-color: #DADADA; + border-left: 1px solid #8A8A8A; + display:none; + width:0px; +} +#kiwi .memberlists ul { list-style: none; } +#kiwi .memberlists ul.active { } +#kiwi .memberlists ul li { padding: 0.2em 1em; } +#kiwi .memberlists ul li:hover { + border-left: 5px solid #88C56A; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + -o-transition: 0.2s ease; + transition: 0.2s ease; +} +#kiwi .memberlists ul li a.nick { display:block; color:black; } + +#kiwi .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } +#kiwi .userbox a { display:block; text-decoration:none; margin-bottom:2px; } +#kiwi .userbox a i { font-size:1.1em; margin-right:5px; } + + +#kiwi .controlbox .input { + background:#fff; margin:3px; + height:1.7em; +} +#kiwi .controlbox .input .nick { display:none; } +#kiwi .controlbox .input .nick a { text-decoration:none; color:black; } +#kiwi .controlbox .input .input_wrap { + position:absolute; + right:3px; left:3px; + height:1.7em; +} +#kiwi .controlbox .input .inp { + line-height:1.7em; + border: medium none; + box-shadow: none; + border-radius: 0; + resize:none; + overflow:hidden; + position:relative; + height:100%; width:100%; + display: block; +} + + +#kiwi .controlbox .nickchange { + padding:10px; left: 0px; + background: #1B1B1B; color:#eeeeee; +} +#kiwi .controlbox .nickchange input { padding:0.3em 0.5em; } +#kiwi .controlbox .nickchange button { padding:0.5em; } + + + +#kiwi .toolbar .topic { display:none; } +#kiwi .toolbar .topic div { + top:2; bottom:2px; left:0; width:100%; + padding: 0.2em 1em; + text-align: center; + box-shadow: none; + border-radius: 0; + background-color:#FFF; + height: 1.5em; + overflow: hidden; + outline: none; +} + + +#kiwi .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } +#kiwi .toolbar .app_tools ul li { + font-size:26px; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + transition: all .3s ease; + margin-left:10px; +} +#kiwi .toolbar .app_tools ul li:hover { color:#88C56A; } +#kiwi .toolbar .app_tools img { } + + +/* The server select dialog */ +#kiwi .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } +#kiwi .server_select .more { display:none; } +#kiwi .server_select button { display:block; padding:3px 7px; margin:1em auto; } +#kiwi .server_select input.nick { + float:none; display:block; width:80%; + padding:0.5em 1em; margin:0 auto; + text-align: center; +} +#kiwi .server_select label { display:none; } +#kiwi .server_select br { clear:both; } +#kiwi .server_select .basic { border:none; } +#kiwi .server_select .basic table { width:100%; } +#kiwi .server_select .basic table tr.channel, +#kiwi .server_select .basic table tr.pass, +#kiwi .server_select .basic table tr.have_pass { display:none; } +#kiwi .server_select .basic table tr.key, +#kiwi .server_select .basic table tr.have_key { display:none; } +#kiwi .server_select .basic .show_more { display:none !important; } +#kiwi .server_select.single_server .basic { border:none; } +#kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em; } +#kiwi .server_select .status.ok { } +#kiwi .server_select .status.error { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi .server_select .kiwi_logo h1 span { + font-size:14px; + line-height:24px; vertical-align: middle; + color: #555555; +} +#kiwi .server_select .kiwi_logo img { display:inline; width:24px; } + +#kiwi .server_select .side_panel { display: none; } +#kiwi .server_select .server_details { + position: relative !important; + float: none !important; + width: auto !important; + padding: 0 !important; + margin: 2em 0 0 0 !important; +} diff --git a/client/assets/src/themes/relaxed/style.css b/client/assets/src/themes/relaxed/style.css new file mode 100644 index 0000000..6413dd1 --- /dev/null +++ b/client/assets/src/themes/relaxed/style.css @@ -0,0 +1,374 @@ +#kiwi { + background: url('../../../img/background-light.png') left top repeat-x #E3E3E3; + color: #555555; +} +#kiwi, +#kiwi input, +#kiwi button, +#kiwi textarea { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; line-height:1.4em; +} +#kiwi button, #kiwi input { padding: 3px 7px; } +#kiwi input, #kiwi textarea { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); + border: none; + border-radius: 3px; +} +#kiwi .toolbar { + background-color:#1B1B1B; font-size:0.9em; +} +#kiwi .controlbox { background-color:#1B1B1B; } +#kiwi .memberlists_resize_handle { + /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ +} +#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; +} + +#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 li .part:before { content:"\f00d"; } + +#kiwi .toolbar .panellist li.server span { padding-left: 5px; } +#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; } + +/* Tab texts are within a span */ +#kiwi .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } + +#kiwi .toolbar .panellist li.active .activity { display:none; } +#kiwi .toolbar .panellist li .activity.zero { visibility:hidden; } +#kiwi .toolbar .panellist li .activity { + padding: 1px 3px; margin-left:1em; + border-radius: 4px; + background: #3F9532; color:#000; /*color: #ff5300;*/ + text-align: center; font-size: 10px; + display:inline-block; + width:2em; +} +#kiwi .toolbar .panellist li.alert_highlight .activity { + color: #fff; background: #a60400; +} + +#kiwi .status_message { + background: #FEEFB3; color: #9F6000; + border-bottom: 1px solid; + padding: 0.9em; + text-align: center; font-size:1.1em; +} +#kiwi .status_message.err { color:#D8000C; background:#FFBABA; } + +#kiwi .messages { color: #333333; } +#kiwi .messages.active { } +#kiwi .messages a { text-decoration:none; } + +#kiwi .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } +#kiwi .messages .msg .time { width:5em; float:left; color:#777; padding:5px; display:none; } +#kiwi .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; } +#kiwi .messages .msg .text { display:block; margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:arial; padding:5px; } + +#kiwi.narrow .messages .msg .nick { width: auto; } +#kiwi.narrow .messages .msg .text { margin-left: 1em; border:none; } + +#kiwi .messages .msg.action .nick { } +#kiwi .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } +#kiwi .messages .msg.action.join { color:#009900; } +#kiwi .messages .msg.action.part .text { color:#900; } +#kiwi .messages .msg.action.quit .text { color:#900; } +#kiwi .messages .msg.action.kick .text { color:#900; } +#kiwi .messages .msg.status .nick { } +#kiwi .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } +#kiwi .messages .msg.topic .nick { display:none; } +#kiwi .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } +#kiwi .messages .msg.motd { border:none; } +/*#kiwi .messages .msg.motd .nick { display:none; }*/ +#kiwi .messages .msg.motd .text { color:#666; font-family:monospace; } +#kiwi .messages .msg.whois .nick { font-weight:normal; } +#kiwi .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } +#kiwi .messages .msg.error .text { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + +#kiwi.timestamps .messages .msg .time { display:block; } +#kiwi.timestamps .messages .msg .text { margin-left:17em; } + +#kiwi .messages .msg.global_nick_highlight, +#kiwi .messages .msg.highlight { transition: background 0.3s; background:#D9D9D9; } +#kiwi .messages .msg.repeated_nick .nick { visibility:hidden; } + +/* Narrow styling (window width < 400px) */ +#kiwi.narrow .messages .msg .nick { width: auto; } +#kiwi.narrow .messages .msg .text { margin-left: 1em; border:none; } +#kiwi.narrow .messages .msg.action .text { margin-left: 1em; } + + +#kiwi .messages .msg .media { margin-left:0.5em; } +#kiwi .messages .msg .media .media_close { font-size:0.9em; } +#kiwi .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; } +#kiwi .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } +#kiwi .messages .msg .media .media_content > .content { + background: white; + overflow: hidden; + padding: 10px; + border: #DDD 1px solid; + border-top-color: #EEE; + border-bottom-color: #BBB; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + border-radius: 5px; + float: left; +} + +#kiwi .messages .msg .media.twitter .media_content > .content { + background: transparent; + border:none; + overflow: hidden; + box-shadow: none; + padding: 0; +} +#kiwi .messages .msg .media.reddit .thumbnail_nsfw { + display: inline-block; + float: left; +} +#kiwi .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } + + +#kiwi .memberlists { + background-color: #DADADA; + border-left: 1px solid #8A8A8A; +} +#kiwi.narrow .memberlists { display:none; } +#kiwi .memberlists ul { list-style: none; } +#kiwi .memberlists ul.active { } +#kiwi .memberlists ul li { padding: 0.2em 1em; } +#kiwi .memberlists ul li:hover { + border-left: 5px solid #88C56A; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + -o-transition: 0.2s ease; + transition: 0.2s ease; +} +#kiwi .memberlists ul li a.nick { display:block; color:black; } + +#kiwi .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } +#kiwi .userbox a { display:block; text-decoration:none; margin-bottom:2px; } +#kiwi .userbox a i { font-size:1.1em; margin-right:5px; } + +/* User mode styles */ +#kiwi .memberlists ul li .prefix { + display:none; + width:20px; height:20px; + border-radius: 5px; + margin: 0 7px 0 0; + font-size:12px; text-align: center; + color: #E3E3E3; + /* text-indent: -1000px; */ +} +/* Most important modes towards the bottom - they override the top ones! */ +#kiwi .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; } +#kiwi .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; } +#kiwi .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; } +#kiwi .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; } +#kiwi .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; } + +#kiwi .controlbox .input { + background:#fff; margin:3px; + height:1.7em; + border-radius:5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; +} +#kiwi .controlbox .input .nick a { text-decoration:none; color:black; } +#kiwi .controlbox .input .nick { + text-align: right; + width: 11em; + left: 0px; + position: absolute; + overflow: hidden; + background-color: #eee; + border-radius: 3px 0 0 3px; + border-right: 1px solid #ccc; + padding: 2px; + padding-right: 0.5em; +} + +#kiwi.narrow .controlbox .input .nick { display:none; } +#kiwi.narrow .controlbox .input .input_wrap { left:7px; } + +#kiwi .controlbox .input .input_wrap { + position:absolute; + right:7px; left: 12.2em; + height:1.7em; +} +#kiwi .controlbox .input .inp { + line-height:1.7em; + border: medium none; + box-shadow: none; + border-radius: 0; + outline:none; resize:none; + overflow:hidden; + position:relative; + height:100%; width:100%; + display: block; +} + + +#kiwi .controlbox .nickchange { + padding:10px; left: 0px; + background: #1B1B1B; color:#eeeeee; +} +#kiwi .controlbox .nickchange input { padding:0.3em 0.5em; } +#kiwi .controlbox .nickchange button { padding:0.5em; } + + + +#kiwi .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; } +#kiwi .toolbar .topic div { + padding: 0.2em 1em; + text-align: center; + box-shadow: none; + border-radius: 0; + background-color:#FFF; + height: 1.5em; + overflow: hidden; + outline: none; + white-space: nowrap; +} +#kiwi .toolbar .topic:hover div { + min-height:1.5em; + white-space:pre-wrap; word-wrap:break-word; + overflow:visible; + background-color:#FFF; + z-index: 1; + height:auto; bottom:auto; + border-bottom: 2px solid #1B1B1B; +} + + +#kiwi .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } +#kiwi.narrow .toolbar .tabs { margin-right:0; } +#kiwi.narrow .toolbar .app_tools { width:auto; } +#kiwi .toolbar .app_tools ul li { + font-size:26px; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + transition: all .3s ease; + margin-left:10px; +} +#kiwi .toolbar .app_tools ul li:hover { color:#88C56A; } +#kiwi .toolbar .app_tools img { } + + +/* The server select dialog */ +#kiwi .server_select { margin-left:auto; margin-right:auto; } +#kiwi .server_select .more { display: none; width:270px; margin:0 auto; } +#kiwi .server_select table tr td { padding:5px; } +#kiwi .server_select button { float:right; padding:3px 7px; } +#kiwi .server_select input { padding:3px 7px; width:150px; } +#kiwi .server_select label { } +#kiwi .server_select br { clear:both; } +#kiwi .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } +#kiwi .server_select .basic input { width:170px; } +#kiwi .server_select .basic label { font-size:1.3em; margin-top:4px; } +#kiwi .server_select .basic tr.have_pass { font-size:0.8em; } +#kiwi .server_select .basic tr.have_key { font-size:0.8em; } +#kiwi .server_select .basic tr.channel td { padding-top:1em; } +#kiwi .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } +#kiwi .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } +#kiwi .server_select.single_server .basic { border:none; } +#kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em; } +#kiwi .server_select .status.ok { } +#kiwi .server_select .status.error { + border:1px solid #A33F3F; background-color:#D28A8A; + padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; +} + + +#kiwi .server_select .kiwi_logo { margin-top:30px; } +#kiwi .server_select .kiwi_logo h1 span { + font-size:14px; + line-height:24px; vertical-align: middle; + color: #555555; +} +#kiwi .server_select .kiwi_logo img { display:inline; width:24px; } + + +#kiwi.chanlist_treeview .panels { left:160px; } +#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 .tabs ul li { display:block; float:none; } +#kiwi.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; } +#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 > div.settings button.save { + padding:1em 2em; + border:1px solid gray; border-radius:3px; +} +#kiwi .applet > div.settings tr { + border-bottom: 1px dashed black; +} + +#kiwi .applet > div.settings td.label { + font-weight: bold; +} +#kiwi .applet > div.settings tr.save { + text-align: right; +} + + +#kiwi .ui_menu { + border-radius: 3px; + color: #333; + box-shadow: 0 3px 8px rgba(0, 0, 0, .25); +} +#kiwi .ui_menu .ui_menu_title { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +#kiwi .ui_menu .ui_menu_content { } +#kiwi .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } +#kiwi .ui_menu .ui_menu_foot { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +#kiwi .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } +#kiwi .ui_menu .ui_menu_foot .close:hover { color: #222; } diff --git a/client/assets/src/views/application.js b/client/assets/src/views/application.js index be2ebbe..52bbc29 100644 --- a/client/assets/src/views/application.js +++ b/client/assets/src/views/application.js @@ -51,15 +51,22 @@ _kiwi.view.Application = Backbone.View.extend({ } // If we have no theme specified, get it from the settings - if (!theme_name) theme_name = _kiwi.global.settings.get('theme'); + if (!theme_name) theme_name = _kiwi.global.settings.get('theme') || 'relaxed'; + + theme_name = theme_name.toLowerCase(); // Clear any current theme - this.$el.removeClass(function (i, css) { - return (css.match(/\btheme_\S+/g) || []).join(' '); + $('[data-theme][rel="stylesheet"]').each(function (idx, link) { + var $link = $(link); + $link.attr('rel', 'alternate ' + $link.attr('rel'))[0].disabled = true; }); // Apply the new theme - this.$el.addClass('theme_' + (theme_name || 'relaxed')); + //this.$el.addClass('theme_' + (theme_name || 'relaxed')); + var link = $('[data-theme][title=' + theme_name + ']'); + if (link.length > 0) { + link.attr('rel', 'stylesheet')[0].disabled = false; + } }, diff --git a/config.example.js b/config.example.js index a86fdb1..8fb2bb2 100644 --- a/config.example.js +++ b/config.example.js @@ -182,7 +182,13 @@ conf.client = { show_timestamps: false, mute_sounds: false, show_emoticons: true - } + }, + themes: [ + 'relaxed', + 'mini', + 'cli', + 'basic' + ] }; -- 2.25.1