Better hilighting.

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

diff --git a/static/css/qui.css b/static/css/qui.css
index 237335352da7da54c98025a709a51651fb758699..53d05ec672d80a0ac3eb5149462655e5c4a6464e 100644 (file)
--- a/static/css/qui.css
+++ b/static/css/qui.css
@@ -1,141 +1,17 @@
-/*.qwebirc-qui .tabbar {
-  border-bottom: 1px solid #c3cee0;
-  padding: 4px;
-  background: #e2ecf9;
-  font-size: 0.8em;
-  font-family: Verdana, sans-serif;
-  color: #000000;
-}
-
-.qwebirc-qui a.tab {
-  border: 1px solid #c8d2dc;
-  padding: 2px;
-  cursor: default;
-  margin-right: 2px;
-}
-
-.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: #ffffff;
-  border: 1px solid #c8d2dc;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  color: #333333;
-}
-
-.qwebirc-qui .input input {
-  border: 0px;
-  margin: 2px 0px 0px 0px;
-  width: 99%;
-  font-family: Verdana, sans-serif;
-}
-
-.qwebirc-qui div.input {
-  left: 0px;
-  right: 0px;
-  position: absolute;
-  border-top: 1px solid #c8d2dc;
-  padding-left: 2px;
-  padding-right: 2px;
-}
-
-.qwebirc-qui .tabclose {
-  margin-left: 5px;
-  font-size: 0.6em;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
+body {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
 }
 
-.qwebirc-qui .nicklist {
-  border-left: 1px solid #c8d2dc;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 125px;
-  overflow: auto;
-  background: #f2f0ff;
-  color: black;
-  font-family: Verdana, sans-serif;
-  font-size: 0.7em;
-}
-
-.qwebirc-qui .tab-invisible {
-  display: none;
-}
-
-.qwebirc-qui .linestyle1 {
-  background: #efefef;
-}
-
-.qwebirc-qui .linestyle2 {
-  background: #eeffff;
-}
-
-.qwebirc-qui a.tab-hilighted {
-  color: red;
-}
-
-.qwebirc-qui .topic {
+#ircui {
   position: absolute;
   left: 0px;
-  top: 0px;
   right: 0px;
-  background-color: #F2F0FF;
-  border-bottom: 1px dashed #c8d2dc;
-}
-
-.qwebirc-qui .topic .emptytopic {
-  color: grey;
-}
-
-.qwebirc-qui .topic {
-  color: grey;
-  font-family: Verdana, sans-serif;
-  padding-left: 5px;
-  font-size: 0.7em;
-}
-
-.qwebirc-qui .lines {
-  overflow: auto;
-  position: absolute;
-  left: 0px;
-  font-family: Verdana;
-  font-size: 0.8em;
-  background: #f2f0ff;
-}
-
-.qwebirc-qui .lines div {
-  padding-left: 5px;
-}
-
-.qwebirc-qui .window {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-.qwebirc-qui .outercontainer {
+  top: 0px;
   height: 100%;
   width: 100%;
-  position: relative;
-}
-
-.qwebirc-qui .container {
-  position: absolute;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
+  overflow: hidden;
 }
 
 .qwebirc-qui .loginbox {
@@ -182,15 +58,6 @@
   text-align: center;
 }
 
-.qwebirc-qui form {
-  margin: 0px;
-  padding: 0px;
-}
-*/
-
-body {
-  margin: 0;
-}
 .qwebirc-qui .dynamicpanel {
   position: absolute;
 }
@@ -212,18 +79,26 @@ body {
 
 .qwebirc-qui .lines {
   overflow: auto;
-  font-family: Verdana;
+  font-family: Consolas, "Lucida Console", Verdana, monospace, sans-serif, "sans serif";
   font-size: 0.8em;
   background: #f2f0ff;
 }
 
 .qwebirc-qui .nicklist {
+  border-left: 1px solid #c8d2dc;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 125px;
   overflow: auto;
-  background: red;
+  background: #f2f0ff;
+  color: black;
+  font-family: Verdana, sans-serif;
+  font-size: 0.7em;
 }
 
 .qwebirc-qui .tabbar {
-  /*border-bottom: 1px solid #c3cee0;*/
+  border-bottom: 1px solid #c3cee0;
   background: #e2ecf9;
   font-size: 0.8em;
   font-family: Verdana, sans-serif;
@@ -245,3 +120,88 @@ body {
   margin: 0px;
   padding: 0px;
 }
+
+.qwebirc-qui .topic {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  background-color: #F2F0FF;
+  border-bottom: 1px dashed #c8d2dc;
+}
+
+.qwebirc-qui .topic .emptytopic {
+  color: grey;
+}
+
+.qwebirc-qui .topic {
+  color: grey;
+  font-family: Verdana, sans-serif;
+  padding-left: 5px;
+  font-size: 0.7em;
+}
+
+.qwebirc-qui .tabbar {
+  border-bottom: 1px solid #c3cee0;
+  padding: 4px;
+  background: #e2ecf9;
+  font-size: 0.8em;
+  font-family: Verdana, sans-serif;
+  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: #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 a.tab-hilight-activity {
+  color: green;
+}
+
+.qwebirc-qui a.tab-hilight-speech {
+  color: blue;
+}
+
+.qwebirc-qui a.tab-hilight-us {
+  color: red;
+}