css/qui.mcss

   1 topic_background=c,f2f0ff,back
   2 lines_background=c,f2f0ff,back
   3 topic_border=c,c8d2dc,front
   4 tabbar_border=c,c3cee0,front
   5 tabbar_background=c,e2ecf9,back
   6 tabbar_text=c,000000,front
   7 tab_border=c,c8d2dc,front
   8 tab_text=c,000000,front
   9 tab_hover=c,ffffff,back
  10 tab_selected=c,ffffff,back
  11 tab_selected_border=c,c8d2dc,back
  12 tab_selected_text=c,333333,front
  13 input_border=c,c3cee0,front
  14 nicklist_border=c,c8d2dc,front
  15 nicklist_background=c,f2f0ff,back
  16 nicklist_text=c,000000,front
  17 nicklist_selected_border=c,c8d2dc,front
  18 menu_border=c,c8d2dc,front
  19 menu_background=c,f2f0ff,back
  20 menu_hover_background=c,FFFFFE,back
  21 lastpositionbar=c,C8D2DC,front
  22 timestamp_display=o,SHOW_TIMESTAMPS,inline,none
  23 timestamp_padding_left=o,SHOW_TIMESTAMPS,7px,11px
  24 timestamp_text_indent=o,SHOW_TIMESTAMPS,-7px,-9px
  25 nicklist_text=c,000000,front
  26 lines_text=c,000000,front
  27 menu_text=c,000000,front
  28 nicklist_selected_background=c,ffffff,back
  29
  30 body {
  31   margin: 0;
  32   height: 100%;
  33   overflow: hidden;
  34   font-family: Verdana, sans-serif;
  35 }
  36
  37 html {
  38   overflow: hidden;
  39 }
  40
  41 #ircui {
  42   position: absolute;
  43   left: 0px;
  44   right: 0px;
  45   top: 0px;
  46   height: 100%;
  47   width: 100%;
  48   overflow: hidden;
  49 }
  50
  51 .qwebirc-qui .dynamicpanel {
  52   position: absolute;
  53 }
  54 .qwebirc-qui .widepanel, .leftboundpanel {
  55   left: 0px;
  56 }
  57 .qwebirc-qui .widepanel {
  58   width: 100%;
  59 }
  60 .qwebirc-qui .topboundpanel {
  61   top: 0px;
  62 }
  63 .qwebirc-qui .rightboundpanel {
  64   /*right: 0px;*/
  65 }
  66 .qwebirc-qui .bottomboundpanel {
  67   color: red;
  68 }
  69
  70 .qwebirc-qui .lines {
  71   color: $(lines_text);
  72   overflow: auto;
  73   font-size: 0.8em;
  74   background: $(lines_background);
  75 }
  76
  77 .qwebirc-qui .lines .timestamp {
  78   display: $(timestamp_display);
  79 }
  80
  81 .qwebirc-qui .ircwindow div {
  82   font-family: Consolas, "Lucida Console", monospace;
  83   text-indent: $(timestamp_text_indent);
  84   padding-left: $(timestamp_padding_left);
  85   word-wrap: break-word;
  86 }
  87
  88 .qwebirc-qui .tab-invisible {
  89   display: none;
  90 }
  91
  92 .qwebirc-qui .input input.keyboard-input {
  93   border: 0px;
  94   margin: 2px 0px 0px 0px;
  95   width: 99%;
  96 }
  97
  98 .qwebirc-qui .input input.mobile-input {
  99   border: 0px;
 100   margin: 2px 0px 0px 0px;
 101 }
 102
 103 .qwebirc-qui .input input.mobile-button {
 104   position: absolute;
 105   top: 0px;
 106 }
 107
 108 .qwebirc-qui form {
 109   margin: 0px;
 110   padding: 0px;
 111 }
 112
 113 .qwebirc-qui .topic {
 114   position: absolute;
 115   left: 0px;
 116   top: 0px;
 117   right: 0px;
 118   background-color: $(topic_background);
 119   border-bottom: 1px dashed $(topic_border);
 120 }
 121
 122 .qwebirc-qui .topic .emptytopic {
 123   color: gray;
 124 }
 125
 126 .qwebirc-qui .topic {
 127   color: gray;
 128   padding-left: 5px;
 129   font-size: 0.7em;
 130   cursor: default;
 131 }
 132
 133 .qwebirc-qui .outertabbar {
 134   border-bottom: 1px solid $(tabbar_border);
 135   background: $(tabbar_background);
 136 }
 137
 138 .qwebirc-qui .tabbar {
 139   font-size: 0.8em;
 140   color: $(tabbar_text);
 141   margin-left: 38px;
 142   line-height: 24px;
 143 }
 144
 145 .qwebirc-qui a.tab {
 146   border: 1px solid $(tab_border);
 147   padding: 2px;
 148   cursor: default;
 149   -moz-border-radius: 4px;
 150   -webkit-border-radius: 4px;
 151   border-radius: 4px;
 152   margin-right: -2px;
 153   white-space: nowrap;
 154   text-decoration: none;
 155   color: $(tab_text);
 156 }
 157
 158 .qwebirc-qui .tab:hover {
 159   background: $(tab_hover);
 160   border: 1px solid #c8d2dc;
 161   -moz-border-radius: 4px;
 162   -webkit-border-radius: 4px;
 163   border-radius: 4px;
 164 }
 165
 166 .qwebirc-qui .tab-selected {
 167   background: $(tab_selected);
 168   border: 1px solid $(tab_selected_border);
 169   -moz-border-radius: 4px;
 170   -webkit-border-radius: 4px;
 171   border-radius: 4px;
 172   color: $(tab_selected_text);
 173 }
 174
 175 .qwebirc-qui div.input {
 176   border-top: 1px solid $(input_border);
 177   padding-left: 3px;
 178   padding-right: 3px;
 179 }
 180
 181 .qwebirc-qui .tabclose {
 182   margin-left: 5px;
 183   font-size: 0.7em;
 184   line-height: 150%;
 185   vertical-align: top;
 186   padding-left: 3px;
 187   -moz-border-radius: 2px;
 188   -webkit-border-radius: 2px;
 189   border-radius: 2px;
 190 }
 191
 192 .qwebirc-qui a.tab-hilight-activity {
 193   color: #009900;
 194 }
 195
 196 .qwebirc-qui a.tab-hilight-speech {
 197   color: #0000ff;
 198 }
 199
 200 .qwebirc-qui a.tab-hilight-us {
 201   color: #ff0000;
 202 }
 203
 204 .qwebirc-qui .nicklist {
 205   border-left: 1px solid $(nicklist_border);
 206   position: absolute;
 207   top: 0px;
 208   right: 0px;
 209   width: 140px;
 210   overflow: auto;
 211   background: $(nicklist_background);
 212   color: $(nicklist_text);
 213   font-size: 0.7em;
 214 }
 215
 216 .qwebirc-qui .nicklist a {
 217   display: block;
 218   color: $(nicklist_text);
 219   text-decoration: none;
 220   cursor: default;
 221   border-top: 1px solid $(nicklist_background);
 222   border-bottom: 1px solid $(nicklist_background);
 223   padding-left: 1px;
 224 }
 225
 226 .qwebirc-qui .nicklist a.selected {
 227   display: block;
 228   color: $(nicklist_text);
 229   background: $(nicklist_selected_background);
 230   text-decoration: none;
 231   border-bottom: $(nicklist_selected_border) 1px solid;
 232   cursor: default;
 233 }
 234
 235 .qwebirc-qui .nicklist a.selected-middle {
 236   border-top: $(nicklist_selected_border) 1px solid;
 237 }
 238
 239 div#noscript {
 240   text-align: center;
 241   font-weight: bold;
 242 }
 243
 244 .qwebirc-qui .nicklist div.menu {
 245   margin: 0px 0px 0px 5px;
 246 }
 247
 248 .qwebirc-qui .nicklist div.menu a {
 249   border-bottom: 0;
 250   border-top: 0;
 251 }
 252
 253 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
 254   cursor: pointer;
 255   cursor: hand;
 256 }
 257
 258 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
 259   text-decoration: underline;
 260 }
 261
 262 .qwebirc-qui .outertabbar .dropdown-tab {
 263   cursor: pointer;
 264   cursor: hand;
 265   float: left;
 266   padding: 4px;
 267   width: 30px;
 268 }
 269
 270 .qwebirc-qui .dropdownmenu {
 271   z-index: 100;
 272   border: 1px solid $(menu_border);
 273   position: relative;
 274   top: 10px;
 275   left: 10px;
 276   background: $(menu_background);
 277 }
 278
 279 .qwebirc-qui .dropdownmenu a {
 280   display: block;
 281   font-size: 0.7em;
 282   color: $(menu_text);
 283   cursor: pointer;
 284   cursor: hand;
 285   padding-top: 1px;
 286   padding-left: 3px;
 287   padding-bottom: 1px;
 288   padding-right: 3px;
 289 }
 290
 291 .qwebirc-qui .dropdownmenu a:hover {
 292   background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
 293 }
 294
 295 .qwebirc-qui .dropdownhint {
 296   position: relative;
 297   left: -500px;
 298   z-index: 10;
 299   white-space: nowrap;
 300   font-size: 0.7em;
 301 }
 302
 303 .qwebirc-qui hr.lastpos {
 304   border: none;
 305   border-top: 1px solid $(lastpositionbar);
 306   margin-left: 3em;
 307   margin-right: 3em;
 308 }