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   overflow: hidden;
 134   text-overflow: ellipsis;
 135   white-space: nowrap;
 136 }
 137
 138 .qwebirc-qui .topic .emptytopic {
 139   color: gray;
 140 }
 141
 142 .qwebirc-qui .topic {
 143   color: gray;
 144   padding-left: 5px;
 145   padding-bottom: 3px;
 146   font-size: 1.1em;
 147   cursor: default;
 148 }
 149
 150 .qwebirc-qui .outertabbar {
 151   background: $(tabbar_background);
 152 }
 153
 154 .qwebirc-qui .outertabbar_top .dropdown-tab {
 155   padding: 4px 3px 0 3px;
 156 }
 157
 158 .qwebirc-qui .outertabbar_left .dropdown-tab {
 159   padding: 3px 3px 0 3px;
 160   margin-right: 2px;
 161 }
 162
 163 .qwebirc-qui .outertabbar_left {
 164   border-right: 1px solid $(tabbar_border);
 165   overflow: auto;
 166 }
 167
 168 .qwebirc-qui .outertabbar_left .tab {
 169   display: block;
 170   margin-right: 3px;
 171   margin-top: 1px;
 172   line-height: normal;
 173   overflow: hidden;
 174   text-overflow: ellipsis;
 175   min-height: 15px;
 176 }
 177
 178 .qwebirc-qui .outertabbar_left .tabclose {
 179   float: right;
 180   padding-left: 5px;
 181   margin-left: 0px;
 182   margin-top: -2px;
 183   position: relative;
 184 }
 185
 186 .qwebirc-qui .outertabbar_left .tabbar {
 187   margin-left: 2px;
 188 }
 189
 190 .qwebirc-qui .outertabbar_top {
 191   border-bottom: 1px solid $(tabbar_border);
 192 }
 193
 194 .qwebirc-qui .tabbar {
 195   font-size: 0.8em;
 196   color: $(tabbar_text);
 197   margin-left: 25px;
 198   line-height: 24px;
 199 }
 200
 201 .qwebirc-qui a.tab {
 202   border: 1px solid $(tab_border);
 203   padding: 2px;
 204   cursor: default;
 205   -moz-border-radius: 4px;
 206   -webkit-border-radius: 4px;
 207   border-radius: 4px;
 208   margin-right: -2px;
 209   white-space: nowrap;
 210   text-decoration: none;
 211   color: $(tab_text);
 212 }
 213
 214 .qwebirc-qui .tab:hover {
 215   background: $(tab_hover);
 216   border: 1px solid #c8d2dc;
 217   -moz-border-radius: 4px;
 218   -webkit-border-radius: 4px;
 219   border-radius: 4px;
 220 }
 221
 222 .qwebirc-qui .tab-selected {
 223   background: $(tab_selected);
 224   border: 1px solid $(tab_selected_border);
 225   -moz-border-radius: 4px;
 226   -webkit-border-radius: 4px;
 227   border-radius: 4px;
 228   color: $(tab_selected_text);
 229 }
 230
 231 .qwebirc-qui div.input {
 232   border-top: 1px solid $(input_border);
 233   padding-left: 3px;
 234   padding-right: 3px;
 235 }
 236
 237 .qwebirc-qui .tabclose {
 238   margin-left: 5px;
 239   font-size: 0.7em;
 240   line-height: 150%;
 241   vertical-align: top;
 242   padding-left: 3px;
 243   -moz-border-radius: 2px;
 244   -webkit-border-radius: 2px;
 245   border-radius: 2px;
 246   font-weight: normal;
 247   color: $(tab_text);
 248 }
 249
 250 .qwebirc-qui a.tab-hilight-activity {
 251   color: #22bb22;
 252   font-weight: bold;
 253 }
 254
 255 .qwebirc-qui a.tab-hilight-speech {
 256   color: #2222bb;
 257   font-weight: bold;
 258 }
 259
 260 .qwebirc-qui a.tab-hilight-us {
 261   color: #bb4444;
 262   font-weight: bold;
 263 }
 264
 265 .qwebirc-qui .nicklist {
 266   border-left: 1px solid $(nicklist_border);
 267   overflow: auto;
 268   background: $(nicklist_background);
 269   color: $(nicklist_text);
 270   font-size: 0.7em;
 271 }
 272
 273 .qwebirc-qui .nicklist a {
 274   display: block;
 275   color: $(nicklist_text);
 276   text-decoration: none;
 277   cursor: default;
 278   border-top: 1px solid $(nicklist_background);
 279   border-bottom: 1px solid $(nicklist_background);
 280   padding-left: 1px;
 281 }
 282
 283 .qwebirc-qui .nicklist a.selected {
 284   display: block;
 285   color: $(nicklist_text);
 286   background: $(nicklist_selected_background);
 287   text-decoration: none;
 288   border-bottom: $(nicklist_selected_border) 1px solid;
 289   cursor: default;
 290 }
 291
 292 .qwebirc-qui .nicklist a.selected-middle {
 293   border-top: $(nicklist_selected_border) 1px solid;
 294 }
 295
 296 div#noscript {
 297   text-align: center;
 298   font-weight: bold;
 299 }
 300
 301 .qwebirc-qui .nicklist div.menu {
 302   margin: 0px 0px 0px 5px;
 303 }
 304
 305 .qwebirc-qui .nicklist div.menu a {
 306   border-bottom: 0;
 307   border-top: 0;
 308 }
 309
 310 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
 311   cursor: pointer;
 312   cursor: hand;
 313 }
 314
 315 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
 316   text-decoration: underline;
 317 }
 318
 319 .qwebirc-qui .outertabbar .dropdown-tab {
 320   cursor: pointer;
 321   cursor: hand;
 322   float: left;
 323   width: 17px;
 324 }
 325
 326 .qwebirc-qui .dropdownmenu {
 327   z-index: 100;
 328   border: 1px solid $(menu_border);
 329   position: relative;
 330   top: 10px;
 331   left: 10px;
 332   background: $(menu_background);
 333 }
 334
 335 .qwebirc-qui .dropdownmenu a {
 336   display: block;
 337   font-size: 0.7em;
 338   color: $(menu_text);
 339   cursor: pointer;
 340   cursor: hand;
 341   padding-top: 1px;
 342   padding-left: 3px;
 343   padding-bottom: 1px;
 344   padding-right: 3px;
 345 }
 346
 347 .qwebirc-qui .dropdownmenu a:hover {
 348   background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
 349 }
 350
 351 .qwebirc-qui .dropdownhint {
 352   position: relative;
 353   left: -500px;
 354   z-index: 10;
 355   white-space: nowrap;
 356   font-size: 0.7em;
 357 }
 358
 359 .qwebirc-qui hr.lastpos {
 360   border: none;
 361   border-top: 1px solid $(lastpositionbar);
 362   margin-left: 3em;
 363   margin-right: 3em;
 364 }