Commit | Line | Data |
---|---|---|
2dd6a025 D |
1 | * { margin:0px; padding:0px; } |
2 | html, body { height:100%; } | |
75f48c13 | 3 | a { color:#36C; text-decoration:none; cursor:pointer; } |
2dd6a025 D |
4 | |
5 | ||
6 | ||
7 | ||
8 | body { | |
9 | overflow:hidden; position:relative; | |
10 | height:100%; | |
11 | font-family:Arial, Helvetica, sans-serif; | |
12 | font-size:14px; line-height:1.4em; | |
13 | background:#EBEBEB; | |
14 | } | |
15 | ||
16 | /** | |
17 | * Main layout blocks | |
18 | */ | |
473fe73f | 19 | #toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; } |
0caf7aa7 | 20 | #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } |
473fe73f | 21 | #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; } |
2dd6a025 D |
22 | #controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; } |
23 | ||
24 | ||
25 | ||
26 | #toolbar .panellist { | |
27 | overflow: hidden; | |
28 | margin-right: 50px; | |
29 | white-space: nowrap; | |
30 | display:block; | |
31 | /*height: 35px;*/ | |
32 | } | |
33 | #toolbar .panellist li { | |
34 | float: left; list-style: inline; | |
35 | display:inline; position:relative; | |
36 | padding:5px; margin:3px; | |
37 | border: 1px solid #333; | |
38 | background-color: #eee; | |
39 | ||
40 | cursor: pointer; | |
41 | ||
42 | line-height: 1.4em; | |
43 | vertical-align: middle; | |
44 | ||
45 | border-radius:5px; | |
46 | -moz-border-radius:5px; | |
47 | -webkit-border-radius:5px; | |
48 | -khtml-border-radius:5px; | |
49 | behavior: url(border-radius.htc); | |
50 | ||
51 | background-image: -webkit-gradient( | |
52 | linear, | |
53 | left top, | |
54 | left bottom, | |
55 | color-stop(0.38, rgb(238,238,238)), | |
56 | color-stop(0.68, rgb(209,209,209)) | |
57 | ); | |
58 | background-image: -moz-linear-gradient( | |
59 | center top, | |
60 | rgb(238,238,238) 38%, | |
61 | rgb(209,209,209) 68% | |
62 | ); | |
63 | } | |
64 | #toolbar .panellist .active { padding-right:23px; } | |
65 | #toolbar .panellist .highlight { | |
66 | background: #990000; | |
67 | font-weight: bold; | |
68 | } | |
69 | #toolbar .panellist .activity { font-weight: bold; background: #009900; } | |
70 | ||
71 | #toolbar .panellist li img { width:1em; height:1em; top:7px; right:5px; position:absolute; } | |
72 | #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
73 | ||
74 | ||
75 | ||
0caf7aa7 D |
76 | .panel_container { overflow-y:scroll; height:100%; } |
77 | ||
78 | ||
2dd6a025 D |
79 | |
80 | .messages { | |
81 | overflow-x:wrap; | |
82 | border:none; display: none; | |
83 | height: 100%; | |
84 | } | |
85 | .messages a { | |
86 | text-decoration:none; | |
87 | } | |
88 | .messages.active { display:block; } | |
89 | ||
90 | .messages .msg { border-bottom: 1px solid #CCC; padding:1px; font-family:arial; font-size:0.9em; } | |
91 | .messages .msg .time { width:6em; float:left; color:#777; } | |
92 | .messages .msg .nick { width:7em; text-align:right; float:left; font-size:12px; } | |
93 | .messages .msg .text { margin-left:15em; white-space:pre-wrap; word-wrap:break-word; font-family:monospace; } | |
94 | ||
95 | .messages .msg.action .nick { display:none; } | |
96 | .messages .msg.action .text { margin-left:9em; } | |
97 | .messages .msg.action.join { color:#009900; } | |
98 | .messages .msg.action.part .text { color:#900; } | |
99 | .messages .msg.action.quit .text { color:#900; } | |
100 | .messages .msg.status .nick { display:none; } | |
101 | .messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold; } | |
102 | .messages .msg.topic .nick { display:none; } | |
103 | .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; } | |
104 | /*.messages .msg.motd .nick { display:none; }*/ | |
105 | .messages .msg.motd { border:none; } | |
106 | .messages .msg.motd .text { color:#666; } | |
107 | .messages .msg.whois .nick { font-weight:normal; } | |
108 | .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
109 | .messages .msg.error .text { | |
110 | border:1px solid #A33F3F; background-color:#D28A8A; | |
111 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
112 | } | |
113 | ||
114 | ||
115 | ||
116 | #memberlists ul { list-style: none; display:none; } | |
117 | #memberlists ul.active { display:block; } | |
118 | #memberlists ul li { padding: 0.2em 1em; overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
119 | #memberlists ul li:hover { background-color:#FAF7D3; } | |
75f48c13 | 120 | #memberlists ul li a.nick { display:block; color:black; } |
2dd6a025 | 121 | |
75f48c13 | 122 | #memberlists ul li .userbox { margin:0 1em 5px 1em; font-size:.9em; } |
2dd6a025 D |
123 | #memberlists ul li .userbox a { display:block; text-decoration:none; border-bottom: 1px dashed #aaa; } |
124 | ||
125 | ||
126 | ||
127 | #controlbox .input { | |
128 | background:#fff; margin:3px; | |
129 | height:1.7em; | |
130 | border-radius:5px; | |
131 | -moz-border-radius:5px; | |
132 | -webkit-border-radius:5px; | |
133 | -khtml-border-radius:5px; | |
134 | } | |
135 | #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; } | |
75f48c13 | 136 | #controlbox .input .nick a { text-decoration:none; color:black; } |
5237492b | 137 | #controlbox .input .input_wrap { |
2dd6a025 | 138 | position:absolute; |
5237492b | 139 | right:7px; left: 12.2em; |
2dd6a025 | 140 | height:1.7em; |
5237492b D |
141 | } |
142 | #controlbox .input input { | |
2dd6a025 D |
143 | border: medium none; |
144 | outline:none; | |
5237492b D |
145 | position:relative; |
146 | height:100%; width:100%; | |
2dd6a025 D |
147 | } |
148 | ||
149 | ||
150 | ||
151 | #topic { background-color:#1B1B1B; height:2em; position:relative; } | |
152 | #topic input { | |
153 | position:absolute; | |
154 | top:2; bottom:2px; left:0; width:100%; | |
155 | text-align: center; | |
156 | } |