aboutsummaryrefslogtreecommitdiffstats
path: root/webclient/style
diff options
context:
space:
mode:
Diffstat (limited to 'webclient/style')
-rw-r--r--webclient/style/alias.css89
-rw-r--r--webclient/style/tabs.css66
-rw-r--r--webclient/style/tipTip.css125
3 files changed, 204 insertions, 76 deletions
diff --git a/webclient/style/alias.css b/webclient/style/alias.css
index 9e96f88..c3945ba 100644
--- a/webclient/style/alias.css
+++ b/webclient/style/alias.css
@@ -155,8 +155,8 @@ input
#header
{
margin: 0px;
- margin-bottom: 15px;
- background-image: -moz-linear-gradient(top center, white, #AEB2B1);
+ margin-bottom: 0px;
+ background-image: -moz-linear-gradient(top center, #F4F4F4, #C1C1C1);
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#D9D9D9));
border-bottom: 1px solid #CDCDCD;
box-shadow: 0px 5px 10px #434343;
@@ -176,11 +176,10 @@ input
#left
{
margin: 0px;
- margin-right: 2%;
float: left;
- width: 20%;
+ width: 22%;
background-color: white;
- height: 88%;
+ height: 95%;
display: none;
}
@@ -188,7 +187,7 @@ input
{
float: left;
width: 78%;
- height: 88%;
+ height: 95%;
display: none;
background-color: white;
padding: 0px;
@@ -199,74 +198,6 @@ input
padding: 0px;
}
-ul.tabbar{
- background-color: #E9E9E9;
- border-bottom: 1px solid #9C9C9C;
- border-top: 1px solid white;
- padding: 0px;
- margin: 0px;
- list-style-type: none;
- height: 45px;
-}
-
-ul.tabbar > li{
- background-color: #B6B6B6;
- padding: 10px;
- padding-right: 5px;
- margin: 0px;
- margin-left: 0.5em;
- height: 20px;
- float: left;
- display: block;
- margin-top: 4px;
-}
-
-ul.tabbar > li.selected{
- border-bottom: 1px solid white;
- border-left: 1px solid #9C9C9C;
- border-top: 1px solid #9C9C9C;
- border-right: 1px solid #9C9C9C;
- background-color: white;
-}
-
-ul.tabbar > li:hover{
- background-color: #3058A3;
- color: white;
- cursor: pointer;
-}
-
-ul.tabbar > li > span.tab-close{
- display: block;
- width: 15px;
- height: 15px;
- float: right;
- margin-left: 5px;
- margin-top: 2px;
- background-image: url("images/cross.png");
-}
-
-ul.tabbar > li:hover > span.tab-close{
- background-image: url("images/cross2.png");
-}
-
-ul.tabbar > li > a{
- color: inherit;
-}
-
-ul.tabbar > li > a:hover{
- text-decoration: none;
-}
-
-ul.tabbar > li > a:focus{
- border: none;
-}
-
-.tab{
- padding: 10px;
- height: 100%;
- display: none;
-}
-
.chat-messages{
height: 80%;
width: 100%;
@@ -317,7 +248,7 @@ ul.tabbar > li > a:focus{
.roster-contact
{
- -moz-transition-property: background-color, box-shadow;
+ -moz-transition-property: background-color;
-moz-transition-duration: 0.5s;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
@@ -331,7 +262,6 @@ ul.tabbar > li > a:focus{
.roster-contact:hover
{
background-color: #E5E9EE;
- box-shadow: 5px 0px 5px #888;
}
.roster-name
@@ -349,6 +279,13 @@ ul.tabbar > li > a:focus{
background-color: #E3E3E3;
}
+#tiptip_holder ul
+{
+ padding: 0;
+ margin: 0;
+ margin-left:10px;
+}
+
#status
{
margin: 0px;
diff --git a/webclient/style/tabs.css b/webclient/style/tabs.css
new file mode 100644
index 0000000..2d12003
--- /dev/null
+++ b/webclient/style/tabs.css
@@ -0,0 +1,66 @@
+ul.tabbar{
+ background-color: #E9E9E9;
+ border-bottom: 1px solid #9C9C9C;
+ border-top: 1px solid white;
+ padding: 0px;
+ margin: 0px;
+ list-style-type: none;
+ height: 35px;
+}
+
+ul.tabbar > li{
+ background-color: #B6B6B6;
+ padding: 5px;
+ margin: 0px;
+ margin-left: 0.5em;
+ height: 20px;
+ float: left;
+ display: block;
+ margin-top: 4px;
+}
+
+ul.tabbar > li.selected{
+ border-bottom: 1px solid white;
+ border-left: 1px solid #9C9C9C;
+ border-top: 1px solid #9C9C9C;
+ border-right: 1px solid #9C9C9C;
+ background-color: white;
+}
+
+ul.tabbar > li:hover{
+ background-color: #3058A3;
+ color: white;
+ cursor: pointer;
+}
+
+ul.tabbar > li > span.tab-close{
+ display: block;
+ width: 15px;
+ height: 15px;
+ float: right;
+ margin-left: 5px;
+ margin-top: 2px;
+ background-image: url("images/cross.png");
+}
+
+ul.tabbar > li:hover > span.tab-close{
+ background-image: url("images/cross2.png");
+}
+
+ul.tabbar > li > a{
+ color: inherit;
+}
+
+ul.tabbar > li > a:hover{
+ text-decoration: none;
+}
+
+ul.tabbar > li > a:focus{
+ border: none;
+}
+
+.tab{
+ padding: 10px;
+ height: 100%;
+ display: none;
+}
diff --git a/webclient/style/tipTip.css b/webclient/style/tipTip.css
new file mode 100644
index 0000000..70411d6
--- /dev/null
+++ b/webclient/style/tipTip.css
@@ -0,0 +1,125 @@
+/* TipTip CSS - Version 1.2 */
+
+/** structure
+
+<div id="tiptip_holder">
+ <div id="tiptip_content">
+ <div id="tiptip_arrow">
+ <div id="tiptip_arrow_inner"></div>
+ </div>
+ </div>
+</div>
+
+*/
+
+#tiptip_holder {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 99999;
+}
+
+#tiptip_holder.tip_top {
+ padding-bottom: 5px;
+}
+
+#tiptip_holder.tip_bottom {
+ padding-top: 5px;
+}
+
+#tiptip_holder.tip_right {
+ padding-left: 5px;
+}
+
+#tiptip_holder.tip_left {
+ padding-right: 5px;
+}
+
+#tiptip_content {
+ font-size: 11px;
+ color: #fff;
+ text-shadow: 0 0 2px #000;
+ padding: 4px 8px;
+ border: 1px solid rgba(255,255,255,0.25);
+ background-color: rgb(25,25,25);
+ background-color: rgba(25,25,25,0.92);
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ box-shadow: 0 0 3px #555;
+ -webkit-box-shadow: 0 0 3px #555;
+ -moz-box-shadow: 0 0 3px #555;
+}
+
+#tiptip_arrow, #tiptip_arrow_inner {
+ position: absolute;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 6px;
+ height: 0;
+ width: 0;
+}
+
+#tiptip_holder.tip_top #tiptip_arrow {
+ border-top-color: #fff;
+ border-top-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow {
+ border-bottom-color: #fff;
+ border-bottom-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow {
+ border-right-color: #fff;
+ border-right-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow {
+ border-left-color: #fff;
+ border-left-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_top #tiptip_arrow_inner {
+ margin-top: -7px;
+ margin-left: -6px;
+ border-top-color: rgb(25,25,25);
+ border-top-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow_inner {
+ margin-top: -5px;
+ margin-left: -6px;
+ border-bottom-color: rgb(25,25,25);
+ border-bottom-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow_inner {
+ margin-top: -6px;
+ margin-left: -5px;
+ border-right-color: rgb(25,25,25);
+ border-right-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow_inner {
+ margin-top: -6px;
+ margin-left: -7px;
+ border-left-color: rgb(25,25,25);
+ border-left-color: rgba(25,25,25,0.92);
+}
+
+/* Webkit Hacks */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ #tiptip_content {
+ padding: 4px 8px 5px 8px;
+ background-color: rgba(45,45,45,0.88);
+ }
+ #tiptip_holder.tip_bottom #tiptip_arrow_inner {
+ border-bottom-color: rgba(45,45,45,0.88);
+ }
+ #tiptip_holder.tip_top #tiptip_arrow_inner {
+ border-top-color: rgba(20,20,20,0.92);
+ }
+} \ No newline at end of file
generated by cgit v1.2.3-70-g09d2 (git 2.52.0) at 2025-12-21 19:21:32 +0000