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