Mercurial > altnet-hispano

comparison Agendas/trunk/src/Agendas.Web/Content/Site.css @ 10:c62b77fc33f4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
website inicial
author nelo@MTEySS.neluz.int
date Sun, 13 Mar 2011 18:51:06 -0300
parents
children 08dbe42fdde1
comparison
equal deleted inserted replaced
9:c90492faf268 10:c62b77fc33f4
1 /*----------------------------------------------------------
2 The base color for this template is #5c87b2. If you'd like
3 to use a different color start by replacing all instances of
4 #5c87b2 with your new color.
5 ----------------------------------------------------------*/
6 body
7 {
8 background-color: #5c87b2;
9 font-size: 75%;
10 font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
11 margin: 0;
12 padding: 0;
13 color: #696969;
14 }
15
16 a:link
17 {
18 color: #034af3;
19 text-decoration: underline;
20 }
21 a:visited
22 {
23 color: #505abc;
24 }
25 a:hover
26 {
27 color: #1d60ff;
28 text-decoration: none;
29 }
30 a:active
31 {
32 color: #12eb87;
33 }
34
35 p, ul
36 {
37 margin-bottom: 20px;
38 line-height: 1.6em;
39 }
40
41 /* HEADINGS
42 ----------------------------------------------------------*/
43 h1, h2, h3, h4, h5, h6
44 {
45 font-size: 1.5em;
46 color: #000;
47 }
48
49 h1
50 {
51 font-size: 2em;
52 padding-bottom: 0;
53 margin-bottom: 0;
54 }
55 h2
56 {
57 padding: 0 0 10px 0;
58 }
59 h3
60 {
61 font-size: 1.2em;
62 }
63 h4
64 {
65 font-size: 1.1em;
66 }
67 h5, h6
68 {
69 font-size: 1em;
70 }
71
72 /* this rule styles <h2> tags that are the
73 first child of the left and right table columns */
74 .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
75 {
76 margin-top: 0;
77 }
78
79 /* PRIMARY LAYOUT ELEMENTS
80 ----------------------------------------------------------*/
81
82 /* you can specify a greater or lesser percentage for the
83 page width. Or, you can specify an exact pixel width. */
84 .page
85 {
86 width: 90%;
87 margin-left: auto;
88 margin-right: auto;
89 }
90
91 #header
92 {
93 position: relative;
94 margin-bottom: 0px;
95 color: #000;
96 padding: 0;
97 }
98
99 #header h1
100 {
101 font-weight: bold;
102 padding: 5px 0;
103 margin: 0;
104 color: #fff;
105 border: none;
106 line-height: 2em;
107 font-size: 32px !important;
108 }
109
110 #main
111 {
112 padding: 30px 30px 15px 30px;
113 background-color: #fff;
114 margin-bottom: 30px;
115 _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
116 }
117
118 #footer
119 {
120 color: #999;
121 padding: 10px 0;
122 text-align: center;
123 line-height: normal;
124 margin: 0;
125 font-size: .9em;
126 }
127
128 /* TAB MENU
129 ----------------------------------------------------------*/
130 ul#menu
131 {
132 border-bottom: 1px #5C87B2 solid;
133 padding: 0 0 2px;
134 position: relative;
135 margin: 0;
136 text-align: right;
137 }
138
139 ul#menu li
140 {
141 display: inline;
142 list-style: none;
143 }
144
145 ul#menu li#greeting
146 {
147 padding: 10px 20px;
148 font-weight: bold;
149 text-decoration: none;
150 line-height: 2.8em;
151 color: #fff;
152 }
153
154 ul#menu li a
155 {
156 padding: 10px 20px;
157 font-weight: bold;
158 text-decoration: none;
159 line-height: 2.8em;
160 background-color: #e8eef4;
161 color: #034af3;
162 }
163
164 ul#menu li a:hover
165 {
166 background-color: #fff;
167 text-decoration: none;
168 }
169
170 ul#menu li a:active
171 {
172 background-color: #a6e2a6;
173 text-decoration: none;
174 }
175
176 ul#menu li.selected a
177 {
178 background-color: #fff;
179 color: #000;
180 }
181
182 /* FORM LAYOUT ELEMENTS
183 ----------------------------------------------------------*/
184
185 fieldset
186 {
187 border:1px solid #ddd;
188 padding:0 1.4em 1.4em 1.4em;
189 margin:0 0 1.5em 0;
190 }
191
192 legend
193 {
194 font-size:1.2em;
195 font-weight: bold;
196 }
197
198 textarea
199 {
200 min-height: 75px;
201 }
202
203 input[type="text"]
204 {
205 width: 200px;
206 border: 1px solid #CCC;
207 }
208
209 input[type="password"]
210 {
211 width: 200px;
212 border: 1px solid #CCC;
213 }
214
215 /* TABLE
216 ----------------------------------------------------------*/
217
218 table
219 {
220 border: solid 1px #e8eef4;
221 border-collapse: collapse;
222 }
223
224 table td
225 {
226 padding: 5px;
227 border: solid 1px #e8eef4;
228 }
229
230 table th
231 {
232 padding: 6px 5px;
233 text-align: left;
234 background-color: #e8eef4;
235 border: solid 1px #e8eef4;
236 }
237
238 /* MISC
239 ----------------------------------------------------------*/
240 .clear
241 {
242 clear: both;
243 }
244
245 .error
246 {
247 color:Red;
248 }
249
250 #menucontainer
251 {
252 margin-top:40px;
253 }
254
255 div#title
256 {
257 display:block;
258 float:left;
259 text-align:left;
260 }
261
262 #logindisplay
263 {
264 font-size:1.1em;
265 display:block;
266 text-align:right;
267 margin:10px;
268 color:White;
269 }
270
271 #logindisplay a:link
272 {
273 color: white;
274 text-decoration: underline;
275 }
276
277 #logindisplay a:visited
278 {
279 color: white;
280 text-decoration: underline;
281 }
282
283 #logindisplay a:hover
284 {
285 color: white;
286 text-decoration: none;
287 }
288
289 /* Styles for validation helpers
290 -----------------------------------------------------------*/
291 .field-validation-error
292 {
293 color: #ff0000;
294 }
295
296 .field-validation-valid
297 {
298 display: none;
299 }
300
301 .input-validation-error
302 {
303 border: 1px solid #ff0000;
304 background-color: #ffeeee;
305 }
306
307 .validation-summary-errors
308 {
309 font-weight: bold;
310 color: #ff0000;
311 }
312
313 .validation-summary-valid
314 {
315 display: none;
316 }
317
318 /* Styles for editor and display helpers
319 ----------------------------------------------------------*/
320 .display-label,
321 .editor-label
322 {
323 margin: 1em 0 0 0;
324 }
325
326 .display-field,
327 .editor-field
328 {
329 margin:0.5em 0 0 0;
330 }
331
332 .text-box
333 {
334 width: 30em;
335 }
336
337 .text-box.multi-line
338 {
339 height: 6.5em;
340 }
341
342 .tri-state
343 {
344 width: 6em;
345 }