projects / KiwiIRC.git / blame
| Commit | Line | Data |
|---|---|---|
| 696a66f8 | 1 | html, body { height:100%; } |
| 8af29f2b | 2 | * { margin:0; padding:0; } |
| 696a66f8 D |
3 | |
| 4 | ||
| 5 | ||
| 8af29f2b | 6 | /* Few resets for within the kiwi container */ |
| 696a66f8 D |
7 | #kiwi { |
| 8 | overflow:hidden; position:relative; | |
| 9 | height:100%; | |
| 5998fd56 | 10 | } |
| 8af29f2b D |
11 | #kiwi * { margin:0px; padding:0px; } |
| 12 | #kiwi p { margin:0.5em 0; } | |
| 13 | #kiwi a { color:#36C; text-decoration:none; cursor:pointer; } | |
| 14 | #kiwi a img { border:none; } | |
| 9d8f8dfe | 15 | #kiwi .format_span a { color: inherit; background-color: inherit; text-decoration: inherit; font-style: inherit; font-weight: inherit;} |
| 5998fd56 | 16 | |
| 696a66f8 | 17 | |
| 696a66f8 D |
18 | /** |
| 19 | * Main layout blocks | |
| 20 | */ | |
| 4f99a29b | 21 | #kiwi .toolbar { position:absolute; top:0px; width:100%; display:none; } |
| 30f9f42a D |
22 | #kiwi .panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } |
| 23 | #kiwi .memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; } | |
| 1e85105e | 24 | #kiwi .controlbox { position: absolute; bottom:0px; width:100%; display:none; } |
| 30f9f42a | 25 | #kiwi .memberlists_resize_handle { |
| 696a66f8 | 26 | position: absolute; width:10px; z-index:1; cursor:w-resize; |
| 696a66f8 D |
27 | } |
| 28 | ||
| 29 | ||
| de214968 | 30 | #kiwi .toolbar .tabs { margin-right: 200px; } |
| 4f99a29b | 31 | #kiwi .toolbar .panellist { |
| 696a66f8 | 32 | overflow: hidden; |
| 696a66f8 | 33 | display:block; |
| 696a66f8 | 34 | } |
| 4f99a29b | 35 | #kiwi .toolbar .panellist li { |
| 696a66f8 D |
36 | float: left; list-style: inline; |
| 37 | display:inline; position:relative; | |
| 38 | padding:5px; margin:3px; | |
| 696a66f8 | 39 | cursor: pointer; |
| 8af29f2b | 40 | } |
| 696a66f8 | 41 | |
| 4f99a29b D |
42 | #kiwi .toolbar .panellist .active { padding-right:23px; } |
| 43 | #kiwi .toolbar .panellist .alert_highlight { font-weight: bold; } | |
| 44 | #kiwi .toolbar .panellist .alert_activity { font-weight: bold; } | |
| 45 | #kiwi .toolbar .panellist .alert_action { font-weight: bold; } | |
| 696a66f8 | 46 | |
| 4f99a29b D |
47 | #kiwi .toolbar .panellist li { width: auto; text-align: left; } |
| 48 | #kiwi .toolbar .panellist li .part { position: absolute; top: 5px; right: 5px; } | |
| 49 | #kiwi .toolbar .panellist li .part:before { content:"[x]"; } | |
| 50 | #kiwi .toolbar .panellist li .part:hover { color: #900; } | |
| 51 | #kiwi .toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
| 8af29f2b | 52 | |
| 4f99a29b D |
53 | #kiwi .toolbar .connections { overflow:hidden; } |
| 54 | #kiwi .toolbar .connections .connection { float:left; } | |
| 55 | #kiwi .toolbar .connections .panellist { display:inline; } | |
| 56 | #kiwi .toolbar .connections .panellist:after { content:""; } | |
| 8af29f2b | 57 | |
| 707593d2 | 58 | #kiwi .status_message { |
| 8af29f2b | 59 | background: #FFF; |
| 696a66f8 | 60 | border-bottom: 1px solid; |
| 8af29f2b | 61 | text-align: center; |
| 696a66f8 | 62 | } |
| 696a66f8 D |
63 | |
| 64 | ||
| 8af29f2b | 65 | #kiwi .panel_container { overflow-y:auto; height:100%; } |
| 696a66f8 D |
66 | |
| 67 | ||
| 68 | ||
| 8af29f2b | 69 | #kiwi .messages { |
| 696a66f8 D |
70 | overflow-x:wrap; |
| 71 | border:none; display: none; | |
| 696a66f8 | 72 | } |
| 8af29f2b D |
73 | #kiwi .messages a {} |
| 74 | #kiwi .messages.active { display:block; } | |
| 696a66f8 | 75 | |
| 8af29f2b D |
76 | #kiwi .messages .msg {} |
| 77 | #kiwi .messages .msg .time { display:inline; } | |
| 78 | #kiwi .messages .msg .nick { display:inline; } | |
| 79 | #kiwi .messages .msg .text { display:inline; } | |
| bf3bd4e5 | 80 | |
| 8af29f2b D |
81 | #kiwi .messages .msg.action .nick { display:none; } |
| 82 | #kiwi .messages .msg.action .text { } | |
| 83 | #kiwi .messages .msg.action.join { } | |
| 84 | #kiwi .messages .msg.action.part .text { } | |
| 85 | #kiwi .messages .msg.action.quit .text { } | |
| 86 | #kiwi .messages .msg.action.kick .text { } | |
| 87 | #kiwi .messages .msg.status .nick { display:none; } | |
| 88 | #kiwi .messages .msg.status .text { } | |
| 89 | #kiwi .messages .msg.topic .nick { display:none; } | |
| 90 | #kiwi .messages .msg.topic .text { } | |
| 91 | #kiwi .messages .msg.motd { } | |
| 92 | #kiwi .messages .msg.motd .nick { } | |
| 93 | #kiwi .messages .msg.motd .text { } | |
| 94 | #kiwi .messages .msg.whois .nick { } | |
| 95 | #kiwi .messages .msg.whois .text { } | |
| 96 | #kiwi .messages .msg.error .text { } | |
| 0197b21c | 97 | |
| 8af29f2b D |
98 | #kiwi .messages .msg.global_nick_highlight { } |
| 99 | #kiwi .messages .msg.highlight { } | |
| 696a66f8 | 100 | |
| 5b01f32b | 101 | #kiwi .messages .msg .media .media_content { white-space: normal; } |
| 696a66f8 | 102 | |
| 696a66f8 | 103 | |
| 8af29f2b | 104 | /* A member/nick list per channel */ |
| 30f9f42a D |
105 | #kiwi .memberlists { border-left: 1px solid #8A8A8A; } |
| 106 | #kiwi .memberlists.disabled { display:none; } | |
| 107 | #kiwi .memberlists ul { display:none; } | |
| 696a66f8 | 108 | |
| 8af29f2b | 109 | /* The active channels nicklist */ |
| 30f9f42a D |
110 | #kiwi .memberlists ul.active { display:block; } |
| 111 | #kiwi .memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
| 112 | #kiwi .memberlists ul li a.nick { } | |
| 696a66f8 | 113 | |
| 8af29f2b | 114 | /* The userbox shown when clicking a nick */ |
| e1fb4c61 D |
115 | #kiwi .userbox { position:relative; } |
| 116 | #kiwi .userbox a { } | |
| 117 | #kiwi .userbox a i { } | |
| 8af29f2b D |
118 | |
| 119 | ||
| 120 | ||
| 121 | /** | |
| 122 | * Control box | |
| 123 | */ | |
| 1e85105e | 124 | #kiwi .controlbox .input { |
| fb989cb2 | 125 | height:1.7em; position:relative; |
| 696a66f8 | 126 | } |
| 696a66f8 | 127 | |
| 8af29f2b | 128 | /* The nick label */ |
| 1e85105e D |
129 | #kiwi .controlbox .input .nick { cursor: pointer; } |
| 130 | #kiwi .controlbox .input .nick a { } | |
| 8af29f2b D |
131 | |
| 132 | /* Wrapper div around the text area input */ | |
| 1e85105e | 133 | #kiwi .controlbox .input .input_wrap { display:inline; } |
| 8af29f2b D |
134 | |
| 135 | /* The textarea input */ | |
| 1e85105e | 136 | #kiwi .controlbox .input .inp { white-space: nowrap; } |
| 8af29f2b D |
137 | |
| 138 | ||
| 139 | /* Nick change dialog showed when clicking the nick label */ | |
| 1e85105e | 140 | #kiwi .controlbox .nickchange { |
| 696a66f8 | 141 | position: absolute; |
| 8af29f2b | 142 | background: #FFF; |
| 696a66f8 | 143 | } |
| 1e85105e D |
144 | #kiwi .controlbox .nickchange input { } |
| 145 | #kiwi .controlbox .nickchange button { } | |
| 696a66f8 | 146 | |
| fb989cb2 | 147 | /* Plugin tools */ |
| 1e85105e D |
148 | #kiwi .controlbox .input_tools { float:right; } |
| 149 | #kiwi .controlbox .input_tools .tool { margin:0 1em; display:inline; } | |
| fb989cb2 | 150 | |
| 696a66f8 D |
151 | |
| 152 | ||
| 8af29f2b D |
153 | /** |
| 154 | * Topic bar | |
| 155 | */ | |
| de214968 D |
156 | #kiwi .toolbar .topic { position:relative; height:2em; } |
| 157 | #kiwi .toolbar .topic div { | |
| 696a66f8 | 158 | position:absolute; |
| 8af29f2b | 159 | top:0; bottom:0; left:0; right:0; |
| f5035603 | 160 | overflow: hidden; |
| 696a66f8 D |
161 | } |
| 162 | ||
| 163 | ||
| 164 | ||
| 165 | ||
| 166 | ||
| 8af29f2b D |
167 | /** |
| 168 | * Server selection dialog | |
| 169 | */ | |
| 5aa89af2 | 170 | #kiwi .server_select { position:relative; width:320px; margin:0 auto; overflow:hidden; } |
| 3735e390 | 171 | #kiwi .server_select.initial { margin-top: 3em; } |
| 8af29f2b D |
172 | #kiwi .server_select .more { display: none; } |
| 173 | #kiwi .server_select button { } | |
| 174 | #kiwi .server_select input { } | |
| bac3c32e | 175 | #kiwi .server_select label { } |
| 8af29f2b D |
176 | #kiwi .server_select br { clear:both; } |
| 177 | #kiwi .server_select .basic input { } | |
| 178 | #kiwi .server_select .basic label { } | |
| 179 | #kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; } | |
| 180 | #kiwi .server_select .basic .show_more { } | |
| fdce9047 | 181 | #kiwi .server_select .basic tr.pass { display:none; } |
| 9f67f0f2 | 182 | #kiwi .server_select .basic tr.key { display:none; } |
| 8af29f2b D |
183 | #kiwi .server_select.single_server .basic { border:none; } |
| 184 | #kiwi .server_select .status { } | |
| 696a66f8 | 185 | |
| 6a296cf0 D |
186 | /* Channel key icon */ |
| 187 | #kiwi .server_select .basic tr.channel td { position: relative; } | |
| 188 | #kiwi .server_select .basic tr.channel .icon-key { | |
| 189 | position: absolute; | |
| 700ef8ba D |
190 | top: 0.4em; |
| 191 | right: 0.6em; | |
| 6a296cf0 D |
192 | font-size: 1.3em; |
| 193 | cursor: pointer; | |
| 194 | } | |
| 195 | #kiwi .server_select .basic tr.have_key { display:none; } | |
| 196 | ||
| 8af29f2b D |
197 | /* When connected to an IRC server, .ok is set on the status div */ |
| 198 | #kiwi .server_select .status.ok { } | |
| 696a66f8 | 199 | |
| 8af29f2b D |
200 | /* IRC server connection error, .error is set on the status div */ |
| 201 | #kiwi .server_select .status.error { } | |
| 696a66f8 D |
202 | |
| 203 | ||
| 204 | ||
| 8af29f2b D |
205 | /* Logo and title in the server selection dialog */ |
| 206 | #kiwi .server_select .kiwi_logo { text-align: center; display:block; } | |
| 207 | #kiwi .server_select .kiwi_logo h1 { } | |
| 208 | #kiwi .server_select .kiwi_logo img { } | |
| 696a66f8 D |
209 | |
| 210 | ||
| 211 | ||
| 8af29f2b | 212 | /* Icons in the top right corner */ |
| 4f99a29b D |
213 | #kiwi .toolbar .app_tools { float:right; } |
| 214 | #kiwi .toolbar .app_tools ul li { | |
| 8af29f2b | 215 | display:inline; cursor:pointer; |
| 7de3dd03 | 216 | } |
| 4f99a29b | 217 | #kiwi .toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; } |
| 696a66f8 D |
218 | |
| 219 | ||
| 220 | ||
| 8af29f2b | 221 | /* Settings applet */ |
| 34edea2e VC |
222 | #kiwi div.settings{padding:50px}@media screen and (max-width: 768px){#kiwi div.settings{padding:25px}}#kiwi .settings .clearfix:before,#kiwi .settings .list-inline:before,#kiwi .settings .thumbnails:before,#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{content:' ';display:table}#kiwi .settings .clearfix:after,#kiwi .settings .list-inline:after,#kiwi .settings .thumbnails:after{clear:both}#kiwi .settings .list-unstyled,#kiwi .settings .list-inline,#kiwi .settings .thumbnails{list-style-type:none;margin:0;padding:0}#kiwi .settings .list-inline>li,#kiwi .settings .thumbnails>li{display:inline-block}#kiwi .settings h1,#kiwi .settings h2,#kiwi .settings h3{margin-top:22px;margin-bottom:11px}#kiwi .settings h4,#kiwi .settings h5,#kiwi .settings h6{margin-top:11px;margin-bottom:11px}#kiwi .settings h1{font-size:46px}#kiwi .settings h2{font-size:40px}#kiwi .settings h3{font-size:34px}#kiwi .settings h4{font-size:28px}#kiwi .settings h5{font-size:22px}#kiwi .settings h6{font-size:16px}#kiwi .settings label{cursor:pointer}#kiwi .settings input,#kiwi .settings select,#kiwi .settings textarea{width:100%}#kiwi .settings input[size],#kiwi .settings select[size],#kiwi .settings textarea[size]{width:auto}#kiwi .settings input[type="file"],#kiwi .settings input[type="image"],#kiwi .settings input[type="submit"],#kiwi .settings input[type="reset"],#kiwi .settings input[type="button"],#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{width:auto}#kiwi .settings input[type="radio"],#kiwi .settings input[type="checkbox"]{cursor:pointer;margin-top:2px}#kiwi .settings input[type="checkbox"]{margin-top:3px}#kiwi .settings .radio,#kiwi .settings .checkbox{margin-bottom:10px;padding-left:20px}#kiwi .settings .radio label,#kiwi .settings .checkbox label{cursor:pointer}#kiwi .settings .radio:last-child,#kiwi .settings .checkbox:last-child{margin-bottom:0}#kiwi .settings .radio input[type="radio"],#kiwi .settings .checkbox input[type="checkbox"]{float:left;margin-left:-20px}#kiwi .settings .radio+.radio,#kiwi .settings .checkbox+.checkbox{margin-top:-7px}#kiwi .settings .thumbnail{float:left;margin-right:15px;text-align:center}#kiwi .settings .thumbnail>.thumbnail_wrapper{border-radius:3px;padding:3px}#kiwi .settings .thumbnail>img{border-radius:2px}#kiwi .settings .thumbnail.active>.thumbnail_wrapper{background-color:#a6c42c;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c),color-stop(100%, #76bd2b));background-image:-webkit-linear-gradient(#a6c42c,#76bd2b);background-image:linear-gradient(#a6c42c,#76bd2b)}#kiwi .settings section{padding-bottom:20px}#kiwi .settings .theme_color{border-radius:2px;height:75px;width:75px}#kiwi .settings .input-group{margin:0 0 20px 20px}#kiwi .settings .input-group:last-child{margin-bottom:0} |
| 223 | ||
| 224 | ||
| 225 | ||
| 93fa049c D |
226 | |
| 227 | ||
| 228 | ||
| 696a66f8 D |
229 | |
| 230 | /** | |
| 231 | * Reusable componants | |
| 232 | */ | |
| 233 | ||
| 8af29f2b | 234 | #kiwi .divider-verticle { |
| 696a66f8 D |
235 | border-left: 1px solid #CFCFCF; |
| 236 | border-right: 1px solid #FFFFFF; | |
| 237 | position: absolute; | |
| 238 | top:25px; bottom:25px; | |
| 239 | right:0; | |
| 240 | width:0; | |
| 241 | } | |
| 242 | ||
| 8af29f2b | 243 | #kiwi .divider-horizontal { |
| 696a66f8 D |
244 | border-top: 1px solid #CFCFCF; |
| 245 | border-bottom: 1px solid #FFFFFF; | |
| 246 | position: absolute; | |
| 247 | left:25px; right:25px; | |
| 248 | bottom:0; | |
| 249 | height:0; | |
| 250 | } | |
| 251 | ||
| 252 | ||
| 253 | ||
| 567a2f79 D |
254 | #kiwi .loader { |
| 255 | background:url(../img/loader.gif) no-repeat; | |
| 256 | width:43px; height:11px; | |
| 257 | display:inline-block; | |
| 258 | } | |
| 259 | ||
| 260 | ||
| 261 | ||
| 696a66f8 | 262 | |
| e1fb4c61 D |
263 | #kiwi .ui_menu { |
| 264 | padding: 0; | |
| 265 | z-index:10; | |
| 266 | position: absolute; | |
| 267 | top: 100px; left: 100px; | |
| 268 | background: #fff; | |
| 269 | border: 1px solid #bbb; | |
| 270 | background-clip: padding-box; | |
| 271 | } | |
| 272 | #kiwi .ui_menu .ui_menu_title { | |
| 273 | padding: 5px 10px 5px 10px; font-weight: bold; overflow:hidden; background:#ddd; | |
| 274 | } | |
| 275 | #kiwi .ui_menu .ui_menu_content { padding: 5px 10px 5px 10px; border-top:1px solid #e9e9e9; overflow:hidden; position:relative; } | |
| 276 | #kiwi .ui_menu .ui_menu_content > a { display: block; } | |
| 277 | #kiwi .ui_menu .ui_menu_content > a[class^="icon-"]:before, | |
| 278 | #kiwi .ui_menu .ui_menu_content > a[class*=" icon-"]:before { margin-right: 5px; color:#666; } | |
| 279 | #kiwi .ui_menu .ui_menu_foot { | |
| 280 | padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden; | |
| 281 | } | |
| 282 | #kiwi .ui_menu .ui_menu_foot .close { } | |
| 283 | ||
| 284 | ||
| 285 | ||
| 286 | ||
| 696a66f8 D |
287 | |
| 288 | /** | |
| 289 | * Themes | |
| 290 | */ | |
| 291 | ||
| 292 | ||
| 8af29f2b D |
293 | /* Relaxed theme */ |
| 294 | #kiwi.theme_relaxed { | |
| 295 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; | |
| 296 | color: #555555; | |
| 696a66f8 | 297 | } |
| 8af29f2b D |
298 | #kiwi.theme_relaxed, |
| 299 | #kiwi.theme_relaxed input, | |
| 300 | #kiwi.theme_relaxed button, | |
| 301 | #kiwi.theme_relaxed textarea { | |
| 302 | font-family:Arial, Helvetica, sans-serif; | |
| 303 | font-size:14px; line-height:1.4em; | |
| 304 | } | |
| 305 | #kiwi.theme_relaxed input, textarea { | |
| 306 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); | |
| 307 | border: none; | |
| 308 | border-radius: 3px; | |
| 309 | } | |
| 4f99a29b | 310 | #kiwi.theme_relaxed .toolbar { |
| 8af29f2b D |
311 | background-color:#1B1B1B; font-size:0.9em; |
| 312 | } | |
| 1e85105e | 313 | #kiwi.theme_relaxed .controlbox { background-color:#1B1B1B; } |
| 30f9f42a | 314 | #kiwi.theme_relaxed .memberlists_resize_handle { |
| 8af29f2b D |
315 | /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ |
| 316 | } | |
| 4f99a29b | 317 | #kiwi.theme_relaxed .toolbar .panellist li { |
| 8af29f2b D |
318 | line-height: 1.4em; |
| 319 | vertical-align: middle; | |
| 320 | ||
| 8af29f2b D |
321 | -moz-border-radius:5px; |
| 322 | -webkit-border-radius:5px; | |
| 323 | -khtml-border-radius:5px; | |
| c62a9570 | 324 | border-radius:5px; |
| 8af29f2b D |
325 | behavior: url(border-radius.htc); |
| 326 | ||
| 327 | background-image: -webkit-gradient( | |
| 328 | linear, | |
| 329 | left top, | |
| 330 | left bottom, | |
| 331 | color-stop(0.38, rgb(238,238,238)), | |
| 332 | color-stop(0.68, rgb(209,209,209)) | |
| 333 | ); | |
| 334 | background-image: -moz-linear-gradient( | |
| 335 | center top, | |
| 336 | rgb(238,238,238) 38%, | |
| 337 | rgb(209,209,209) 68% | |
| 338 | ); | |
| 339 | ||
| 340 | border: 1px solid #333; | |
| 341 | background-color: #eee; | |
| 696a66f8 D |
342 | } |
| 343 | ||
| 4f99a29b D |
344 | #kiwi.theme_relaxed .toolbar .panellist .alert_highlight { /*background: #990000;*/ } |
| 345 | #kiwi.theme_relaxed .toolbar .panellist .alert_activity { font-weight:normal; } | |
| 346 | #kiwi.theme_relaxed .toolbar .panellist .alert_action { font-weight:normal; } | |
| 696a66f8 | 347 | |
| 4f99a29b D |
348 | #kiwi.theme_relaxed .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
| 349 | #kiwi.theme_relaxed .toolbar .panellist li .part:before { content:"\f00d"; } | |
| 696a66f8 | 350 | |
| 4f99a29b D |
351 | #kiwi.theme_relaxed .toolbar .panellist li.server span { padding-left: 5px; } |
| 352 | #kiwi.theme_relaxed.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
| 353 | #kiwi.theme_relaxed .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } | |
| 696a66f8 | 354 | |
| 8af29f2b | 355 | /* Tab texts are within a span */ |
| 4f99a29b | 356 | #kiwi.theme_relaxed .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
| 3adc7463 | 357 | |
| 4f99a29b D |
358 | #kiwi.theme_relaxed .toolbar .panellist li.active .activity { display:none; } |
| 359 | #kiwi.theme_relaxed .toolbar .panellist li .activity.zero { visibility:hidden; } | |
| 360 | #kiwi.theme_relaxed .toolbar .panellist li .activity { | |
| 3adc7463 D |
361 | padding: 1px 3px; margin-left:1em; |
| 362 | border-radius: 4px; | |
| 363 | background: #3F9532; color:#000; /*color: #ff5300;*/ | |
| 364 | text-align: center; font-size: 10px; | |
| 365 | display:inline-block; | |
| 366 | width:2em; | |
| 367 | } | |
| 4f99a29b | 368 | #kiwi.theme_relaxed .toolbar .panellist li.alert_highlight .activity { |
| 3adc7463 D |
369 | color: #fff; background: #a60400; |
| 370 | } | |
| 8af29f2b | 371 | |
| 707593d2 | 372 | #kiwi.theme_relaxed .status_message { |
| 8af29f2b D |
373 | background: #FEEFB3; color: #9F6000; |
| 374 | border-bottom: 1px solid; | |
| 375 | padding: 0.9em; | |
| 376 | text-align: center; font-size:1.1em; | |
| 377 | } | |
| 707593d2 | 378 | #kiwi.theme_relaxed .status_message.err { color:#D8000C; background:#FFBABA; } |
| 8af29f2b D |
379 | |
| 380 | #kiwi.theme_relaxed .messages { color: #333333; } | |
| 381 | #kiwi.theme_relaxed .messages.active { } | |
| 382 | #kiwi.theme_relaxed .messages a { text-decoration:none; } | |
| 383 | ||
| 384 | #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } | |
| 2bbb5225 | 385 | #kiwi.theme_relaxed .messages .msg .time { width:5em; float:left; color:#777; padding:5px; display:none; } |
| 318c5545 | 386 | #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; } |
| 8af29f2b | 387 | #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; } |
| 696a66f8 | 388 | |
| e579ff0d D |
389 | #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } |
| 390 | #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
| 391 | ||
| 8af29f2b | 392 | #kiwi.theme_relaxed .messages .msg.action .nick { } |
| 318c5545 | 393 | #kiwi.theme_relaxed .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } |
| 696a66f8 D |
394 | #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } |
| 395 | #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } | |
| 396 | #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } | |
| 397 | #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } | |
| 8af29f2b | 398 | #kiwi.theme_relaxed .messages .msg.status .nick { } |
| 696a66f8 D |
399 | #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } |
| 400 | #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } | |
| 401 | #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
| 696a66f8 | 402 | #kiwi.theme_relaxed .messages .msg.motd { border:none; } |
| 8af29f2b | 403 | /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ |
| 0bbc9309 | 404 | #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; font-family:monospace; } |
| 696a66f8 D |
405 | #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } |
| 406 | #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
| 407 | #kiwi.theme_relaxed .messages .msg.error .text { | |
| 408 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 409 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 410 | } | |
| 411 | ||
| 2bbb5225 D |
412 | #kiwi.theme_relaxed.timestamps .messages .msg .time { display:block; } |
| 413 | #kiwi.theme_relaxed.timestamps .messages .msg .text { margin-left:17em; } | |
| 414 | ||
| 8af29f2b D |
415 | #kiwi.theme_relaxed .messages .msg.global_nick_highlight, |
| 416 | #kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; } | |
| 417 | ||
| e579ff0d D |
418 | /* Narrow styling (window width < 400px) */ |
| 419 | #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } | |
| 420 | #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
| 421 | #kiwi.theme_relaxed.narrow .messages .msg.action .text { margin-left: 1em; } | |
| 422 | ||
| 8af29f2b | 423 | |
| b025bb57 D |
424 | #kiwi.theme_relaxed .messages .msg .media { margin-left:0.5em; } |
| 425 | #kiwi.theme_relaxed .messages .msg .media .media_close { font-size:0.9em; } | |
| b9149cd0 | 426 | #kiwi.theme_relaxed .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; } |
| b025bb57 | 427 | #kiwi.theme_relaxed .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } |
| b9149cd0 D |
428 | #kiwi.theme_relaxed .messages .msg .media .media_content > .content { |
| 429 | background: white; | |
| 430 | overflow: hidden; | |
| 431 | padding: 10px; | |
| 432 | border: #DDD 1px solid; | |
| 433 | border-top-color: #EEE; | |
| 434 | border-bottom-color: #BBB; | |
| 435 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 436 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
| 437 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 438 | border-radius: 5px; | |
| 439 | float: left; | |
| 440 | } | |
| 441 | ||
| 442 | #kiwi.theme_relaxed .messages .msg .media.twitter .media_content > .content { | |
| 443 | background: transparent; | |
| 444 | border:none; | |
| 445 | overflow: hidden; | |
| 446 | box-shadow: none; | |
| 447 | padding: 0; | |
| 448 | } | |
| 449 | #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail_nsfw { | |
| 450 | display: inline-block; | |
| 451 | float: left; | |
| 452 | } | |
| 453 | #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
| b025bb57 | 454 | |
| 8af29f2b | 455 | |
| 30f9f42a | 456 | #kiwi.theme_relaxed .memberlists { |
| 8af29f2b D |
457 | background-color: #DADADA; |
| 458 | border-left: 1px solid #8A8A8A; | |
| 459 | } | |
| 30f9f42a D |
460 | #kiwi.theme_relaxed.narrow .memberlists { display:none; } |
| 461 | #kiwi.theme_relaxed .memberlists ul { list-style: none; } | |
| 462 | #kiwi.theme_relaxed .memberlists ul.active { } | |
| 463 | #kiwi.theme_relaxed .memberlists ul li { padding: 0.2em 1em; } | |
| 464 | #kiwi.theme_relaxed .memberlists ul li:hover { | |
| 8af29f2b D |
465 | border-left: 5px solid #88C56A; |
| 466 | -webkit-transition: 0.2s ease; | |
| 467 | -moz-transition: 0.2s ease; | |
| 468 | -ms-transition: 0.2s ease; | |
| 469 | -o-transition: 0.2s ease; | |
| 470 | transition: 0.2s ease; | |
| 471 | } | |
| 30f9f42a | 472 | #kiwi.theme_relaxed .memberlists ul li a.nick { display:block; color:black; } |
| 8af29f2b | 473 | |
| e1fb4c61 D |
474 | #kiwi.theme_relaxed .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
| 475 | #kiwi.theme_relaxed .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
| 476 | #kiwi.theme_relaxed .userbox a i { font-size:1.1em; margin-right:5px; } | |
| 8af29f2b | 477 | |
| 06be3458 | 478 | /* User mode styles */ |
| 30f9f42a | 479 | #kiwi.theme_relaxed .memberlists ul li .prefix { |
| 06be3458 D |
480 | display:none; |
| 481 | width:20px; height:20px; | |
| 482 | border-radius: 5px; | |
| 483 | margin: 0 7px 0 0; | |
| 484 | font-size:12px; text-align: center; | |
| 485 | color: #E3E3E3; | |
| 486 | /* text-indent: -1000px; */ | |
| 487 | } | |
| 488 | /* Most important modes towards the bottom - they override the top ones! */ | |
| 30f9f42a D |
489 | #kiwi.theme_relaxed .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; } |
| 490 | #kiwi.theme_relaxed .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; } | |
| 491 | #kiwi.theme_relaxed .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; } | |
| 492 | #kiwi.theme_relaxed .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; } | |
| 493 | #kiwi.theme_relaxed .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; } | |
| 8af29f2b | 494 | |
| 1e85105e | 495 | #kiwi.theme_relaxed .controlbox .input { |
| 8af29f2b D |
496 | background:#fff; margin:3px; |
| 497 | height:1.7em; | |
| 498 | border-radius:5px; | |
| 499 | -moz-border-radius:5px; | |
| 500 | -webkit-border-radius:5px; | |
| 501 | -khtml-border-radius:5px; | |
| 502 | } | |
| 1e85105e | 503 | #kiwi.theme_relaxed .controlbox .input .nick a { text-decoration:none; color:black; } |
| e4a325a4 | 504 | #kiwi.theme_relaxed .controlbox .input .nick { |
| 2bb842e1 WP |
505 | text-align: right; |
| 506 | width: 11em; | |
| 507 | left: 0px; | |
| 508 | position: absolute; | |
| 509 | overflow: hidden; | |
| 510 | background-color: #eee; | |
| 511 | border-radius: 3px 0 0 3px; | |
| 512 | border-right: 1px solid #ccc; | |
| 513 | padding: 2px; | |
| 514 | padding-right: 0.5em; | |
| 2bb842e1 | 515 | } |
| e579ff0d | 516 | |
| 1e85105e D |
517 | #kiwi.theme_relaxed.narrow .controlbox .input .nick { display:none; } |
| 518 | #kiwi.theme_relaxed.narrow .controlbox .input .input_wrap { left:7px; } | |
| e579ff0d | 519 | |
| 1e85105e | 520 | #kiwi.theme_relaxed .controlbox .input .input_wrap { |
| 8af29f2b D |
521 | position:absolute; |
| 522 | right:7px; left: 12.2em; | |
| 523 | height:1.7em; | |
| 524 | } | |
| 1e85105e | 525 | #kiwi.theme_relaxed .controlbox .input .inp { |
| 8af29f2b D |
526 | line-height:1.7em; |
| 527 | border: medium none; | |
| 528 | box-shadow: none; | |
| 529 | border-radius: 0; | |
| 530 | outline:none; resize:none; | |
| 531 | overflow:hidden; | |
| 532 | position:relative; | |
| 533 | height:100%; width:100%; | |
| 534 | display: block; | |
| 535 | } | |
| 536 | ||
| 537 | ||
| 1e85105e | 538 | #kiwi.theme_relaxed .controlbox .nickchange { |
| 8af29f2b D |
539 | padding:10px; left: 0px; |
| 540 | background: #1B1B1B; color:#eeeeee; | |
| 541 | } | |
| 1e85105e D |
542 | #kiwi.theme_relaxed .controlbox .nickchange input { padding:0.3em 0.5em; } |
| 543 | #kiwi.theme_relaxed .controlbox .nickchange button { padding:0.5em; } | |
| 8af29f2b D |
544 | |
| 545 | ||
| 546 | ||
| de214968 D |
547 | #kiwi.theme_relaxed .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; } |
| 548 | #kiwi.theme_relaxed .toolbar .topic div { | |
| 8af29f2b D |
549 | padding: 0.2em 1em; |
| 550 | text-align: center; | |
| 551 | box-shadow: none; | |
| 552 | border-radius: 0; | |
| 553 | background-color:#FFF; | |
| 554 | height: 1.5em; | |
| 555 | overflow: hidden; | |
| 556 | outline: none; | |
| 03b71faf D |
557 | white-space: nowrap; |
| 558 | } | |
| de214968 | 559 | #kiwi.theme_relaxed .toolbar .topic:hover div { |
| 03b71faf D |
560 | min-height:1.5em; |
| 561 | white-space:pre-wrap; word-wrap:break-word; | |
| 562 | overflow:visible; | |
| 563 | background-color:#FFF; | |
| 564 | z-index: 1; | |
| 565 | height:auto; bottom:auto; | |
| 566 | border-bottom: 2px solid #1B1B1B; | |
| 8af29f2b D |
567 | } |
| 568 | ||
| 569 | ||
| 4f99a29b | 570 | #kiwi.theme_relaxed .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } |
| de214968 | 571 | #kiwi.theme_relaxed.narrow .toolbar .tabs { margin-right:0; } |
| 4f99a29b D |
572 | #kiwi.theme_relaxed.narrow .toolbar .app_tools { width:auto; } |
| 573 | #kiwi.theme_relaxed .toolbar .app_tools ul li { | |
| 8af29f2b D |
574 | font-size:26px; |
| 575 | -webkit-transition: all .3s ease; | |
| 576 | -moz-transition: all .3s ease; | |
| 577 | transition: all .3s ease; | |
| 578 | margin-left:10px; | |
| 579 | } | |
| 4f99a29b D |
580 | #kiwi.theme_relaxed .toolbar .app_tools ul li:hover { color:#88C56A; } |
| 581 | #kiwi.theme_relaxed .toolbar .app_tools img { } | |
| 8af29f2b D |
582 | |
| 583 | ||
| 584 | /* The server select dialog */ | |
| 3735e390 | 585 | #kiwi.theme_relaxed .server_select { margin-left:auto; margin-right:auto; } |
| 8af29f2b | 586 | #kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; } |
| bac3c32e D |
587 | #kiwi.theme_relaxed .server_select table tr td { padding:5px; } |
| 588 | #kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; } | |
| 589 | #kiwi.theme_relaxed .server_select input { padding:3px 7px; width:150px; } | |
| 590 | #kiwi.theme_relaxed .server_select label { } | |
| 8af29f2b D |
591 | #kiwi.theme_relaxed .server_select br { clear:both; } |
| 592 | #kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
| 593 | #kiwi.theme_relaxed .server_select .basic input { width:170px; } | |
| 594 | #kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
| bac3c32e | 595 | #kiwi.theme_relaxed .server_select .basic tr.have_pass { font-size:0.8em; } |
| 9f67f0f2 | 596 | #kiwi.theme_relaxed .server_select .basic tr.have_key { font-size:0.8em; } |
| bac3c32e | 597 | #kiwi.theme_relaxed .server_select .basic tr.channel td { padding-top:1em; } |
| 8af29f2b | 598 | #kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } |
| bac3c32e | 599 | #kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; } |
| 8af29f2b D |
600 | #kiwi.theme_relaxed .server_select.single_server .basic { border:none; } |
| 601 | #kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
| 602 | #kiwi.theme_relaxed .server_select .status.ok { } | |
| 603 | #kiwi.theme_relaxed .server_select .status.error { | |
| 604 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 605 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 606 | } | |
| 607 | ||
| 608 | ||
| 32759314 | 609 | #kiwi.theme_relaxed .server_select .kiwi_logo { margin-top:30px; } |
| 4047ee2b D |
610 | #kiwi.theme_relaxed .server_select .kiwi_logo h1 span { |
| 611 | font-size:14px; | |
| 612 | line-height:24px; vertical-align: middle; | |
| 8af29f2b D |
613 | color: #555555; |
| 614 | } | |
| 4047ee2b | 615 | #kiwi.theme_relaxed .server_select .kiwi_logo img { display:inline; width:24px; } |
| 8af29f2b | 616 | |
| 696a66f8 | 617 | |
| 30f9f42a | 618 | #kiwi.theme_relaxed.chanlist_treeview .panels { left:160px; } |
| 4f99a29b D |
619 | #kiwi.theme_relaxed.chanlist_treeview .toolbar { position:static; } |
| 620 | #kiwi.theme_relaxed.chanlist_treeview .toolbar .app_tools { float:none; } | |
| 621 | #kiwi.theme_relaxed.chanlist_treeview .toolbar > div { margin-left:160px; } | |
| de214968 D |
622 | #kiwi.theme_relaxed.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } |
| 623 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li { display:block; float:none; } | |
| 624 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; } | |
| 625 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li.active { | |
| 3adc7463 D |
626 | margin-right:0; |
| 627 | border-right-width:0; | |
| 628 | border-bottom-right-radius:0; | |
| 629 | border-top-right-radius:0; | |
| 630 | } | |
| 696a66f8 D |
631 | |
| 632 | ||
| 039a3156 D |
633 | #kiwi.theme_relaxed .applet > div.settings button.save { |
| 634 | padding:1em 2em; | |
| 635 | border:1px solid gray; border-radius:3px; | |
| 636 | } | |
| 637 | #kiwi.theme_relaxed .applet > div.settings tr { | |
| 638 | border-bottom: 1px dashed black; | |
| 639 | } | |
| 3f085329 | 640 | |
| 039a3156 D |
641 | #kiwi.theme_relaxed .applet > div.settings td.label { |
| 642 | font-weight: bold; | |
| 643 | } | |
| 644 | #kiwi.theme_relaxed .applet > div.settings tr.save { | |
| 645 | text-align: right; | |
| 646 | } | |
| 3f085329 D |
647 | |
| 648 | ||
| e1fb4c61 D |
649 | #kiwi.theme_relaxed .ui_menu { |
| 650 | border-radius: 3px; | |
| 651 | color: #333; | |
| 652 | box-shadow: 0 3px 8px rgba(0, 0, 0, .25); | |
| 653 | } | |
| 654 | #kiwi.theme_relaxed .ui_menu .ui_menu_title { | |
| 655 | border-top-left-radius: 3px; | |
| 656 | border-top-right-radius: 3px; | |
| 657 | } | |
| 658 | #kiwi.theme_relaxed .ui_menu .ui_menu_content { } | |
| 659 | #kiwi.theme_relaxed .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } | |
| 660 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot { | |
| 661 | border-bottom-left-radius: 3px; | |
| 662 | border-bottom-right-radius: 3px; | |
| 663 | } | |
| 664 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
| 665 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close:hover { color: #222; } | |
| 666 | ||
| 667 | ||
| 668 | ||
| 669 | ||
| 670 | ||
| 3f085329 D |
671 | /** |
| 672 | * Mini theme | |
| 673 | */ | |
| 674 | #kiwi.theme_mini { | |
| 675 | background: #FFF; | |
| 676 | color: #555555; | |
| 677 | } | |
| 678 | #kiwi.theme_mini, | |
| 679 | #kiwi.theme_mini input, | |
| 680 | #kiwi.theme_mini button, | |
| 681 | #kiwi.theme_mini textarea { | |
| 682 | font-family:Arial, Helvetica, sans-serif; | |
| 683 | font-size:14px; line-height:1.4em; | |
| 684 | } | |
| 685 | #kiwi.theme_mini input, textarea { | |
| 686 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); | |
| 687 | border: none; | |
| 688 | border-radius: 3px; | |
| 689 | } | |
| 4f99a29b | 690 | #kiwi.theme_mini .toolbar { |
| 3f085329 D |
691 | background-color:#1B1B1B; font-size:0.9em; |
| 692 | } | |
| 1e85105e | 693 | #kiwi.theme_mini .controlbox { background-color:#1B1B1B; } |
| 30f9f42a | 694 | #kiwi.theme_mini .memberlists_resize_handle { |
| 3f085329 D |
695 | display:none; width:0; |
| 696 | } | |
| 4f99a29b | 697 | #kiwi.theme_mini .toolbar .panellist li { |
| 3f085329 D |
698 | line-height: 1.4em; |
| 699 | vertical-align: middle; | |
| 700 | ||
| 701 | border-radius:5px; | |
| 702 | -moz-border-radius:5px; | |
| 703 | -webkit-border-radius:5px; | |
| 704 | -khtml-border-radius:5px; | |
| 705 | ||
| 706 | border: 1px solid #333; | |
| 707 | background-color: #eee; | |
| 708 | } | |
| 709 | ||
| de214968 | 710 | #kiwi.theme_mini .toolbar .tabs { margin-right:0 !important; } |
| 4f99a29b D |
711 | #kiwi.theme_mini .toolbar .panellist .alert_highlight { font-weight:bold; } |
| 712 | #kiwi.theme_mini .toolbar .panellist .alert_activity { font-weight:normal; } | |
| 713 | #kiwi.theme_mini .toolbar .panellist .alert_action { font-weight:normal; } | |
| 3f085329 | 714 | |
| 4f99a29b D |
715 | #kiwi.theme_mini .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
| 716 | #kiwi.theme_mini .toolbar .panellist li .part:before { content:"\f00d"; } | |
| 3f085329 | 717 | |
| 4f99a29b D |
718 | #kiwi.theme_mini .toolbar .panellist li.server span { padding-left:5px; } |
| 719 | #kiwi.theme_mini.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
| 720 | #kiwi.theme_mini .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } | |
| 3f085329 D |
721 | |
| 722 | /* Tab texts are within a span */ | |
| 4f99a29b | 723 | #kiwi.theme_mini .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
| e967ff52 | 724 | |
| 4f99a29b D |
725 | #kiwi.theme_mini .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
| 726 | #kiwi.theme_mini .toolbar .panellist li .activity:before { content:"("; } | |
| 727 | #kiwi.theme_mini .toolbar .panellist li .activity:after { content:")"; } | |
| 3f085329 | 728 | |
| 707593d2 | 729 | #kiwi.theme_mini .status_message { |
| 3f085329 D |
730 | background: #FEEFB3; color: #9F6000; |
| 731 | border-bottom: 1px solid; | |
| 732 | padding: 0.9em; | |
| 733 | text-align: center; font-size:1.1em; | |
| 734 | } | |
| 707593d2 | 735 | #kiwi.theme_mini .status_message.err { color:#D8000C; background:#FFBABA; } |
| 3f085329 D |
736 | |
| 737 | #kiwi.theme_mini .messages { color: #333333; } | |
| 738 | #kiwi.theme_mini .messages.active { } | |
| 739 | #kiwi.theme_mini .messages a { text-decoration:none; } | |
| 740 | ||
| 741 | #kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; } | |
| 742 | #kiwi.theme_mini .messages .msg .time { display:none; } | |
| 743 | #kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; } | |
| 744 | #kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; } | |
| 745 | ||
| 746 | #kiwi.theme_mini .messages .msg.action .nick { } | |
| 747 | #kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } | |
| 748 | #kiwi.theme_mini .messages .msg.action.join { color:#009900; } | |
| 749 | #kiwi.theme_mini .messages .msg.action.part .text { color:#900; } | |
| 750 | #kiwi.theme_mini .messages .msg.action.quit .text { color:#900; } | |
| 751 | #kiwi.theme_mini .messages .msg.action.kick .text { color:#900; } | |
| 752 | #kiwi.theme_mini .messages .msg.status .nick { } | |
| 753 | #kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } | |
| 754 | #kiwi.theme_mini .messages .msg.topic .nick { display:none; } | |
| 755 | #kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } | |
| 756 | #kiwi.theme_mini .messages .msg.motd { border:none; } | |
| 757 | /*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/ | |
| 758 | #kiwi.theme_mini .messages .msg.motd .text { color:#666; } | |
| 759 | #kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; } | |
| 760 | #kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } | |
| 761 | #kiwi.theme_mini .messages .msg.error .text { | |
| 762 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 763 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 764 | } | |
| 765 | ||
| 766 | #kiwi.theme_mini .messages .msg.global_nick_highlight, | |
| 767 | #kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; } | |
| 768 | ||
| 769 | ||
| 770 | ||
| eb09d8f1 VDF |
771 | #kiwi.theme_mini.chanlist_treeview .panels { left:160px; } |
| 772 | #kiwi.theme_mini.chanlist_treeview .toolbar { position:static; } | |
| 773 | #kiwi.theme_mini.chanlist_treeview .toolbar .app_tools { float:none; } | |
| 774 | #kiwi.theme_mini.chanlist_treeview .toolbar > div { } | |
| 775 | #kiwi.theme_mini.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } | |
| 776 | #kiwi.theme_mini.chanlist_treeview .tabs ul li { display:block; float:none; } | |
| 777 | #kiwi.theme_mini.chanlist_treeview .tabs ul li .activity { float:right; } | |
| 778 | #kiwi.theme_mini.chanlist_treeview .tabs ul li.active { padding-left:1em; } | |
| 779 | ||
| 780 | ||
| 781 | ||
| 782 | ||
| 30f9f42a | 783 | #kiwi.theme_mini .memberlists { |
| 3f085329 D |
784 | background-color: #DADADA; |
| 785 | border-left: 1px solid #8A8A8A; | |
| 786 | display:none; | |
| 787 | width:0px; | |
| 788 | } | |
| 30f9f42a D |
789 | #kiwi.theme_mini .memberlists ul { list-style: none; } |
| 790 | #kiwi.theme_mini .memberlists ul.active { } | |
| 791 | #kiwi.theme_mini .memberlists ul li { padding: 0.2em 1em; } | |
| 792 | #kiwi.theme_mini .memberlists ul li:hover { | |
| 3f085329 D |
793 | border-left: 5px solid #88C56A; |
| 794 | -webkit-transition: 0.2s ease; | |
| 795 | -moz-transition: 0.2s ease; | |
| 796 | -ms-transition: 0.2s ease; | |
| 797 | -o-transition: 0.2s ease; | |
| 798 | transition: 0.2s ease; | |
| 799 | } | |
| 30f9f42a | 800 | #kiwi.theme_mini .memberlists ul li a.nick { display:block; color:black; } |
| 3f085329 | 801 | |
| e1fb4c61 D |
802 | #kiwi.theme_mini .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
| 803 | #kiwi.theme_mini .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
| 804 | #kiwi.theme_mini .userbox a i { font-size:1.1em; margin-right:5px; } | |
| 3f085329 D |
805 | |
| 806 | ||
| 1e85105e | 807 | #kiwi.theme_mini .controlbox .input { |
| 3f085329 D |
808 | background:#fff; margin:3px; |
| 809 | height:1.7em; | |
| 810 | } | |
| 1e85105e D |
811 | #kiwi.theme_mini .controlbox .input .nick { display:none; } |
| 812 | #kiwi.theme_mini .controlbox .input .nick a { text-decoration:none; color:black; } | |
| 813 | #kiwi.theme_mini .controlbox .input .input_wrap { | |
| 3f085329 D |
814 | position:absolute; |
| 815 | right:3px; left:3px; | |
| 816 | height:1.7em; | |
| 817 | } | |
| 1e85105e | 818 | #kiwi.theme_mini .controlbox .input .inp { |
| 3f085329 D |
819 | line-height:1.7em; |
| 820 | border: medium none; | |
| 821 | box-shadow: none; | |
| 822 | border-radius: 0; | |
| 823 | resize:none; | |
| 824 | overflow:hidden; | |
| 825 | position:relative; | |
| 826 | height:100%; width:100%; | |
| 827 | display: block; | |
| 828 | } | |
| 829 | ||
| 830 | ||
| 1e85105e | 831 | #kiwi.theme_mini .controlbox .nickchange { |
| 3f085329 D |
832 | padding:10px; left: 0px; |
| 833 | background: #1B1B1B; color:#eeeeee; | |
| 834 | } | |
| 1e85105e D |
835 | #kiwi.theme_mini .controlbox .nickchange input { padding:0.3em 0.5em; } |
| 836 | #kiwi.theme_mini .controlbox .nickchange button { padding:0.5em; } | |
| 3f085329 D |
837 | |
| 838 | ||
| 839 | ||
| de214968 D |
840 | #kiwi.theme_mini .toolbar .topic { display:none; } |
| 841 | #kiwi.theme_mini .toolbar .topic div { | |
| 3f085329 D |
842 | top:2; bottom:2px; left:0; width:100%; |
| 843 | padding: 0.2em 1em; | |
| 844 | text-align: center; | |
| 845 | box-shadow: none; | |
| 846 | border-radius: 0; | |
| 847 | background-color:#FFF; | |
| 848 | height: 1.5em; | |
| 849 | overflow: hidden; | |
| 850 | outline: none; | |
| 851 | } | |
| 852 | ||
| 853 | ||
| 4f99a29b D |
854 | #kiwi.theme_mini .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } |
| 855 | #kiwi.theme_mini .toolbar .app_tools ul li { | |
| 3f085329 D |
856 | font-size:26px; |
| 857 | -webkit-transition: all .3s ease; | |
| 858 | -moz-transition: all .3s ease; | |
| 859 | transition: all .3s ease; | |
| 860 | margin-left:10px; | |
| 861 | } | |
| 4f99a29b D |
862 | #kiwi.theme_mini .toolbar .app_tools ul li:hover { color:#88C56A; } |
| 863 | #kiwi.theme_mini .toolbar .app_tools img { } | |
| 3f085329 D |
864 | |
| 865 | ||
| 866 | /* The server select dialog */ | |
| 867 | #kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } | |
| 868 | #kiwi.theme_mini .server_select .more { display:none; } | |
| 32759314 | 869 | #kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:1em auto; } |
| 3f085329 D |
870 | #kiwi.theme_mini .server_select input.nick { |
| 871 | float:none; display:block; width:80%; | |
| 872 | padding:0.5em 1em; margin:0 auto; | |
| 873 | text-align: center; | |
| 874 | } | |
| 875 | #kiwi.theme_mini .server_select label { display:none; } | |
| 876 | #kiwi.theme_mini .server_select br { clear:both; } | |
| 877 | #kiwi.theme_mini .server_select .basic { border:none; } | |
| fdce9047 D |
878 | #kiwi.theme_mini .server_select .basic table { width:100%; } |
| 879 | #kiwi.theme_mini .server_select .basic table tr.channel, | |
| 880 | #kiwi.theme_mini .server_select .basic table tr.pass, | |
| 881 | #kiwi.theme_mini .server_select .basic table tr.have_pass { display:none; } | |
| 9f67f0f2 JA |
882 | #kiwi.theme_mini .server_select .basic table tr.key, |
| 883 | #kiwi.theme_mini .server_select .basic table tr.have_key { display:none; } | |
| 3f085329 D |
884 | #kiwi.theme_mini .server_select .basic .show_more { display:none !important; } |
| 885 | #kiwi.theme_mini .server_select.single_server .basic { border:none; } | |
| 886 | #kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
| 887 | #kiwi.theme_mini .server_select .status.ok { } | |
| 888 | #kiwi.theme_mini .server_select .status.error { | |
| 889 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 890 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 891 | } | |
| 892 | ||
| 32759314 D |
893 | #kiwi.theme_mini .server_select .kiwi_logo h1 span { |
| 894 | font-size:14px; | |
| 895 | line-height:24px; vertical-align: middle; | |
| 896 | color: #555555; | |
| 3f085329 | 897 | } |
| 32759314 D |
898 | #kiwi.theme_mini .server_select .kiwi_logo img { display:inline; width:24px; } |
| 899 | ||
| 33a9d05b | 900 | #kiwi.theme_mini .server_select .side_panel { display: none; } |
| 3f085329 D |
901 | #kiwi.theme_mini .server_select .server_details { |
| 902 | position: relative !important; | |
| 903 | float: none !important; | |
| 904 | width: auto !important; | |
| 905 | padding: 0 !important; | |
| 906 | margin: 2em 0 0 0 !important; | |
| 907 | } | |
| 3f085329 D |
908 | |
| 909 | ||
| 910 | ||
| 911 | ||
| 912 | ||
| 913 | ||
| 914 | ||
| 915 | ||
| 696a66f8 D |
916 | /* CLI theme */ |
| 917 | #kiwi.theme_cli { background:#222222; color:#6d6d6d; } | |
| 03b71faf D |
918 | #kiwi.theme_cli, |
| 919 | #kiwi.theme_cli input, | |
| 920 | #kiwi.theme_cli button, | |
| 921 | #kiwi.theme_cli textarea { | |
| 922 | font-family:Arial, Helvetica, sans-serif; | |
| 923 | font-size:14px; line-height:1.4em; | |
| 924 | } | |
| 925 | ||
| 1e85105e D |
926 | #kiwi.theme_cli .controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } |
| 927 | #kiwi.theme_cli .controlbox .input_wrap:before { content:"> " } | |
| 928 | #kiwi.theme_cli .controlbox .input { background:none; border:none;} | |
| 929 | #kiwi.theme_cli .controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; overflow:hidden; } | |
| 930 | #kiwi.theme_cli .controlbox .input .input_wrap { | |
| 03b71faf D |
931 | position:absolute; |
| 932 | right:7px; left: 12.2em; | |
| 933 | height:1.7em; | |
| 934 | } | |
| 1e85105e | 935 | #kiwi.theme_cli .controlbox .input .inp { |
| 8d0837f0 | 936 | line-height:1.4em; |
| 03b71faf D |
937 | font-size:1.3em; |
| 938 | background:transparent; color:#909090; | |
| 939 | border: medium none; | |
| 940 | box-shadow: none; | |
| 941 | border-radius: 0; | |
| 942 | outline:none; resize:none; | |
| 943 | overflow:hidden; | |
| 944 | position:absolute; | |
| c5366583 | 945 | top: 0px; |
| 8d0837f0 | 946 | height:99%; width:98%; |
| 03b71faf D |
947 | display: inline; |
| 948 | padding-left:0.5em; | |
| 949 | } | |
| 950 | ||
| de214968 D |
951 | #kiwi.theme_cli .toolbar .topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; } |
| 952 | #kiwi.theme_cli .toolbar .topic div { | |
| 03b71faf D |
953 | width:100%; height: 1.5em; |
| 954 | padding: 0.2em 1em; | |
| 955 | text-align: center; | |
| 956 | color:#6d6d6d; | |
| 957 | border:none; outline:none; | |
| 958 | overflow: hidden; | |
| 959 | white-space: nowrap; | |
| 960 | } | |
| de214968 | 961 | #kiwi.theme_cli .toolbar .topic:hover div { |
| 03b71faf D |
962 | min-height:1.5em; |
| 963 | white-space:pre-wrap; word-wrap:break-word; | |
| 964 | overflow:visible; | |
| 965 | background-color:#111111; | |
| 966 | z-index: 1; | |
| 967 | height:auto; bottom:auto; | |
| 968 | border-bottom: 1px solid #444444; | |
| 969 | } | |
| 970 | ||
| 4f99a29b D |
971 | #kiwi.theme_cli .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } |
| 972 | #kiwi.theme_cli .toolbar .app_tools ul li { | |
| 03b71faf D |
973 | font-size:26px; |
| 974 | -webkit-transition: all .3s ease; | |
| 975 | -moz-transition: all .3s ease; | |
| 976 | transition: all .3s ease; | |
| 977 | margin-left:10px; | |
| 978 | } | |
| 4f99a29b D |
979 | #kiwi.theme_cli .toolbar .app_tools ul li:hover { color:#88C56A; } |
| 980 | #kiwi.theme_cli .toolbar .app_tools img { } | |
| 03b71faf | 981 | |
| 4f99a29b | 982 | #kiwi.theme_cli .toolbar .panellist li { |
| 03b71faf D |
983 | line-height: 1.4em; |
| 984 | vertical-align: middle; | |
| 985 | ||
| 03b71faf | 986 | border: 1px solid #333; |
| e967ff52 | 987 | background-color: #111; |
| 03b71faf D |
988 | } |
| 989 | ||
| 4f99a29b D |
990 | #kiwi.theme_cli .toolbar .panellist .alert_highlight { font-weight:bold; } |
| 991 | #kiwi.theme_cli .toolbar .panellist .alert_activity { font-weight:normal; } | |
| 992 | #kiwi.theme_cli .toolbar .panellist .alert_action { font-weight:normal; } | |
| 03b71faf | 993 | |
| 4f99a29b D |
994 | #kiwi.theme_cli .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
| 995 | #kiwi.theme_cli .toolbar .panellist li .part:before { content:"\f00d"; } | |
| 03b71faf | 996 | |
| 4f99a29b D |
997 | #kiwi.theme_cli .toolbar .panellist li.server span { padding-left:5px; } |
| 998 | #kiwi.theme_cli.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
| 999 | #kiwi.theme_cli .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } | |
| 03b71faf D |
1000 | |
| 1001 | /* Tab texts are within a span */ | |
| 4f99a29b | 1002 | #kiwi.theme_cli .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
| e967ff52 | 1003 | |
| 4f99a29b D |
1004 | #kiwi.theme_cli .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
| 1005 | #kiwi.theme_cli .toolbar .panellist li .activity:before { content:"("; } | |
| 1006 | #kiwi.theme_cli .toolbar .panellist li .activity:after { content:")"; } | |
| 1007 | #kiwi.theme_cli .toolbar .panellist li.alert_highlight .activity { | |
| 21f32731 D |
1008 | color: #fff; background: #a60400; padding:2px; border-radius:3px; |
| 1009 | } | |
| 696a66f8 | 1010 | |
| 696a66f8 | 1011 | |
| 30f9f42a D |
1012 | #kiwi.theme_cli .memberlists { background:#222222; } |
| 1013 | #kiwi.theme_cli .memberlists ul li { padding: 0.2em 1em; } | |
| 1014 | #kiwi.theme_cli .memberlists ul li a.nick { color:#6d6d6d; } | |
| 1015 | #kiwi.theme_cli .memberlists ul li:hover { | |
| 03b71faf D |
1016 | border-left: 5px solid #88C56A; |
| 1017 | -webkit-transition: 0.2s ease; | |
| 1018 | -moz-transition: 0.2s ease; | |
| 1019 | -ms-transition: 0.2s ease; | |
| 1020 | -o-transition: 0.2s ease; | |
| 1021 | transition: 0.2s ease; | |
| 1022 | } | |
| 1023 | ||
| e1fb4c61 D |
1024 | #kiwi.theme_cli .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } |
| 1025 | #kiwi.theme_cli .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
| 1026 | #kiwi.theme_cli .userbox a i { font-size:1.1em; margin-right:5px; } | |
| 1027 | #kiwi.theme_cli .userbox .divider-horizontal { display:none; } | |
| 03b71faf | 1028 | |
| 696a66f8 D |
1029 | |
| 1030 | #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } | |
| 1031 | #kiwi.theme_cli .messages .msg { border: none; } | |
| 03b71faf D |
1032 | #kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; } |
| 1033 | #kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; } | |
| 1034 | #kiwi.theme_cli .messages .msg .nick:before { content:"<"; } | |
| 1035 | #kiwi.theme_cli .messages .msg .nick:after { content:">"; } | |
| 696a66f8 D |
1036 | #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } |
| 1037 | ||
| 1038 | #kiwi.theme_cli .messages .msg.action .nick { display:none; } | |
| 03b71faf | 1039 | #kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } |
| 696a66f8 D |
1040 | #kiwi.theme_cli .messages .msg.action.join { color:#009900; } |
| 1041 | #kiwi.theme_cli .messages .msg.action.part .text { color:#900; } | |
| 1042 | #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } | |
| 1043 | #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } | |
| 1044 | #kiwi.theme_cli .messages .msg.status .nick { display:none; } | |
| 03b71faf | 1045 | #kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } |
| 696a66f8 | 1046 | #kiwi.theme_cli .messages .msg.topic .nick { display:none; } |
| 03b71faf | 1047 | #kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } |
| 696a66f8 D |
1048 | /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ |
| 1049 | #kiwi.theme_cli .messages .msg.motd { border:none; } | |
| 1050 | #kiwi.theme_cli .messages .msg.motd .text { color:#666; } | |
| 1051 | #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } | |
| 03b71faf | 1052 | #kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } |
| 696a66f8 D |
1053 | #kiwi.theme_cli .messages .msg.error .text { |
| 1054 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 1055 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 7b8357a5 D |
1056 | } |
| 1057 | ||
| 03b71faf | 1058 | #kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; } |
| 21f32731 | 1059 | #kiwi.theme_cli .messages .msg.highlight { background:#111111; } |
| 03b71faf D |
1060 | |
| 1061 | ||
| 8ed27b45 D |
1062 | |
| 1063 | #kiwi.theme_cli .messages .msg .media { margin-left:0.5em; } | |
| 1064 | #kiwi.theme_cli .messages .msg .media .media_close { font-size:0.9em; } | |
| 1065 | #kiwi.theme_cli .messages .msg .media .media_content { margin:10px 0 0 6em; overflow:hidden; } | |
| 1066 | #kiwi.theme_cli .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } | |
| 1067 | #kiwi.theme_cli .messages .msg .media .media_content > .content { | |
| 1068 | background: white; | |
| 1069 | overflow: hidden; | |
| 1070 | padding: 10px; | |
| 1071 | border: #DDD 1px solid; | |
| 1072 | border-top-color: #EEE; | |
| 1073 | border-bottom-color: #BBB; | |
| 1074 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 1075 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
| 1076 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 1077 | border-radius: 5px; | |
| 1078 | float: left; | |
| 1079 | } | |
| 1080 | ||
| 1081 | #kiwi.theme_cli .messages .msg .media.twitter .media_content > .content { | |
| 1082 | background: transparent; | |
| 1083 | border:none; | |
| 1084 | overflow: hidden; | |
| 1085 | box-shadow: none; | |
| 1086 | padding: 0; | |
| 1087 | } | |
| 1088 | #kiwi.theme_cli .messages .msg .media.reddit .thumbnail_nsfw { | |
| 1089 | display: inline-block; | |
| 1090 | float: left; | |
| 1091 | } | |
| 1092 | #kiwi.theme_cli .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
| 1093 | ||
| 1094 | ||
| 1095 | ||
| 03b71faf | 1096 | /* The server select dialog */ |
| 3735e390 | 1097 | #kiwi.theme_cli .server_select { margin-left:auto; margin-right:auto; color:#eee; } |
| 03b71faf | 1098 | #kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; } |
| fdce9047 | 1099 | #kiwi.theme_cli .server_select table tr td { padding:5px; } |
| 03b71faf | 1100 | #kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; } |
| fdce9047 D |
1101 | #kiwi.theme_cli .server_select input { padding:3px 7px; width:150px; } |
| 1102 | #kiwi.theme_cli .server_select label { width:5em; padding-top:3px } | |
| 03b71faf D |
1103 | #kiwi.theme_cli .server_select br { clear:both; } |
| 1104 | #kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
| 1105 | #kiwi.theme_cli .server_select .basic input { width:170px; } | |
| 1106 | #kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
| fdce9047 D |
1107 | #kiwi.theme_cli .server_select .basic tr.have_pass { font-size:0.8em; } |
| 1108 | #kiwi.theme_cli .server_select .basic tr.channel td { padding-top:1em; } | |
| 03b71faf | 1109 | #kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } |
| fdce9047 | 1110 | #kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; } |
| 03b71faf D |
1111 | #kiwi.theme_cli .server_select.single_server .basic { border:none; } |
| 1112 | #kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
| 1113 | #kiwi.theme_cli .server_select .status.ok { } | |
| 1114 | #kiwi.theme_cli .server_select .status.error { | |
| 1115 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 1116 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 1117 | } | |
| 1118 | ||
| 6a296cf0 D |
1119 | #kiwi.theme_cli .server_select .basic tr.channel .icon-key { color:#555; } |
| 1120 | ||
| 03b71faf | 1121 | |
| 32759314 | 1122 | #kiwi.theme_cli .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } |
| 03b71faf D |
1123 | #kiwi.theme_cli .server_select .kiwi_logo h1 { |
| 1124 | font-size:20px; | |
| 1125 | line-height:48px; vertical-align: middle; | |
| 32759314 | 1126 | color: #bbb; |
| 03b71faf | 1127 | } |
| 32759314 | 1128 | #kiwi.theme_cli .server_select .kiwi_logo img { display:inline; width:24px; } |
| fdce9047 D |
1129 | |
| 1130 | ||
| d98b7d33 | 1131 | #kiwi.theme_cli .divider-verticle { |
| fdce9047 D |
1132 | border-left: 1px solid #303030; |
| 1133 | border-right: 1px solid #1B1B1B; | |
| 1134 | } | |
| 1135 | ||
| d98b7d33 | 1136 | #kiwi.theme_cli .divider-horizontal { |
| fdce9047 D |
1137 | border-top: 1px solid #303030; |
| 1138 | border-bottom: 1px solid #1B1B1B; | |
| c5366583 D |
1139 | } |
| 1140 | ||
| 1141 | ||
| 1142 | ||
| 30f9f42a | 1143 | #kiwi.theme_cli.chanlist_treeview .panels { left:200px; } |
| 4f99a29b D |
1144 | #kiwi.theme_cli.chanlist_treeview .toolbar { position:static; } |
| 1145 | #kiwi.theme_cli.chanlist_treeview .toolbar .app_tools { float:none; } | |
| 1146 | #kiwi.theme_cli.chanlist_treeview .toolbar > div { } | |
| de214968 D |
1147 | #kiwi.theme_cli.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto; } |
| 1148 | #kiwi.theme_cli.chanlist_treeview .tabs ul li { display:block; float:none; } | |
| 1149 | #kiwi.theme_cli.chanlist_treeview .tabs ul li .activity { float:right; } | |
| 1150 | #kiwi.theme_cli.chanlist_treeview .tabs ul li.active { padding-left:1em; } | |
| e48a02c8 D |
1151 | |
| 1152 | ||
| e1fb4c61 D |
1153 | #kiwi.theme_cli .ui_menu { |
| 1154 | color: #333; | |
| 1155 | } | |
| 1156 | #kiwi.theme_cli .ui_menu .ui_menu_title { } | |
| 1157 | #kiwi.theme_cli .ui_menu .ui_menu_content { } | |
| 1158 | #kiwi.theme_cli .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } | |
| 1159 | #kiwi.theme_cli .ui_menu .ui_menu_foot { | |
| 1160 | border-bottom-left-radius: 3px; | |
| 1161 | border-bottom-right-radius: 3px; | |
| 1162 | } | |
| 1163 | #kiwi.theme_cli .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
| 1164 | #kiwi.theme_cli .ui_menu .ui_menu_foot .close:hover { color: #222; } | |
| 1165 | ||
| e48a02c8 D |
1166 | |
| 1167 | ||
| 1168 | ||
| 1169 | ||
| 1170 | ||
| 1171 | ||
| 1172 | ||
| 1173 | ||
| 1174 | /** | |
| 1175 | * Basic theme | |
| 1176 | */ | |
| 1177 | #kiwi.theme_basic { | |
| 32759314 | 1178 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; |
| e48a02c8 D |
1179 | color: #555555; |
| 1180 | } | |
| 1181 | #kiwi.theme_basic, | |
| 1182 | #kiwi.theme_basic input, | |
| 1183 | #kiwi.theme_basic button, | |
| 1184 | #kiwi.theme_basic textarea { | |
| 1185 | font-family:Arial, Helvetica, sans-serif; | |
| 1186 | font-size:14px; line-height:1.4em; | |
| 1187 | } | |
| 1188 | #kiwi.theme_basic input, textarea { | |
| 1189 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); | |
| 1190 | border: none; | |
| 1191 | border-radius: 3px; | |
| 1192 | } | |
| 4f99a29b | 1193 | #kiwi.theme_basic .toolbar { |
| e48a02c8 D |
1194 | background-color:#1B1B1B; font-size:0.9em; |
| 1195 | } | |
| 1e85105e | 1196 | #kiwi.theme_basic .controlbox { background-color:#1B1B1B; } |
| 30f9f42a | 1197 | #kiwi.theme_basic .memberlists_resize_handle { |
| 32759314 | 1198 | /*display:none; width:0;*/ |
| e48a02c8 | 1199 | } |
| 4f99a29b | 1200 | #kiwi.theme_basic .toolbar .panellist li { |
| e48a02c8 D |
1201 | line-height: 1.4em; |
| 1202 | vertical-align: middle; | |
| 1203 | ||
| 1204 | border-radius:5px; | |
| 1205 | -moz-border-radius:5px; | |
| 1206 | -webkit-border-radius:5px; | |
| 1207 | -khtml-border-radius:5px; | |
| 1208 | ||
| 1209 | border: 1px solid #333; | |
| 1210 | background-color: #eee; | |
| 1211 | } | |
| 1212 | ||
| de214968 | 1213 | #kiwi.theme_basic .toolbar .tabs { margin-right:0 !important; } |
| 4f99a29b D |
1214 | #kiwi.theme_basic .toolbar .panellist .alert_highlight { font-weight:bold; color:red; } |
| 1215 | #kiwi.theme_basic .toolbar .panellist .alert_activity { font-weight:normal; color:green; } | |
| 1216 | #kiwi.theme_basic .toolbar .panellist .alert_action { font-weight:normal; color:green; } | |
| e48a02c8 | 1217 | |
| 4f99a29b D |
1218 | #kiwi.theme_basic .toolbar .panellist .active { padding-right:25px; border-top:2px solid #df6b26; border-bottom:none; } |
| 1219 | #kiwi.theme_basic .toolbar .panellist li .part {} | |
| 1220 | #kiwi.theme_basic .toolbar .panellist li .part:before { content:"[x]"; } | |
| e48a02c8 | 1221 | |
| 4f99a29b D |
1222 | #kiwi.theme_basic .toolbar .panellist li.server span { padding-left: 5px; } |
| 1223 | #kiwi.theme_basic.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
| 1224 | #kiwi.theme_basic .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } | |
| 3735e390 | 1225 | |
| e48a02c8 D |
1226 | |
| 1227 | /* Tab texts are within a span */ | |
| 4f99a29b | 1228 | #kiwi.theme_basic .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
| e48a02c8 | 1229 | |
| 4f99a29b D |
1230 | #kiwi.theme_basic .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
| 1231 | #kiwi.theme_basic .toolbar .panellist li .activity:before { content:"("; } | |
| 1232 | #kiwi.theme_basic .toolbar .panellist li .activity:after { content:")"; } | |
| e48a02c8 | 1233 | |
| 707593d2 | 1234 | #kiwi.theme_basic .status_message { |
| e48a02c8 D |
1235 | background: #FEEFB3; color: #9F6000; |
| 1236 | border-bottom: 1px solid; | |
| 1237 | padding: 0.9em; | |
| 1238 | text-align: center; font-size:1.1em; | |
| 1239 | } | |
| 707593d2 | 1240 | #kiwi.theme_basic .status_message.err { color:#D8000C; background:#FFBABA; } |
| e48a02c8 D |
1241 | |
| 1242 | #kiwi.theme_basic .messages { } | |
| 1243 | #kiwi.theme_basic .messages.active { } | |
| 1244 | #kiwi.theme_basic .messages a { text-decoration:underline; } | |
| 1245 | ||
| 2d42794d | 1246 | #kiwi.theme_basic .messages .msg { } |
| e48a02c8 D |
1247 | #kiwi.theme_basic .messages .msg > div { font-family: Consolas, "Lucida Console", monospace; font-size:0.9em; } |
| 1248 | #kiwi.theme_basic .messages .msg { border: none; } | |
| 32759314 | 1249 | #kiwi.theme_basic .messages .msg .time { display:none; margin-right:1em; margin-left:2px; color:gray; } |
| e48a02c8 D |
1250 | #kiwi.theme_basic .messages .msg .nick { display:inline; margin-right:1em; } |
| 1251 | #kiwi.theme_basic .messages .msg .nick:before { content:"<"; } | |
| 1252 | #kiwi.theme_basic .messages .msg .nick:after { content:">"; } | |
| 141058ff | 1253 | #kiwi.theme_basic .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; color:#1e1e1e; } |
| e48a02c8 D |
1254 | |
| 1255 | #kiwi.theme_basic .messages .msg.action .nick, | |
| 1256 | #kiwi.theme_basic .messages .msg.static .nick, | |
| 1257 | #kiwi.theme_basic .messages .msg.topic .nick { display:none; } | |
| 1258 | ||
| 2d42794d D |
1259 | #kiwi.theme_basic .messages .msg.action .text { color:#009900; font-style:italic; } |
| 1260 | #kiwi.theme_basic .messages .msg.action.join { color:#009900; } | |
| 1261 | #kiwi.theme_basic .messages .msg.action.part .text { color:#900; } | |
| 1262 | #kiwi.theme_basic .messages .msg.action.quit .text { color:#900; } | |
| 1263 | #kiwi.theme_basic .messages .msg.action.kick .text { color:#900; } | |
| 1264 | ||
| e48a02c8 D |
1265 | #kiwi.theme_basic .messages .msg.motd { border:none; } |
| 1266 | /*#kiwi.theme_basic .messages .msg.motd .nick { display:none; }*/ | |
| 1267 | #kiwi.theme_basic .messages .msg.motd .text { color:#666; } | |
| 1268 | #kiwi.theme_basic .messages .msg.whois .nick { font-weight:normal; } | |
| 1269 | #kiwi.theme_basic .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } | |
| 1270 | #kiwi.theme_basic .messages .msg.error .text { | |
| 1271 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 1272 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 1273 | } | |
| 1274 | ||
| 32759314 D |
1275 | #kiwi.theme_basic.timestamps .messages .msg .time { display:inline; } |
| 1276 | #kiwi.theme_basic.timestamps .messages .msg .text { } | |
| 1277 | ||
| e48a02c8 D |
1278 | #kiwi.theme_basic .messages .msg.global_nick_highlight, |
| 1279 | #kiwi.theme_basic .messages .msg.highlight { background:#D9D9D9; } | |
| 1280 | ||
| 32759314 D |
1281 | /* Narrow styling (window width < 400px) */ |
| 1282 | #kiwi.theme_basic.narrow .messages .msg .nick { width: auto; } | |
| 1283 | #kiwi.theme_basic.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
| 1284 | #kiwi.theme_basic.narrow .messages .msg.action .text { margin-left: 1em; } | |
| e48a02c8 | 1285 | |
| 414b6623 D |
1286 | #kiwi.theme_basic .messages .msg .media { margin-left:0.5em; } |
| 1287 | #kiwi.theme_basic .messages .msg .media a { text-decoration:none; } | |
| 1288 | #kiwi.theme_basic .messages .msg .media .media_close { font-size:0.9em; } | |
| 1289 | #kiwi.theme_basic .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; } | |
| 1290 | #kiwi.theme_basic .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } | |
| 1291 | #kiwi.theme_basic .messages .msg .media .media_content > .content { | |
| 1292 | background: white; | |
| 1293 | overflow: hidden; | |
| 1294 | padding: 10px; | |
| 1295 | border: #DDD 1px solid; | |
| 1296 | border-top-color: #EEE; | |
| 1297 | border-bottom-color: #BBB; | |
| 1298 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 1299 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
| 1300 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
| 1301 | border-radius: 5px; | |
| 1302 | float: left; | |
| 1303 | } | |
| 1304 | ||
| 1305 | #kiwi.theme_basic .messages .msg .media.twitter .media_content > .content { | |
| 1306 | background: transparent; | |
| 1307 | border:none; | |
| 1308 | overflow: hidden; | |
| 1309 | box-shadow: none; | |
| 1310 | padding: 0; | |
| 1311 | } | |
| 1312 | #kiwi.theme_basic .messages .msg .media.reddit .thumbnail_nsfw { | |
| 1313 | display: inline-block; | |
| 1314 | float: left; | |
| 1315 | } | |
| 1316 | #kiwi.theme_basic .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
| 1317 | ||
| e48a02c8 D |
1318 | |
| 1319 | ||
| 30f9f42a | 1320 | #kiwi.theme_basic .memberlists { |
| e48a02c8 | 1321 | background-color: #DADADA; |
| 2d42794d | 1322 | border-left: 1px dashed #8A8A8A; |
| e48a02c8 | 1323 | } |
| 30f9f42a D |
1324 | #kiwi.theme_basic .memberlists ul { list-style: none; margin-left:2px; } |
| 1325 | #kiwi.theme_basic .memberlists ul.active { } | |
| 1326 | #kiwi.theme_basic .memberlists ul li { padding:0 2px; } | |
| 1327 | #kiwi.theme_basic .memberlists ul li:hover {} | |
| 1328 | #kiwi.theme_basic .memberlists ul li a.nick { display:block; color:black; } | |
| e48a02c8 | 1329 | |
| e1fb4c61 D |
1330 | #kiwi.theme_basic .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
| 1331 | #kiwi.theme_basic .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
| 1332 | #kiwi.theme_basic .userbox a i { font-size:1.1em; margin-right:5px; } | |
| e48a02c8 D |
1333 | |
| 1334 | ||
| 1e85105e | 1335 | #kiwi.theme_basic .controlbox .input { |
| e48a02c8 D |
1336 | background:#fff; margin:3px; |
| 1337 | height:1.7em; | |
| 1338 | } | |
| 1e85105e | 1339 | #kiwi.theme_basic .controlbox .input .nick { |
| 2d42794d D |
1340 | text-align: right; |
| 1341 | width: 11em; | |
| 1342 | left: 0px; | |
| 1343 | position: absolute; | |
| 1344 | padding: 2px; | |
| 1345 | overflow: hidden; | |
| 1346 | } | |
| 1e85105e D |
1347 | #kiwi.theme_basic .controlbox .input .nick:after { content:">"; margin-left:3px; top:2px; } |
| 1348 | #kiwi.theme_basic .controlbox .input .nick a { text-decoration:none; color:black; } | |
| 1349 | #kiwi.theme_basic .controlbox .input .input_wrap { | |
| e48a02c8 | 1350 | position:absolute; |
| 2d42794d | 1351 | right:3px; left:12em; |
| e48a02c8 D |
1352 | height:1.7em; |
| 1353 | } | |
| 1e85105e | 1354 | #kiwi.theme_basic .controlbox .input .inp { |
| e48a02c8 D |
1355 | line-height:1.7em; |
| 1356 | border: medium none; | |
| 1357 | box-shadow: none; | |
| 1358 | border-radius: 0; | |
| 1359 | resize:none; | |
| 1360 | overflow:hidden; | |
| 1361 | position:relative; | |
| 1362 | height:100%; width:100%; | |
| 1363 | display: block; | |
| 32759314 | 1364 | outline: none; |
| e48a02c8 D |
1365 | } |
| 1366 | ||
| 1367 | ||
| 1e85105e | 1368 | #kiwi.theme_basic .controlbox .nickchange { |
| e48a02c8 D |
1369 | padding:10px; left: 0px; |
| 1370 | background: #1B1B1B; color:#eeeeee; | |
| 1371 | } | |
| 1e85105e D |
1372 | #kiwi.theme_basic .controlbox .nickchange input { padding:0.3em 0.5em; } |
| 1373 | #kiwi.theme_basic .controlbox .nickchange button { padding:0.5em; } | |
| e48a02c8 D |
1374 | |
| 1375 | ||
| 1376 | ||
| de214968 D |
1377 | #kiwi.theme_basic .toolbar .topic { } |
| 1378 | #kiwi.theme_basic .toolbar .topic div { | |
| e48a02c8 D |
1379 | top:2; bottom:2px; left:0; width:100%; |
| 1380 | padding: 0.2em 1em; | |
| 1381 | text-align: center; | |
| 1382 | box-shadow: none; | |
| 1383 | border-radius: 0; | |
| 1384 | background-color:#FFF; | |
| 1385 | height: 1.5em; | |
| 1386 | overflow: hidden; | |
| 1387 | outline: none; | |
| 1388 | } | |
| de214968 | 1389 | #kiwi.theme_basic .toolbar .topic:hover div { |
| e48a02c8 D |
1390 | min-height:1.5em; |
| 1391 | white-space:pre-wrap; word-wrap:break-word; | |
| 1392 | overflow:visible; | |
| 1393 | background-color:#FFF; | |
| 1394 | z-index: 1; | |
| 1395 | height:auto; bottom:auto; | |
| 1396 | border-bottom: 1px dotted #1B1B1B; | |
| 1397 | } | |
| 1398 | ||
| 1399 | ||
| 4f99a29b D |
1400 | #kiwi.theme_basic .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } |
| 1401 | #kiwi.theme_basic .toolbar .app_tools ul li { | |
| e48a02c8 D |
1402 | font-size:26px; |
| 1403 | -webkit-transition: all .3s ease; | |
| 1404 | -moz-transition: all .3s ease; | |
| 1405 | transition: all .3s ease; | |
| 1406 | margin-left:10px; | |
| 1407 | } | |
| 4f99a29b D |
1408 | #kiwi.theme_basic .toolbar .app_tools ul li:hover { color:#88C56A; } |
| 1409 | #kiwi.theme_basic .toolbar .app_tools img { } | |
| e48a02c8 D |
1410 | |
| 1411 | ||
| 1412 | /* The server select dialog */ | |
| 3735e390 | 1413 | #kiwi.theme_basic .server_select { margin-left:auto; margin-right:auto; } |
| 335bc454 D |
1414 | #kiwi.theme_basic .server_select a { text-decoration: none; } |
| 1415 | #kiwi.theme_basic .server_select .more { display: none; width:270px; margin:0 auto; } | |
| 1416 | #kiwi.theme_basic .server_select table tr td { padding:5px; } | |
| 1417 | #kiwi.theme_basic .server_select button { float:right; padding:3px 7px; } | |
| 1418 | #kiwi.theme_basic .server_select input { padding:3px 7px; width:150px; } | |
| 1419 | #kiwi.theme_basic .server_select label { } | |
| e48a02c8 | 1420 | #kiwi.theme_basic .server_select br { clear:both; } |
| 335bc454 D |
1421 | #kiwi.theme_basic .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } |
| 1422 | #kiwi.theme_basic .server_select .basic input { width:170px; } | |
| 1423 | #kiwi.theme_basic .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
| 1424 | #kiwi.theme_basic .server_select .basic tr.have_pass { font-size:0.8em; } | |
| 1425 | #kiwi.theme_basic .server_select .basic tr.channel td { padding-top:1em; } | |
| 1426 | #kiwi.theme_basic .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
| 1427 | #kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; } | |
| e48a02c8 D |
1428 | #kiwi.theme_basic .server_select.single_server .basic { border:none; } |
| 1429 | #kiwi.theme_basic .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
| 1430 | #kiwi.theme_basic .server_select .status.ok { } | |
| 1431 | #kiwi.theme_basic .server_select .status.error { | |
| 1432 | border:1px solid #A33F3F; background-color:#D28A8A; | |
| 1433 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
| 1434 | } | |
| 1435 | ||
| 335bc454 | 1436 | |
| 32759314 | 1437 | #kiwi.theme_basic .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } |
| 335bc454 | 1438 | #kiwi.theme_basic .server_select .kiwi_logo h1 { |
| 32759314 | 1439 | font-size:14px; |
| 335bc454 D |
1440 | line-height:48px; vertical-align: middle; |
| 1441 | color: #555555; | |
| e48a02c8 | 1442 | } |
| 32759314 | 1443 | #kiwi.theme_basic .server_select .kiwi_logo img { display:inline; width:24px; } |
| 335bc454 | 1444 | |
| e48a02c8 | 1445 | |
| 30f9f42a | 1446 | #kiwi.theme_basic.chanlist_treeview .panels { left:160px; } |
| 4f99a29b D |
1447 | #kiwi.theme_basic.chanlist_treeview .toolbar { position:static; } |
| 1448 | #kiwi.theme_basic.chanlist_treeview .toolbar .app_tools { float:none; } | |
| 1449 | #kiwi.theme_basic.chanlist_treeview .toolbar > div { margin-left:160px; } | |
| de214968 D |
1450 | #kiwi.theme_basic.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } |
| 1451 | #kiwi.theme_basic.chanlist_treeview .tabs ul li { display:block; float:none; } | |
| 1452 | #kiwi.theme_basic.chanlist_treeview .tabs ul li .activity { float:right; } | |
| 1453 | #kiwi.theme_basic.chanlist_treeview .tabs ul li.active { | |
| e48a02c8 D |
1454 | margin-right:0; |
| 1455 | border-right-width:0; | |
| 1456 | border-bottom-right-radius:0; | |
| 1457 | border-top-right-radius:0; | |
| e97e4eb4 | 1458 | } |
| e1fb4c61 D |
1459 | |
| 1460 | ||
| 1461 | #kiwi.theme_basic .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
| 1462 | #kiwi.theme_basic .ui_menu .ui_menu_foot .close:hover { color: #222; } |