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