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 .leftboundpanel {
  55   left: 0px;
  56   width: 150px;
  57   height: 100%;
  58 }
  59 .qwebirc-qui .topboundpanel {
  60   top: 0px;
  61   width: 100%;
  62 }
  63 .qwebirc-qui .topicboundpanel {
  64   width: 100%;
  65 }
  66 .qwebirc-qui .rightboundpanel {
  67   right: 0px;
  68   width: 140px;
  69 }
  70 .qwebirc-qui .bottomboundpanel {
  71   bottom: 0px;
  72   right: 0px;
  73 }
  74
  75 .qwebirc-qui .lines {
  76   color: $(lines_text);
  77   overflow: auto;
  78   font-size: 0.8em;
  79   background: $(lines_background);
  80 }
  81
  82 .qwebirc-qui .lines .timestamp {
  83   display: $(timestamp_display);
  84 }
  85
  86 .qwebirc-qui .ircwindow div {
  87   font-family: Consolas, "Lucida Console", monospace;
  88   text-indent: $(timestamp_text_indent);
  89   padding-left: $(timestamp_padding_left);
  90   word-wrap: break-word;
  91 }
  92
  93 .qwebirc-qui .tab-invisible {
  94   display: none;
  95 }
  96
  97 .qwebirc-qui .input input.keyboard-input {
  98   border: 0px;
  99   margin: 0px 0px 0px 0px;
 100   font-size: 1.2em;
 101   padding-left: 4px;
 102   padding-top: 3px;
 103   padding-bottom: 3px;
 104   width: 99%;
 105 }
 106
 107 .qwebirc-qui .input-flash {
 108   background: #bbffbb;
 109 }
 110
 111 .qwebirc-qui .input input.mobile-input {
 112   border: 0px;
 113   margin: 2px 0px 0px 0px;
 114 }
 115
 116 .qwebirc-qui .input input.mobile-button {
 117   position: absolute;
 118   top: 0px;
 119 }
 120
 121 .qwebirc-qui form {
 122   margin: 0px;
 123   padding: 0px;
 124 }
 125
 126 .qwebirc-qui .topic {
 127   position: absolute;
 128   left: 0px;
 129   top: 0px;
 130   right: 0px;
 131   background-color: $(topic_background);
 132   border-bottom: 1px dashed $(topic_border);
 133 }
 134
 135 .qwebirc-qui .topic .emptytopic {
 136   color: gray;
 137 }
 138
 139 .qwebirc-qui .topic {
 140   color: gray;
 141   padding-left: 5px;
 142   padding-bottom: 3px;
 143   font-size: 1.1em;
 144   cursor: default;
 145 }
 146
 147 .qwebirc-qui .outertabbar {
 148   background: $(tabbar_background);
 149 }
 150
 151 .qwebirc-qui .outertabbar_top .dropdown-tab {
 152   padding: 4px 3px 0 3px;
 153 }
 154
 155 .qwebirc-qui .outertabbar_left .dropdown-tab {
 156   padding: 3px 3px 0 3px;
 157   margin-right: 2px;
 158 }
 159
 160 .qwebirc-qui .outertabbar_left {
 161   border-right: 1px solid $(tabbar_border);
 162   overflow: auto;
 163 }
 164
 165 .qwebirc-qui .outertabbar_left .tab {
 166   display: block;
 167   margin-right: 3px;
 168   margin-top: 1px;
 169   line-height: normal;
 170   overflow: hidden;
 171   text-overflow: ellipsis;
 172   min-height: 15px;
 173 }
 174
 175 .qwebirc-qui .outertabbar_left .tabclose {
 176   float: right;
 177   padding-left: 0;
 178   margin-top: -2px;
 179 }
 180
 181 .qwebirc-qui .outertabbar_left .tabbar {
 182   margin-left: 2px;
 183 }
 184
 185 .qwebirc-qui .outertabbar_top {
 186   border-bottom: 1px solid $(tabbar_border);
 187 }
 188
 189 .qwebirc-qui .tabbar {
 190   font-size: 0.8em;
 191   color: $(tabbar_text);
 192   margin-left: 25px;
 193   line-height: 24px;
 194 }
 195
 196 .qwebirc-qui a.tab {
 197   border: 1px solid $(tab_border);
 198   padding: 2px;
 199   cursor: default;
 200   -moz-border-radius: 4px;
 201   -webkit-border-radius: 4px;
 202   border-radius: 4px;
 203   margin-right: -2px;
 204   white-space: nowrap;
 205   text-decoration: none;
 206   color: $(tab_text);
 207 }
 208
 209 .qwebirc-qui .tab:hover {
 210   background: $(tab_hover);
 211   border: 1px solid #c8d2dc;
 212   -moz-border-radius: 4px;
 213   -webkit-border-radius: 4px;
 214   border-radius: 4px;
 215 }
 216
 217 .qwebirc-qui .tab-selected {
 218   background: $(tab_selected);
 219   border: 1px solid $(tab_selected_border);
 220   -moz-border-radius: 4px;
 221   -webkit-border-radius: 4px;
 222   border-radius: 4px;
 223   color: $(tab_selected_text);
 224 }
 225
 226 .qwebirc-qui div.input {
 227   border-top: 1px solid $(input_border);
 228   padding-left: 3px;
 229   padding-right: 3px;
 230 }
 231
 232 .qwebirc-qui .tabclose {
 233   margin-left: 5px;
 234   font-size: 0.7em;
 235   line-height: 150%;
 236   vertical-align: top;
 237   padding-left: 3px;
 238   -moz-border-radius: 2px;
 239   -webkit-border-radius: 2px;
 240   border-radius: 2px;
 241 }
 242
 243 .qwebirc-qui a.tab-hilight-activity {
 244   color: #009900;
 245 }
 246
 247 .qwebirc-qui a.tab-hilight-speech {
 248   color: #0000ff;
 249 }
 250
 251 .qwebirc-qui a.tab-hilight-us {
 252   color: #ff0000;
 253 }
 254
 255 .qwebirc-qui .nicklist {
 256   border-left: 1px solid $(nicklist_border);
 257   overflow: auto;
 258   background: $(nicklist_background);
 259   color: $(nicklist_text);
 260   font-size: 0.7em;
 261 }
 262
 263 .qwebirc-qui .nicklist a {
 264   display: block;
 265   color: $(nicklist_text);
 266   text-decoration: none;
 267   cursor: default;
 268   border-top: 1px solid $(nicklist_background);
 269   border-bottom: 1px solid $(nicklist_background);
 270   padding-left: 1px;
 271 }
 272
 273 .qwebirc-qui .nicklist a.selected {
 274   display: block;
 275   color: $(nicklist_text);
 276   background: $(nicklist_selected_background);
 277   text-decoration: none;
 278   border-bottom: $(nicklist_selected_border) 1px solid;
 279   cursor: default;
 280 }
 281
 282 .qwebirc-qui .nicklist a.selected-middle {
 283   border-top: $(nicklist_selected_border) 1px solid;
 284 }
 285
 286 div#noscript {
 287   text-align: center;
 288   font-weight: bold;
 289 }
 290
 291 .qwebirc-qui .nicklist div.menu {
 292   margin: 0px 0px 0px 5px;
 293 }
 294
 295 .qwebirc-qui .nicklist div.menu a {
 296   border-bottom: 0;
 297   border-top: 0;
 298 }
 299
 300 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
 301   cursor: pointer;
 302   cursor: hand;
 303 }
 304
 305 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
 306   text-decoration: underline;
 307 }
 308
 309 .qwebirc-qui .outertabbar .dropdown-tab {
 310   cursor: pointer;
 311   cursor: hand;
 312   float: left;
 313   width: 17px;
 314 }
 315
 316 .qwebirc-qui .dropdownmenu {
 317   z-index: 100;
 318   border: 1px solid $(menu_border);
 319   position: relative;
 320   top: 10px;
 321   left: 10px;
 322   background: $(menu_background);
 323 }
 324
 325 .qwebirc-qui .dropdownmenu a {
 326   display: block;
 327   font-size: 0.7em;
 328   color: $(menu_text);
 329   cursor: pointer;
 330   cursor: hand;
 331   padding-top: 1px;
 332   padding-left: 3px;
 333   padding-bottom: 1px;
 334   padding-right: 3px;
 335 }
 336
 337 .qwebirc-qui .dropdownmenu a:hover {
 338   background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
 339 }
 340
 341 .qwebirc-qui .dropdownhint {
 342   position: relative;
 343   left: -500px;
 344   z-index: 10;
 345   white-space: nowrap;
 346   font-size: 0.7em;
 347 }
 348
 349 .qwebirc-qui hr.lastpos {
 350   border: none;
 351   border-top: 1px solid $(lastpositionbar);
 352   margin-left: 3em;
 353   margin-right: 3em;
 354 }