X-Git-Url: https://jfr.im/git/irc/quakenet/qwebirc.git/blobdiff_plain/06a4f056f9439da962406b878bce022b30878c03..a67917ffa65577aa978086a7838e580184b6f88f:/css/qui.mcss diff --git a/css/qui.mcss b/css/qui.mcss index 4b4492c..c25d1a2 100644 --- a/css/qui.mcss +++ b/css/qui.mcss @@ -1,24 +1,31 @@ -topic_background=c,f2f0ff -lines_background=c,f2f0ff -topic_border=c,c8d2dc -tabbar_border=c,c3cee0 -tabbar_background=c,e2ecf9 -tabbar_text=c,000000 -tab_border=c,c8d2dc -tab_text=c,000000 -tab_hover=c,ffffff -tab_selected=c,ffffff -tab_selected_border=c,c8d2dc -tab_selected_text=c,333333 -input_border=c,c3cee0 -nicklist_border=c,c8d2dc -nicklist_background=c,f2f0ff -nicklist_text=c,000000 -nicklist_selected_border=c,c8d2dc -menu_border=c,c8d2dc -menu_background=c,f2f0ff -menu_hover_background=c,FFFFFE -lastpositionbar=c,C8D2DC +topic_background=c,f2f0ff,back +lines_background=c,f2f0ff,back +topic_border=c,c8d2dc,front +tabbar_border=c,c3cee0,front +tabbar_background=c,e2ecf9,back +tabbar_text=c,000000,front +tab_border=c,c8d2dc,front +tab_text=c,000000,front +tab_hover=c,ffffff,back +tab_selected=c,ffffff,back +tab_selected_border=c,c8d2dc,back +tab_selected_text=c,333333,front +input_border=c,c3cee0,front +nicklist_border=c,c8d2dc,front +nicklist_background=c,f2f0ff,back +nicklist_text=c,000000,front +nicklist_selected_border=c,c8d2dc,front +menu_border=c,c8d2dc,front +menu_background=c,f2f0ff,back +menu_hover_background=c,FFFFFE,back +lastpositionbar=c,C8D2DC,front +timestamp_display=o,SHOW_TIMESTAMPS,inline,none +timestamp_padding_left=o,SHOW_TIMESTAMPS,7px,11px +timestamp_text_indent=o,SHOW_TIMESTAMPS,-7px,-9px +nicklist_text=c,000000,front +lines_text=c,000000,front +menu_text=c,000000,front +nicklist_selected_background=c,ffffff,back body { margin: 0; @@ -44,33 +51,42 @@ html { .qwebirc-qui .dynamicpanel { position: absolute; } -.qwebirc-qui .widepanel, .leftboundpanel { +.qwebirc-qui .leftboundpanel { left: 0px; -} -.qwebirc-qui .widepanel { - width: 100%; + width: 150px; + height: 100%; } .qwebirc-qui .topboundpanel { top: 0px; + width: 100%; +} +.qwebirc-qui .topicboundpanel { + width: 100%; } .qwebirc-qui .rightboundpanel { - /*right: 0px;*/ + right: 0px; + width: 140px; } .qwebirc-qui .bottomboundpanel { - color: red; + bottom: 0px; + right: 0px; } .qwebirc-qui .lines { - color: black; + color: $(lines_text); overflow: auto; font-size: 0.8em; background: $(lines_background); } +.qwebirc-qui .lines .timestamp { + display: $(timestamp_display); +} + .qwebirc-qui .ircwindow div { font-family: Consolas, "Lucida Console", monospace; - text-indent: -4px; - padding-left: 1px; + text-indent: $(timestamp_text_indent); + padding-left: $(timestamp_padding_left); word-wrap: break-word; } @@ -80,10 +96,18 @@ html { .qwebirc-qui .input input.keyboard-input { border: 0px; - margin: 2px 0px 0px 0px; + margin: 0px 0px 0px 0px; + font-size: 1.2em; + padding-left: 4px; + padding-top: 3px; + padding-bottom: 3px; width: 99%; } +.qwebirc-qui .input-flash { + background: #bbffbb; +} + .qwebirc-qui .input input.mobile-input { border: 0px; margin: 2px 0px 0px 0px; @@ -115,19 +139,59 @@ html { .qwebirc-qui .topic { color: gray; padding-left: 5px; - font-size: 0.7em; + padding-bottom: 3px; + font-size: 1.1em; cursor: default; } .qwebirc-qui .outertabbar { - border-bottom: 1px solid $(tabbar_border); background: $(tabbar_background); } +.qwebirc-qui .outertabbar_top .dropdown-tab { + padding: 4px 3px 0 3px; +} + +.qwebirc-qui .outertabbar_left .dropdown-tab { + padding: 3px 3px 0 3px; + margin-right: 2px; +} + +.qwebirc-qui .outertabbar_left { + border-right: 1px solid $(tabbar_border); + overflow: auto; +} + +.qwebirc-qui .outertabbar_left .tab { + display: block; + margin-right: 3px; + margin-top: 1px; + line-height: normal; + overflow: hidden; + text-overflow: ellipsis; + min-height: 15px; +} + +.qwebirc-qui .outertabbar_left .tabclose { + float: right; + padding-left: 5px; + margin-left: 0px; + margin-top: -2px; + position: relative; +} + +.qwebirc-qui .outertabbar_left .tabbar { + margin-left: 2px; +} + +.qwebirc-qui .outertabbar_top { + border-bottom: 1px solid $(tabbar_border); +} + .qwebirc-qui .tabbar { font-size: 0.8em; color: $(tabbar_text); - margin-left: 38px; + margin-left: 25px; line-height: 24px; } @@ -137,6 +201,7 @@ html { cursor: default; -moz-border-radius: 4px; -webkit-border-radius: 4px; + border-radius: 4px; margin-right: -2px; white-space: nowrap; text-decoration: none; @@ -148,6 +213,7 @@ html { border: 1px solid #c8d2dc; -moz-border-radius: 4px; -webkit-border-radius: 4px; + border-radius: 4px; } .qwebirc-qui .tab-selected { @@ -155,6 +221,7 @@ html { border: 1px solid $(tab_selected_border); -moz-border-radius: 4px; -webkit-border-radius: 4px; + border-radius: 4px; color: $(tab_selected_text); } @@ -172,6 +239,7 @@ html { padding-left: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; + border-radius: 2px; } .qwebirc-qui a.tab-hilight-activity { @@ -188,10 +256,6 @@ html { .qwebirc-qui .nicklist { border-left: 1px solid $(nicklist_border); - position: absolute; - top: 0px; - right: 0px; - width: 140px; overflow: auto; background: $(nicklist_background); color: $(nicklist_text); @@ -200,7 +264,7 @@ html { .qwebirc-qui .nicklist a { display: block; - color: black; + color: $(nicklist_text); text-decoration: none; cursor: default; border-top: 1px solid $(nicklist_background); @@ -210,8 +274,8 @@ html { .qwebirc-qui .nicklist a.selected { display: block; - color: black; - background: white; + color: $(nicklist_text); + background: $(nicklist_selected_background); text-decoration: none; border-bottom: $(nicklist_selected_border) 1px solid; cursor: default; @@ -248,8 +312,7 @@ div#noscript { cursor: pointer; cursor: hand; float: left; - padding: 4px; - width: 30px; + width: 17px; } .qwebirc-qui .dropdownmenu { @@ -264,7 +327,7 @@ div#noscript { .qwebirc-qui .dropdownmenu a { display: block; font-size: 0.7em; - color: black; + color: $(menu_text); cursor: pointer; cursor: hand; padding-top: 1px;