8 * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/> |
8 * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/> |
9 * No code or graphics were copied. |
9 * No code or graphics were copied. |
10 */ |
10 */ |
11 |
11 |
12 html,body { |
12 html,body { |
13 margin: 0; |
13 margin: 0; |
14 padding: 0; |
14 padding: 0; |
15 height: 100%; |
15 height: 100%; |
16 } |
16 } |
17 body { |
17 body { |
18 background-repeat: repeat; |
18 background-repeat: repeat; |
19 font-family: "Lucida Sans Unicode", sans-serif; |
19 font-family: "Lucida Sans Unicode", sans-serif; |
20 font-size: 75%; |
20 font-size: 75%; |
21 } |
21 } |
22 body#tinymce { |
22 body#tinymce { |
23 background-color: white; |
23 background-color: white; |
24 background-image: none; |
24 background-image: none; |
25 } |
25 } |
26 div#bg { |
26 div#bg { |
27 min-height: 500px; |
27 min-height: 500px; |
28 width: 100%; |
28 width: 100%; |
29 background-repeat: repeat-x; |
29 background-repeat: repeat-x; |
30 } |
30 } |
31 div#rap { |
31 div#rap { |
32 width: 760px; |
32 width: 760px; |
33 padding: 0 10px; |
33 padding: 0 10px; |
34 margin: 0 auto; |
34 margin: 0 auto; |
35 } |
35 } |
36 div#title { |
36 div#title { |
37 margin: 0px; |
37 margin: 0px; |
38 padding: 0px; |
38 padding: 0px; |
39 background-repeat: repeat-x; |
39 background-repeat: repeat-x; |
40 vertical-align: middle; |
40 vertical-align: middle; |
41 } |
41 } |
42 div#title h1 { |
42 div#title h1 { |
43 margin: 0px 10px 10px 10px; |
43 margin: 0px 10px 10px 10px; |
44 padding-top: 30px; |
44 padding-top: 30px; |
45 text-align: left; |
45 text-align: left; |
46 } |
46 } |
47 div#title h2 { |
47 div#title h2 { |
48 margin: 0px 10px 0px 10px; |
48 margin: 0px 10px 0px 10px; |
49 padding-bottom: 40px; |
49 padding-bottom: 40px; |
50 text-align: left; |
50 text-align: left; |
51 } |
51 } |
52 div.straightaway { |
52 div.straightaway { |
53 clear: both; |
53 clear: both; |
54 } |
54 } |
55 /* Footer */ |
55 /* Footer */ |
56 div.footer { |
56 div.footer { |
57 min-height: 40px; |
57 min-height: 40px; |
58 padding: 10px; |
58 padding: 10px; |
59 background-repeat: repeat-x; |
59 background-repeat: repeat-x; |
60 } |
60 } |
61 |
61 |
62 /* Content area */ |
62 /* Content area */ |
63 div#maincontent { |
63 div#maincontent { |
64 padding: 10px; |
64 padding: 10px; |
65 margin-right: 140px; |
65 margin-right: 140px; |
66 } |
66 } |
67 img#ajaxloadicon { |
67 img#ajaxloadicon { |
68 margin-top: 10px; |
68 margin-top: 10px; |
69 } |
69 } |
70 div#maincontent h2 { |
70 div#maincontent h2 { |
71 margin: 10px 0; |
71 margin: 10px 0; |
72 padding: 0; |
72 padding: 0; |
73 font-size: 16pt; |
73 font-size: 16pt; |
74 } |
74 } |
75 div#maincontent p { |
75 div#maincontent p { |
76 margin-left: 1em; |
76 margin-left: 1em; |
77 } |
77 } |
78 div#maincontent h2#pagetitle { |
78 div#maincontent h2#pagetitle { |
79 margin: 0; |
79 margin: 0; |
80 font-size: 18pt; |
80 font-size: 18pt; |
81 } |
81 } |
82 div#maincontent a:link, div#maincontent a:visited { |
82 div#maincontent a:link, div#maincontent a:visited { |
83 text-decoration: none; |
83 text-decoration: none; |
84 } |
84 } |
85 div#maincontent ul { |
85 div#maincontent ul { |
86 list-style: square; |
86 list-style: square; |
87 } |
87 } |
88 /* Sidebar */ |
88 /* Sidebar */ |
89 div#sidebar, div.dbx-box { |
89 div#sidebar, div.dbx-box { |
90 float: right; |
90 float: right; |
91 width: 135px; |
91 width: 135px; |
92 } |
92 } |
93 div#sidebar h4, div.dbx-handle { |
93 div#sidebar h4, div.dbx-handle { |
94 margin: 0; |
94 margin: 0; |
95 padding: 0 5px; |
95 padding: 0 5px; |
96 line-height: 25px; |
96 line-height: 25px; |
97 font-weight: normal; |
97 font-weight: normal; |
98 text-align: right; |
98 text-align: right; |
99 text-transform: lowercase; |
99 text-transform: lowercase; |
100 } |
100 } |
101 div.dbx-handle { |
101 div.dbx-handle { |
102 text-align: left; |
102 text-align: left; |
103 cursor: move; |
103 cursor: move; |
104 } |
104 } |
105 div#sidebar ul, .dbx-content ul { |
105 div#sidebar ul, .dbx-content ul { |
106 margin: 0; |
106 margin: 0; |
107 padding: 0; |
107 padding: 0; |
108 list-style: none !important; |
108 list-style: none !important; |
109 } |
109 } |
110 div#sidebar ul li, div.dbx-content ul li { |
110 div#sidebar ul li, div.dbx-content ul li { |
111 padding: 0; |
111 padding: 0; |
112 } |
112 } |
113 div#sidebar ul li a, div.dbx-content ul li a { |
113 div#sidebar ul li a, div.dbx-content ul li a { |
114 line-height: 25px; |
114 line-height: 25px; |
115 padding: 0 7px; |
115 padding: 0 7px; |
116 text-decoration: none; |
116 text-decoration: none; |
117 display: block; |
117 display: block; |
118 } |
118 } |
119 div#sidebar div, div.dbx-content2 { |
119 div#sidebar div, div.dbx-content2 { |
120 width: 135px; |
120 width: 135px; |
121 } |
121 } |
122 div#sidebar div ul { |
122 div#sidebar div ul { |
123 margin-left: 2em; |
123 margin-left: 2em; |
124 list-style: square; |
124 list-style: square; |
125 } |
125 } |
126 div#sidebar div ul a { |
126 div#sidebar div ul a { |
127 background-color: transparent; |
127 background-color: transparent; |
128 display: inline; |
128 display: inline; |
129 border-bottom-width: 0px; |
129 border-bottom-width: 0px; |
130 padding: 0; |
130 padding: 0; |
131 } |
131 } |
132 div#sidebar div ul a:hover { |
132 div#sidebar div ul a:hover { |
133 background-color: transparent; |
133 background-color: transparent; |
134 display: inline; |
134 display: inline; |
135 } |
135 } |
136 div#sidebar div div { |
136 div#sidebar div div { |
137 background: transparent; |
137 background: transparent; |
138 border-bottom-width: 0; |
138 border-bottom-width: 0; |
139 padding: 0; |
139 padding: 0; |
140 } |
140 } |
141 |
141 |
142 /* |
142 /* |
143 * jBox menu system |
143 * jBox menu system |
144 */ |
144 */ |
145 |
145 |
146 div.menu, div.menu_nojs { |
146 div.menu, div.menu_nojs { |
147 font-size: 7pt; |
147 font-size: 7pt; |
148 border-width: 0; |
148 border-width: 0; |
149 } |
149 } |
150 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
150 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
151 padding: 2.5pt 5px; |
151 padding: 2.5pt 5px; |
152 margin-right: 3px; |
152 margin-right: 3px; |
153 text-decoration: none; |
153 text-decoration: none; |
154 display: block; |
154 display: block; |
155 float: left; |
155 float: left; |
156 border-bottom-width: 0 !important; |
156 border-bottom-width: 0 !important; |
157 } |
157 } |
158 div.menu div.label, div.menu_nojs div.label { |
158 div.menu div.label, div.menu_nojs div.label { |
159 cursor: default; |
159 cursor: default; |
160 } |
160 } |
161 div.menu span.sep, div.menu_nojs span.sep { |
161 div.menu span.sep, div.menu_nojs span.sep { |
162 display: block; |
162 display: block; |
163 float: left; |
163 float: left; |
164 width: 5px; |
164 width: 5px; |
165 } |
165 } |
166 div.menu div.multopts, div.menu_nojs div.multopts { |
166 div.menu div.multopts, div.menu_nojs div.multopts { |
167 line-height: 17pt; |
167 line-height: 17pt; |
168 } |
168 } |
169 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
169 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
170 float: none; |
170 float: none; |
171 display: inline; |
171 display: inline; |
172 } |
172 } |
173 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
173 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
174 border-width: 0; |
174 border-width: 0; |
175 font-size: 9pt; |
175 font-size: 9pt; |
176 padding: 4px 5px; |
176 padding: 4px 5px; |
177 max-width: 70px; |
177 max-width: 70px; |
178 } |
178 } |
179 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
179 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
180 border-width: 0; |
180 border-width: 0; |
181 font-size: 9pt; |
181 font-size: 9pt; |
182 padding: 3px 5px; |
182 padding: 3px 5px; |
183 max-width: 70px; |
183 max-width: 70px; |
184 } |
184 } |
185 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover { |
185 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover { |
186 font-weight: bold; |
186 font-weight: bold; |
187 } |
187 } |
188 div.menu ul, div.menu_nojs ul { |
188 div.menu ul, div.menu_nojs ul { |
189 display: none; |
189 display: none; |
190 position: absolute; |
190 position: absolute; |
191 padding: 0; |
191 padding: 0; |
192 margin: 0; |
192 margin: 0; |
193 border-width: 0; |
193 border-width: 0; |
194 min-width: 120px; |
194 min-width: 120px; |
195 } |
195 } |
196 /* |
196 /* |
197 div.menu_nojs ul { |
197 div.menu_nojs ul { |
198 display: block !important; |
198 display: block !important; |
199 } |
199 } |
200 */ |
200 */ |
201 div.menu ul li, div.menu_nojs ul li { |
201 div.menu ul li, div.menu_nojs ul li { |
202 list-style: none; |
202 list-style: none; |
203 } |
203 } |
204 div.menu ul a, div.menu_nojs ul a { |
204 div.menu ul a, div.menu_nojs ul a { |
205 float: none; |
205 float: none; |
206 margin: 0; |
206 margin: 0; |
207 } |
207 } |
208 /* |
208 /* |
209 span.menuclear { |
209 span.menuclear { |
210 font-size: 1px; |
210 font-size: 1px; |
211 height: 0px; |
211 height: 0px; |
212 width: 0px; |
212 width: 0px; |
213 clear: left; |
213 clear: left; |
214 line-height: 0px; |
214 line-height: 0px; |
215 display: block; |
215 display: block; |
216 } |
216 } |
217 */ |
217 */ |
218 |
218 |
219 div.userpage_block { |
219 div.userpage_block { |
220 clear: left; |
220 clear: left; |
221 } |
221 } |
222 |
222 |