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: 0px 0px 0px 0px;
  95   font-size: 1.2em;
  96   padding-left: 4px;
  97   padding-top: 3px;
  98   padding-bottom: 3px;
  99   width: 99%;
 100 }
 101
 102 .qwebirc-qui .input-flash {
 103   background: #bbffbb;
 104 }
 105
 106 .qwebirc-qui .input input.mobile-input {
 107   border: 0px;
 108   margin: 2px 0px 0px 0px;
 109 }
 110
 111 .qwebirc-qui .input input.mobile-button {
 112   position: absolute;
 113   top: 0px;
 114 }
 115
 116 .qwebirc-qui form {
 117   margin: 0px;
 118   padding: 0px;
 119 }
 120
 121 .qwebirc-qui .topic {
 122   position: absolute;
 123   left: 0px;
 124   top: 0px;
 125   right: 0px;
 126   background-color: $(topic_background);
 127   border-bottom: 1px dashed $(topic_border);
 128 }
 129
 130 .qwebirc-qui .topic .emptytopic {
 131   color: gray;
 132 }
 133
 134 .qwebirc-qui .topic {
 135   color: gray;
 136   padding-left: 5px;
 137   font-size: 0.7em;
 138   cursor: default;
 139 }
 140
 141 .qwebirc-qui .outertabbar {
 142   border-bottom: 1px solid $(tabbar_border);
 143   background: $(tabbar_background);
 144 }
 145
 146 .qwebirc-qui .tabbar {
 147   font-size: 0.8em;
 148   color: $(tabbar_text);
 149   margin-left: 25px;
 150   line-height: 24px;
 151 }
 152
 153 .qwebirc-qui a.tab {
 154   border: 1px solid $(tab_border);
 155   padding: 2px;
 156   cursor: default;
 157   -moz-border-radius: 4px;
 158   -webkit-border-radius: 4px;
 159   border-radius: 4px;
 160   margin-right: -2px;
 161   white-space: nowrap;
 162   text-decoration: none;
 163   color: $(tab_text);
 164 }
 165
 166 .qwebirc-qui .tab:hover {
 167   background: $(tab_hover);
 168   border: 1px solid #c8d2dc;
 169   -moz-border-radius: 4px;
 170   -webkit-border-radius: 4px;
 171   border-radius: 4px;
 172 }
 173
 174 .qwebirc-qui .tab-selected {
 175   background: $(tab_selected);
 176   border: 1px solid $(tab_selected_border);
 177   -moz-border-radius: 4px;
 178   -webkit-border-radius: 4px;
 179   border-radius: 4px;
 180   color: $(tab_selected_text);
 181 }
 182
 183 .qwebirc-qui div.input {
 184   border-top: 1px solid $(input_border);
 185   padding-left: 3px;
 186   padding-right: 3px;
 187 }
 188
 189 .qwebirc-qui .tabclose {
 190   margin-left: 5px;
 191   font-size: 0.7em;
 192   line-height: 150%;
 193   vertical-align: top;
 194   padding-left: 3px;
 195   -moz-border-radius: 2px;
 196   -webkit-border-radius: 2px;
 197   border-radius: 2px;
 198 }
 199
 200 .qwebirc-qui a.tab-hilight-activity {
 201   color: #009900;
 202 }
 203
 204 .qwebirc-qui a.tab-hilight-speech {
 205   color: #0000ff;
 206 }
 207
 208 .qwebirc-qui a.tab-hilight-us {
 209   color: #ff0000;
 210 }
 211
 212 .qwebirc-qui .nicklist {
 213   border-left: 1px solid $(nicklist_border);
 214   position: absolute;
 215   top: 0px;
 216   right: 0px;
 217   width: 140px;
 218   overflow: auto;
 219   background: $(nicklist_background);
 220   color: $(nicklist_text);
 221   font-size: 0.7em;
 222 }
 223
 224 .qwebirc-qui .nicklist a {
 225   display: block;
 226   color: $(nicklist_text);
 227   text-decoration: none;
 228   cursor: default;
 229   border-top: 1px solid $(nicklist_background);
 230   border-bottom: 1px solid $(nicklist_background);
 231   padding-left: 1px;
 232 }
 233
 234 .qwebirc-qui .nicklist a.selected {
 235   display: block;
 236   color: $(nicklist_text);
 237   background: $(nicklist_selected_background);
 238   text-decoration: none;
 239   border-bottom: $(nicklist_selected_border) 1px solid;
 240   cursor: default;
 241 }
 242
 243 .qwebirc-qui .nicklist a.selected-middle {
 244   border-top: $(nicklist_selected_border) 1px solid;
 245 }
 246
 247 div#noscript {
 248   text-align: center;
 249   font-weight: bold;
 250 }
 251
 252 .qwebirc-qui .nicklist div.menu {
 253   margin: 0px 0px 0px 5px;
 254 }
 255
 256 .qwebirc-qui .nicklist div.menu a {
 257   border-bottom: 0;
 258   border-top: 0;
 259 }
 260
 261 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
 262   cursor: pointer;
 263   cursor: hand;
 264 }
 265
 266 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
 267   text-decoration: underline;
 268 }
 269
 270 .qwebirc-qui .outertabbar .dropdown-tab {
 271   cursor: pointer;
 272   cursor: hand;
 273   float: left;
 274   padding: 4px;
 275   width: 17px;
 276 }
 277
 278 .qwebirc-qui .dropdownmenu {
 279   z-index: 100;
 280   border: 1px solid $(menu_border);
 281   position: relative;
 282   top: 10px;
 283   left: 10px;
 284   background: $(menu_background);
 285 }
 286
 287 .qwebirc-qui .dropdownmenu a {
 288   display: block;
 289   font-size: 0.7em;
 290   color: $(menu_text);
 291   cursor: pointer;
 292   cursor: hand;
 293   padding-top: 1px;
 294   padding-left: 3px;
 295   padding-bottom: 1px;
 296   padding-right: 3px;
 297 }
 298
 299 .qwebirc-qui .dropdownmenu a:hover {
 300   background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
 301 }
 302
 303 .qwebirc-qui .dropdownhint {
 304   position: relative;
 305   left: -500px;
 306   z-index: 10;
 307   white-space: nowrap;
 308   font-size: 0.7em;
 309 }
 310
 311 .qwebirc-qui hr.lastpos {
 312   border: none;
 313   border-top: 1px solid $(lastpositionbar);
 314   margin-left: 3em;
 315   margin-right: 3em;
 316 }