Make channel, nick and auth links less obvious.

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

diff --git a/static/css/qui.css b/static/css/qui.css
index f733b17727b89cb58a8d08a224c622fa7d75f6e5..effa62f2d0414f6afbe666efa3b324c7323156b9 100644 (file)
--- a/static/css/qui.css
+++ b/static/css/qui.css
@@ -1,97 +1,116 @@
-.qwebirc-qui .tabbar {
-  border: 1px solid #c3cee0;
-  padding: 4px;
-  background: #e2ecf9;
-  font-size: 0.8em;
-  font-family: Verdana, sans-serif;
-  color: #000000;
+body {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
 }
 
-.qwebirc-qui .tab {
-  border: 1px solid #e2ecf9;
-  padding: 2px;
-  cursor: default;
-  margin-right: 2px;
-  clear: both;
+html {
+  overflow: hidden;
 }
 
-.qwebirc-qui a.tab {
-  text-decoration: none;
-  color: #000000;
+#ircui {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
 }
 
-.qwebirc-qui tab:visited {
-  color: #000000;
+.qwebirc-qui .loginbox {
+  font-family: Verdana, sans-serif;
+  height: 100%;
+  width: 100%;
+  vertical-align: middle;
 }
 
-.qwebirc-qui .tab:hover {
-  background: #ffffff;
-  border: 1px solid #c8d2dc;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
+.qwebirc-qui .loginbox .tr1 {
+  width: 100%;
+  vertical-align: bottom;
+  text-align: center;
 }
 
-.qwebirc-qui .tab-selected {
-  background: #ffffff;
-  border: 1px solid #c8d2dc;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  color: #333333;
+.qwebirc-qui .loginbox .tr2 {
+  width: 100%;
+  vertical-align: top;
+  text-align: center;
 }
 
-.qwebirc-qui .input input {
-  border: 0px;
-  margin: 2px 0px 0px 0px;
-  width: 100%;
+.qwebirc-qui .loginbox .tr2 table {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: left;
+}
+
+.qwebirc-qui .confirmbox {
   font-family: Verdana, sans-serif;
+  height: 100%;
+  width: 100%;
+  vertical-align: middle;
 }
 
-.qwebirc-qui div.input {
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-  position: absolute;
-  border-top: 1px solid #c8d2dc;
-  padding-left: 2px;
-  padding-right: 2px;
+.qwebirc-qui .confirmbox .tr1 td {
+  width: 100%;
+  vertical-align: bottom;
+  text-align: center;
 }
 
-.qwebirc-qui .tabclose {
-  margin-left: 5px;
-  padding: 2px;
-  font-size: 0.7em;
+.qwebirc-qui .confirmbox .tr2 td {
+  width: 100%;
   vertical-align: top;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
+  text-align: center;
 }
 
-.qwebirc-qui .nicklist {
-  border-left: 1px solid #c8d2dc;
+.qwebirc-qui .dynamicpanel {
   position: absolute;
+}
+.qwebirc-qui .widepanel, .leftboundpanel {
+  left: 0px;
+}
+.qwebirc-qui .widepanel {
+  width: 100%;
+}
+.qwebirc-qui .topboundpanel {
   top: 0px;
-  right: 0px;
-  width: 125px;
+}
+.qwebirc-qui .rightboundpanel {
+  /*right: 0px;*/
+}
+.qwebirc-qui .bottomboundpanel {
+  color: red;
+}
+
+.qwebirc-qui .lines {
+  color: black;
   overflow: auto;
+  font-family: Consolas, "Lucida Console", Verdana, monospace, sans-serif, "sans serif";
+  font-size: 0.8em;
   background: #f2f0ff;
-  color: black;
+}
+
+.qwebirc-qui .tabbar {
+  border-bottom: 1px solid #c3cee0;
+  background: #e2ecf9;
+  font-size: 0.8em;
   font-family: Verdana, sans-serif;
-  font-size: 0.7em;
+  color: #000000;
 }
 
 .qwebirc-qui .tab-invisible {
   display: none;
 }
 
-/*.qwebirc-qui .linestyle1 {
-  background: #efefef;
+.qwebirc-qui .input input {
+  border: 0px;
+  margin: 2px 0px 0px 0px;
+  width: 99%;
+  font-family: Verdana, sans-serif;
 }
 
-.qwebirc-qui .linestyle2 {
-  background: #eeffff;
-}*/
-
-.qwebirc-qui a.tab-hilighted {
-  color: red;
+.qwebirc-qui form {
+  margin: 0px;
+  padding: 0px;
 }
 
 .qwebirc-qui .topic {
@@ -104,93 +123,160 @@
 }
 
 .qwebirc-qui .topic .emptytopic {
-  color: grey;
+  color: gray;
 }
 
 .qwebirc-qui .topic {
-  color: grey;
+  color: gray;
   font-family: Verdana, sans-serif;
   padding-left: 5px;
   font-size: 0.7em;
 }
 
-.qwebirc-qui .lines {
-  overflow: auto;
-  position: absolute;
-  left: 0px;
-  font-family: Verdana;
+.qwebirc-qui .tabbar {
+  border-bottom: 1px solid #c3cee0;
+  padding: 4px;
+  background: #e2ecf9;
   font-size: 0.8em;
-  background: #f2f0ff;
+  font-family: Verdana, sans-serif;
+  color: #000000;
 }
 
-.qwebirc-qui .lines div {
-  padding-left: 5px;
+.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 .window {
-  position: relative;
-  width: 100%;
-  height: 100%;
+.qwebirc-qui a.tab {
+  text-decoration: none;
+  color: #000000;
 }
 
-.qwebirc-qui .outercontainer {
-  height: 100%;
-  width: 100%;
-  position: relative;
+.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;
 }
 
-.qwebirc-qui .container {
+.qwebirc-qui .nicklist {
+  border-left: 1px solid #c8d2dc;
   position: absolute;
-  left: 0px;
+  top: 0px;
   right: 0px;
-  bottom: 0px;
+  width: 140px;
+  overflow: auto;
+  background: #f2f0ff;
+  color: black;
+  font-family: Verdana, sans-serif;
+  font-size: 0.7em;
 }
 
-.qwebirc-qui .loginbox {
-  font-family: Verdana, sans-serif;
-  height: 100%;
-  width: 100%;
-  vertical-align: middle;
+.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 .loginbox .tr1 {
-  width: 100%;
-  vertical-align: bottom;
-  text-align: center;
+.qwebirc-qui .nicklist a.selected {
+  display: block;
+  color: black;
+  background: white;
+  text-decoration: none;
+  border-bottom: #c8d2dc 1px solid;
+  cursor: default;
 }
 
-.qwebirc-qui .loginbox .tr2 {
-  width: 100%;
-  vertical-align: top;
+.qwebirc-qui .nicklist a.selected-middle {
+  border-top: #c8d2dc 1px solid;
+}
+
+div#noscript {
   text-align: center;
+  font-family: Verdana, sans-serif;
+  font-weight: bold;
 }
 
-.qwebirc-qui .loginbox .tr2 table {
-  margin-left: auto;
-  margin-right: auto;
-  text-align: left;
+.qwebirc-qui .nicklist div.menu {
+  margin: 0px 0px 0px 5px;
 }
 
-.qwebirc-qui .confirmbox {
-  font-family: Verdana, sans-serif;
-  height: 100%;
-  width: 100%;
-  vertical-align: middle;
+.qwebirc-qui .nicklist div.menu a {
+  border-bottom: 0;
+  border-top: 0;
 }
 
-.qwebirc-qui .confirmbox .tr1 td {
-  width: 100%;
-  vertical-align: bottom;
-  text-align: center;
+.qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
+  cursor: pointer;
+  cursor: hand;
 }
 
-.qwebirc-qui .confirmbox .tr2 td {
-  width: 100%;
-  vertical-align: top;
-  text-align: center;
+.qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
+  text-decoration: underline;
 }
 
-.qwebirc-qui form {
-  margin: 0px;
-  padding: 0px;
-}
\ No newline at end of file
+.qwebirc-qui div.embeddedwizard {
+  padding-left: 5px;
+  padding-top: 2px;
+}
+
+.qwebirc-qui .embeddedwizard input.text {
+  width: 300px;
+}
+
+.qwebirc-qui .embeddedwizard input.iframetext {
+  width: 95%;
+}
+
+.qwebirc-qui .embeddedwizard div.wizardcontrols {
+  position: absolute;
+  bottom: 3px;
+  right: 6px;
+}
+
+.qwebirc-qui .embeddedwizard .wizardcontrols input {
+  width: 70px;
+}