css/qui.mcss

   1 topic_background=c,f2f0ff
   2 lines_background=c,f2f0ff
   3 topic_border=c,c8d2dc
   4 tabbar_border=c,c3cee0
   5 tabbar_background=c,e2ecf9
   6 tabbar_text=c,000000
   7 tab_border=c,c8d2dc
   8 tab_text=c,000000
   9 tab_hover=c,ffffff
  10 tab_selected=c,ffffff
  11 tab_selected_border=c,c8d2dc
  12 tab_selected_text=c,333333
  13 input_border=c,c3cee0
  14 nicklist_border=c,c8d2dc
  15 nicklist_background=c,f2f0ff
  16 nicklist_text=c,000000
  17 nicklist_selected_border=c,c8d2dc
  18 menu_border=c,c8d2dc
  19 menu_background=c,f2f0ff
  20 menu_hover_background=c,FFFFFE
  21 lastpositionbar=c,C8D2DC
  22
  23 body {
  24   margin: 0;
  25   height: 100%;
  26   overflow: hidden;
  27   font-family: Verdana, sans-serif;
  28 }
  29
  30 html {
  31   overflow: hidden;
  32 }
  33
  34 #ircui {
  35   position: absolute;
  36   left: 0px;
  37   right: 0px;
  38   top: 0px;
  39   height: 100%;
  40   width: 100%;
  41   overflow: hidden;
  42 }
  43
  44 .qwebirc-qui .dynamicpanel {
  45   position: absolute;
  46 }
  47 .qwebirc-qui .widepanel, .leftboundpanel {
  48   left: 0px;
  49 }
  50 .qwebirc-qui .widepanel {
  51   width: 100%;
  52 }
  53 .qwebirc-qui .topboundpanel {
  54   top: 0px;
  55 }
  56 .qwebirc-qui .rightboundpanel {
  57   /*right: 0px;*/
  58 }
  59 .qwebirc-qui .bottomboundpanel {
  60   color: red;
  61 }
  62
  63 .qwebirc-qui .lines {
  64   color: black;
  65   overflow: auto;
  66   font-size: 0.8em;
  67   background: $(lines_background);
  68 }
  69
  70 .qwebirc-qui .ircwindow {
  71   font-family: Consolas, "Lucida Console", monospace, Verdana, sans-serif, "sans serif";
  72 }
  73
  74 .qwebirc-qui .tab-invisible {
  75   display: none;
  76 }
  77
  78 .qwebirc-qui .input input.keyboard-input {
  79   border: 0px;
  80   margin: 2px 0px 0px 0px;
  81   width: 99%;
  82 }
  83
  84 .qwebirc-qui .input input.mobile-input {
  85   border: 0px;
  86   margin: 2px 0px 0px 0px;
  87 }
  88
  89 .qwebirc-qui .input input.mobile-button {
  90   position: absolute;
  91   top: 0px;
  92 }
  93
  94 .qwebirc-qui form {
  95   margin: 0px;
  96   padding: 0px;
  97 }
  98
  99 .qwebirc-qui .topic {
 100   position: absolute;
 101   left: 0px;
 102   top: 0px;
 103   right: 0px;
 104   background-color: $(topic_background);
 105   border-bottom: 1px dashed $(topic_border);
 106 }
 107
 108 .qwebirc-qui .topic .emptytopic {
 109   color: gray;
 110 }
 111
 112 .qwebirc-qui .topic {
 113   color: gray;
 114   padding-left: 5px;
 115   font-size: 0.7em;
 116   cursor: default;
 117 }
 118
 119 .qwebirc-qui .outertabbar {
 120   border-bottom: 1px solid $(tabbar_border);
 121   background: $(tabbar_background);
 122 }
 123
 124 .qwebirc-qui .tabbar {
 125   font-size: 0.8em;
 126   color: $(tabbar_text);
 127   margin-left: 38px;
 128   line-height: 24px;
 129 }
 130
 131 .qwebirc-qui a.tab {
 132   border: 1px solid $(tab_border);
 133   padding: 2px;
 134   cursor: default;
 135   -moz-border-radius: 4px;
 136   -webkit-border-radius: 4px;
 137   margin-right: -2px;
 138   white-space: nowrap;
 139   text-decoration: none;
 140   color: $(tab_text);
 141 }
 142
 143 .qwebirc-qui .tab:hover {
 144   background: $(tab_hover);
 145   border: 1px solid #c8d2dc;
 146   -moz-border-radius: 4px;
 147   -webkit-border-radius: 4px;
 148 }
 149
 150 .qwebirc-qui .tab-selected {
 151   background: $(tab_selected);
 152   border: 1px solid $(tab_selected_border);
 153   -moz-border-radius: 4px;
 154   -webkit-border-radius: 4px;
 155   color: $(tab_selected_text);
 156 }
 157
 158 .qwebirc-qui div.input {
 159   border-top: 1px solid $(input_border);
 160   padding-left: 3px;
 161   padding-right: 3px;
 162 }
 163
 164 .qwebirc-qui .tabclose {
 165   margin-left: 5px;
 166   font-size: 0.7em;
 167   line-height: 150%;
 168   vertical-align: top;
 169   padding-left: 3px;
 170   -moz-border-radius: 2px;
 171   -webkit-border-radius: 2px;
 172 }
 173
 174 .qwebirc-qui a.tab-hilight-activity {
 175   color: #009900;
 176 }
 177
 178 .qwebirc-qui a.tab-hilight-speech {
 179   color: #0000ff;
 180 }
 181
 182 .qwebirc-qui a.tab-hilight-us {
 183   color: #ff0000;
 184 }
 185
 186 .qwebirc-qui .nicklist {
 187   border-left: 1px solid $(nicklist_border);
 188   position: absolute;
 189   top: 0px;
 190   right: 0px;
 191   width: 140px;
 192   overflow: auto;
 193   background: $(nicklist_background);
 194   color: $(nicklist_text);
 195   font-size: 0.7em;
 196 }
 197
 198 .qwebirc-qui .nicklist a {
 199   display: block;
 200   color: black;
 201   text-decoration: none;
 202   cursor: default;
 203   border-top: 1px solid $(nicklist_background);
 204   border-bottom: 1px solid $(nicklist_background);
 205   padding-left: 1px;
 206 }
 207
 208 .qwebirc-qui .nicklist a.selected {
 209   display: block;
 210   color: black;
 211   background: white;
 212   text-decoration: none;
 213   border-bottom: $(nicklist_selected_border) 1px solid;
 214   cursor: default;
 215 }
 216
 217 .qwebirc-qui .nicklist a.selected-middle {
 218   border-top: $(nicklist_selected_border) 1px solid;
 219 }
 220
 221 div#noscript {
 222   text-align: center;
 223   font-weight: bold;
 224 }
 225
 226 .qwebirc-qui .nicklist div.menu {
 227   margin: 0px 0px 0px 5px;
 228 }
 229
 230 .qwebirc-qui .nicklist div.menu a {
 231   border-bottom: 0;
 232   border-top: 0;
 233 }
 234
 235 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
 236   cursor: pointer;
 237   cursor: hand;
 238 }
 239
 240 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
 241   text-decoration: underline;
 242 }
 243
 244 .qwebirc-qui .outertabbar .dropdown-tab {
 245   cursor: pointer;
 246   cursor: hand;
 247   float: left;
 248   padding: 4px;
 249   width: 30px;
 250 }
 251
 252 .qwebirc-qui .dropdownmenu {
 253   z-index: 100;
 254   border: 1px solid $(menu_border);
 255   position: relative;
 256   top: 10px;
 257   left: 10px;
 258   background: $(menu_background);
 259 }
 260
 261 .qwebirc-qui .dropdownmenu a {
 262   display: block;
 263   font-size: 0.7em;
 264   color: black;
 265   cursor: pointer;
 266   cursor: hand;
 267   padding-top: 1px;
 268   padding-left: 3px;
 269   padding-bottom: 1px;
 270   padding-right: 3px;
 271 }
 272
 273 .qwebirc-qui .dropdownmenu a:hover {
 274   background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
 275 }
 276
 277 .qwebirc-qui .dropdownhint {
 278   position: relative;
 279   left: -500px;
 280   z-index: 10;
 281   white-space: nowrap;
 282   font-size: 0.7em;
 283 }
 284
 285 .qwebirc-qui hr.lastpos {
 286   border: none;
 287   border-top: 1px solid $(lastpositionbar);
 288   margin-left: 3em;
 289   margin-right: 3em;
 290 }