Created message.css, moved most message related css there, updated message look,...
[citadel.git] / webcit / static / styles / iconbar.css
1 #iconbar {
2         position: absolute;
3         top: 0;
4         left: 0;
5         bottom: 0;
6         width: 16%;             /* when changing this, also change #banner width */
7         z-index: 0;
8         overflow: auto;
9         overflow-x: hidden !important;
10 }
11
12 #iconbar_container {}
13
14 #citlogo { padding: 13px 0; }
15
16 .logo_citadel a,.logo_citadel img {
17         border: none;
18 }
19
20 .logo,.logo_citadel, .iconbar_text {
21         border: none;
22         border-bottom: 1px solid #AAA;
23
24
25 .ib_button, .iconbar_text{
26         background-color: #4d555c;
27         color: #F0FEFF;
28         font-weight: bold;
29
30
31 .iconbar_text {
32         font-size: 75%;
33 }
34
35 #iconbar #button {
36         padding: 0;
37         border: none;
38         list-style: none;
39 }
40
41
42 .ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
43         display: block;
44         text-decoration: none;
45         color: #F0FEFF;
46 }
47
48 li.ib_button a img { border: none; } /* FF draws borders around the expand/collapse buttons */
49
50 .ib_button, .floor {
51         margin: 3px;
52         padding: 0;
53         display: block;
54         font-size: 80%;
55         -khtml-border-radius: 5px;
56         -moz-border-radius: 5px;
57         border-radius: 5px;
58         behavior: url(border-radius.htc);
59  }
60
61 .logo, .logo_citadel, .iconbar_text {
62         margin: 0;
63         padding: 0;
64 }
65
66 .logo, #citlogo, .iconbar_text, #online_users li {
67         text-align: center;
68 }
69
70 .iconbar_text > span {
71         cursor: pointer;
72 }
73
74 #iconbar #button { width: 100% }
75
76 #button li:hover, #ib_logoff:hover {
77         background-color: #5c646b;
78 }
79
80 #online_users {
81         display: none; /* Hide by default */
82         border: 0;
83         max-height: 200px;
84         overflow: auto;
85         padding-left: 0;
86         padding-bottom: 5px;
87
88
89 #online_users li {
90         list-style: none;
91         margin: 0;
92         padding: 2px;
93         white-space: nowrap;
94         border: none;
95         border-top: 1px solid #777277;
96 }
97
98 #online_users li a { font-size: 80% !important }
99
100 #online_users li.inactiveuser { background-color: #9c959d; }
101  
102 #online_users li.activeuser { background-color: #4d555c; }
103  
104 #online_users li:hover { /* separate in order for override */ }
105
106
107 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
108         margin: 4px;
109         padding: 0;
110 }
111
112 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
113         cursor: pointer;
114 }
115
116 .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
117         font-weight: 700;
118 }
119
120 .ib_roomlist_floor {}
121
122 .roomlist_new, .ib_roomlist_new {
123         color: #800;
124 }
125
126 .roomlist_old, .ib_roomlist_old {
127         color: #008;
128 }
129
130 #button li:hover, #ib_logoff:hover {
131         background-color: #5c646b;
132 }
133