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