1 rizwank 1.1 body {
2 background: #ffffff;
3 color: #202020;
4 }
5
6 #header {
7 position: absolute;
8 height: 60px;
9 border-top: 2px solid #800000;
10 border-bottom: 2px solid #365c80;
11 background: #9aadbf;
12 color: #9aadbf;
13 left: 0px;
14 width: 100%;
15 top: 30px;
16 }
17
18 #menu {
19 position: absolute;
20 top: 94px;
21 left: 0px;
22 rizwank 1.1 border-bottom: 1px solid #800000;
23 width: 100%;
24 background: #ebeff2;
25 color: #202020;
26 font: small-caps 11px/17px Verdana, Tahoma, Sans-Serif;
27 letter-spacing: 1px;
28 height: 17px;
29 }
30
31 #menu span.menu-pad {
32 display: block;
33 width: 301px;
34 float: left;
35 font-size: 90%;
36 font-variant: normal;
37 color: #404040;
38 background: transparent;
39 text-align: right;
40 }
41
42 #menu a {
43 rizwank 1.1 text-decoration: none;
44 color: #800000;
45 background: transparent;
46 }
47
48 #menu a:hover {
49 text-decoration: none;
50 color: #365c80;
51 background: transparent;
52 }
53
54 #title {
55 position: absolute;
56 top: 42px;
57 }
58
59 #categories {
60 position: absolute;
61 left: 5px;
62 top: 115px;
63 width: 190px;
64 rizwank 1.1 background: #ffffff url('mysqlinks_categoriesbg.png') repeat-y top right;
65 font: 11px/22px Verdana, Tahoma, Sans-Serif;
66 text-align: right;
67 padding-right: 10px;
68 }
69
70 #categories li.active {
71 border-right: 8px solid #9aadbf;
72 padding-right: 5px;
73 font-weight: bold;
74 }
75
76 #categories li {
77 padding-right: 13px;
78 list-style-type: none;
79 }
80
81 #categories a {
82 text-decoration: none;
83 background: transparent;
84 color: #365c80;
85 rizwank 1.1 }
86
87 #categories a:hover {
88 text-decoration: underline;
89 background: transparent;
90 color: #800000;
91 }
92
93 #links {
94 position: absolute;
95 top: 115px;
96 left: 215px;
97 }
98
99 #links h1 {
100 font: bold italic 11px Verdana, Tahoma, Sans-Serif;
101 color: #606060;
102 background: transparent;
103 }
104
105 #links h1 span.count {
106 rizwank 1.1 font-weight: normal;
107 color: #808080;
108 background: transparent;
109 }
110
111 #links p, #links ol, #links ol li {
112 font: 11px/2 Verdana, Tahoma, Sans-Serif;
113 }
114
115 #links ol li {
116 list-style-type: lower-roman;
117 }
118
119 #links p.columns {
120 display: block;
121 float: left;
122 margin-top: 15px;
123 margin-left: 10px;
124 width: 250px;
125 background: transparent;
126 color: #365c80;
127 rizwank 1.1 }
128
129 #links p.tool {
130 margin-top: 1px;
131 margin-bottom: 1px;
132 text-align: center;
133 line-height: 1.25;
134 border: 1px solid #4576A5;
135 padding: 5px;
136 color: #365c80;
137 background: transparent;
138 }
139
140 #links form {
141 text-align: left;
142 margin-top: 1px;
143 margin-bottom: 1px;
144 border: 1px solid #4576A5;
145 padding: 5px;
146 font: 11px/18px Verdana, Tahoma, Sans-Serif;
147 }
148 rizwank 1.1
149 #links form input,#links form select,#links form option {
150 font: 11px/15px Verdana, Tahoma, Sans-Serif;
151 margin-top: 0px;
152 }
153
154 #links form select {
155 width: 200px;
156 }
157
158 #links form input.button {
159 font-weight: bold;
160 }
161
162 #links a {
163 text-decoration: none;
164 background: transparent;
165 color: #365c80;
166 }
167
168 #links a:hover {
169 rizwank 1.1 text-decoration: underline;
170 background: transparent;
171 color: #800000;
172 }
173
174 #links form.admin input.box {
175 width: 400px;
176 }
177
178 #links form.admin input.bug_info {
179 width: 400px;
180 font-family: Courier, Monospace;
181 margin-bottom: 3px;
182 background: ButtonFace;
183 border: 1px solid ButtonShadow;
184 }
185
186 #links form.admin textarea {
187 width: 400px;
188 height: 140px;
189 }
190 rizwank 1.1
191 #links form.admin textarea.code {
192 width: 400px;
193 height: 230px;
194 font: small 'Courier New', Courier, Monospace;
195 float: right;
196 margin-left: 5px;
197 }
198
199 #links form.admin strong em {
200 color: #800000;
201 background: transparent;
202 border-bottom: 1px solid;
203 }
204
205 span.error {
206 color: #900000;
207 background: transparent;
208 font-weight: bold;
209 }
210
211 rizwank 1.1 span.success {
212 color: #336600;
213 background: transparent;
214 font-weight: bold;
215 }
216
217 span.pale {
218 color: #aeaeae;
219 background: transparent;
220 }
221 form.bmform {
222 text-align: center;
223 margin-top: 1px;
224 margin-bottom: 1px;
225 border: 1px solid #4576A5;
226 padding: 5px;
227 font: 11px/15px Verdana, Tahoma, Sans-Serif;
228 }
229
230 form.bmform input, form.bmform select, form.bmform option {
231 font: 11px/15px Verdana, Tahoma, Sans-Serif;
232 rizwank 1.1 margin-top: 0px;
233 width: 250px;
234 }
235
236 form.bmform input.button {
237 font-weight: bold;
238 width: 150px;
239 }
240
241
242 #links form.bulk_links {
243 text-align: left;
244 margin-top: 1px;
245 margin-bottom: 1px;
246 border-color: #ffffff;
247 padding: 5px;
248 font: 11px/18px Verdana, Tahoma, Sans-Serif;
249 }
250
251 #links form.bulk_links fieldset {
252 border: 1px solid #4576A5;
253 rizwank 1.1 }
254
255 #links form.bulk_links fieldset legend {
256 font: bold 11px Verdana, Tahoma, Sans-Serif;
257 letter-spacing: 1px;
258 color: #4576A5;
259 background: #F4F7FB;
260 border: 1px solid #4576A5;
261 padding: 3px;
262 }
263
264 #links form.bulk_links span.left {
265 float: left;
266 display: block;
267 width: 48%;
268 padding: 3px;
269 }
270
271 #links form.bulk_links input, #links form.bulk_links select {
272 width: 200px;
273 }
|