Fix font issue.

[irc/quakenet/qwebirc.git] / static / css / qui.css

diff --git a/static/css/qui.css b/static/css/qui.css
index 71d52207543b801867c8b3060339d5393d7c3272..6f128819f6365c99e04df3d7b6b53df174bfc85b 100644 (file)
--- a/static/css/qui.css
+++ b/static/css/qui.css
@@ -1,105 +1,213 @@
-.qwebirc-qui .tabbar {
-  border: 1px solid black;
-  padding: 4px;
-  font-size: 0.8em;
+body {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
   font-family: Verdana, sans-serif;
 }
 
-.qwebirc-qui .tab {
-  border: 1px black solid;
-  padding: 2px;
-  cursor: default;
-  margin-right: 2px;
-  background: #eee;
-  clear: both;
+html {
+  overflow: hidden;
 }
 
-.qwebirc-qui .input input {
-  border: 0px solid black;
-  margin: 2px 0px 0px 0px;
+#ircui {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  height: 100%;
   width: 100%;
-  font-family: Verdana, sans-serif;
+  overflow: hidden;
 }
 
-.qwebirc-qui div.input {
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
+.qwebirc-qui .dynamicpanel {
   position: absolute;
-  border-top: 1px solid black;
+}
+.qwebirc-qui .widepanel, .leftboundpanel {
+  left: 0px;
+}
+.qwebirc-qui .widepanel {
+  width: 100%;
+}
+.qwebirc-qui .topboundpanel {
+  top: 0px;
+}
+.qwebirc-qui .rightboundpanel {
+  /*right: 0px;*/
+}
+.qwebirc-qui .bottomboundpanel {
+  color: red;
 }
 
-.qwebirc-qui .tabclose {
-  border: 1px black solid;
-  margin-left: 5px;
-  padding: 2px;
-  font-size: 0.5em;
+.qwebirc-qui .lines {
+  color: black;
+  overflow: auto;
+  font-size: 0.8em;
+  background: #f2f0ff;
 }
 
-.qwebirc-qui .nicklist {
-  border-left: 1px solid black;
+.qwebirc-qui .ircwindow {
+  font-family: Consolas, "Lucida Console", Verdana, monospace, sans-serif, "sans serif";
+}
+
+.qwebirc-qui .tabbar {
+  border-bottom: 1px solid #c3cee0;
+  background: #e2ecf9;
+  font-size: 0.8em;
+  color: #000000;
+}
+
+.qwebirc-qui .tab-invisible {
+  display: none;
+}
+
+.qwebirc-qui .input input {
+  border: 0px;
+  margin: 2px 0px 0px 0px;
+  width: 99%;
+}
+
+.qwebirc-qui form {
+  margin: 0px;
+  padding: 0px;
+}
+
+.qwebirc-qui .topic {
   position: absolute;
+  left: 0px;
   top: 0px;
   right: 0px;
-  width: 125px;
-  overflow: auto;
-  background: white;
-  font-family: Verdana, sans-serif;
+  background-color: #F2F0FF;
+  border-bottom: 1px dashed #c8d2dc;
+}
+
+.qwebirc-qui .topic .emptytopic {
+  color: gray;
+}
+
+.qwebirc-qui .topic {
+  color: gray;
+  padding-left: 5px;
   font-size: 0.7em;
 }
 
-.qwebirc-qui .tab-invisible {
-  display: none;
+.qwebirc-qui .tabbar {
+  border-bottom: 1px solid #c3cee0;
+  padding: 4px;
+  background: #e2ecf9;
+  font-size: 0.8em;
+  color: #000000;
+}
+
+.qwebirc-qui a.tab {
+  border: 1px solid #c8d2dc;
+  padding: 2px;
+  cursor: default;
+  margin-right: 2px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+}
+
+.qwebirc-qui a.tab {
+  text-decoration: none;
+  color: #000000;
+}
+
+.qwebirc-qui .tab:hover {
+  background: #ffffff;
+  border: 1px solid #c8d2dc;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
 }
 
 .qwebirc-qui .tab-selected {
-  background: #eeffff;
+  background: #ffffff;
+  border: 1px solid #c8d2dc;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  color: #333333;
+}
+
+.qwebirc-qui div.input {
+  border-top: 1px solid #c3cee0;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.qwebirc-qui .tabclose {
+  margin-left: 5px;
+  font-size: 0.6em;
+  vertical-align: top;
+  padding-left: 3px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
 }
 
-.qwebirc-qui .linestyle1 {
-  background: #efefef;
+.qwebirc-qui a.tab-hilight-activity {
+  color: green;
 }
 
-.qwebirc-qui .linestyle2 {
-  background: #eeffff;
+.qwebirc-qui a.tab-hilight-speech {
+  color: blue;
 }
 
-.qwebirc-qui .tab-hilighted {
+.qwebirc-qui a.tab-hilight-us {
   color: red;
 }
 
-.qwebirc-qui .topic {
+.qwebirc-qui .nicklist {
+  border-left: 1px solid #c8d2dc;
   position: absolute;
-  left: 0px;
   top: 0px;
+  right: 0px;
+  width: 140px;
+  overflow: auto;
+  background: #f2f0ff;
+  color: black;
+  font-size: 0.7em;
 }
 
-.qwebirc-qui .lines {
-  overflow: auto;
-  position: absolute;
-  left: 0px;
-  font-family: Consolas, "Lucida Console", monospace, sans-serif;
+.qwebirc-qui .nicklist a {
+  display: block;
+  color: black;
+  text-decoration: none;
+  cursor: default;
+  border-top: 1px solid #f2f0ff;
+  border-bottom: 1px solid #f2f0ff;
+  padding-left: 1px;
 }
 
-.qwebirc-qui .lines div {
-  padding-left: 5px;
+.qwebirc-qui .nicklist a.selected {
+  display: block;
+  color: black;
+  background: white;
+  text-decoration: none;
+  border-bottom: #c8d2dc 1px solid;
+  cursor: default;
 }
 
-.qwebirc-qui .window {
-  position: relative;
-  width: 100%;
-  height: 100%;
+.qwebirc-qui .nicklist a.selected-middle {
+  border-top: #c8d2dc 1px solid;
 }
 
-.qwebirc-qui .outercontainer {
-  height: 100%;
-  width: 100%;
-  position: relative;
+div#noscript {
+  text-align: center;
+  font-weight: bold;
 }
 
-.qwebirc-qui .container {
-  position: absolute;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
+.qwebirc-qui .nicklist div.menu {
+  margin: 0px 0px 0px 5px;
+}
+
+.qwebirc-qui .nicklist div.menu a {
+  border-bottom: 0;
+  border-top: 0;
+}
+
+.qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
+  cursor: pointer;
+  cursor: hand;
+}
+
+.qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
+  text-decoration: underline;
 }