Mercurial > altnet-hispano
comparison Agendas/trunk/src/Agendas.Web/Content/Site.css @ 199:39ce09df76dc
Se españolizan algunas palabras, además se adecua el estilo para que sea lo más parecido al sitio de altnethispano.org
author | alabra |
---|---|
date | Mon, 15 Aug 2011 20:00:02 -0400 |
parents | 97e51ddeeb58 |
children | beeb7fd09ae7 |
comparison
equal
deleted
inserted
replaced
198:cd96cfc8a1f5 | 199:39ce09df76dc |
---|---|
1 /*---------------------------------------------------------- | 1 body { |
2 The base color for this template is #5c87b2. If you'd like | 2 font-family: Arial, Helvetica, sans-serif; |
3 to use a different color start by replacing all instances of | 3 /* font-family: Tahoma, sans-serif; */ |
4 #5c87b2 with your new color. | 4 font-size: 62.5%; |
5 ----------------------------------------------------------*/ | 5 color: #575757; |
6 body | 6 text-align: left; |
7 { | 7 margin: 0; |
8 background: url("themes/altnethispano/images/header-background.gif") repeat-x scroll 0 0 #FFFFFF; | |
9 font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; | |
10 font-size: 70%; | |
11 margin: 0; | |
12 margin: 0 auto; | |
13 width: 1024px; | |
14 padding: 0; | 8 padding: 0; |
15 color: #575757; | 9 background: #fff url("themes/altnethispano/images/header-background.gif") repeat-x 0 0; |
16 } | 10 } |
17 | 11 html, body { |
18 .logo { | 12 height: 100%; |
19 float: right; | 13 } |
20 } | 14 *{ |
21 | 15 margin: 0; |
16 padding: 0; | |
17 } | |
18 | |
19 a img, img { | |
20 border: 0; | |
21 } | |
22 a:link | 22 a:link |
23 { | 23 { |
24 color: #034af3; | 24 color: #034af3; |
25 text-decoration: underline; | 25 text-decoration: underline; |
26 } | 26 } |
41 p, ul | 41 p, ul |
42 { | 42 { |
43 margin-bottom: 20px; | 43 margin-bottom: 20px; |
44 line-height: 1.6em; | 44 line-height: 1.6em; |
45 } | 45 } |
46 | |
47 /* HEADINGS | 46 /* HEADINGS |
48 ----------------------------------------------------------*/ | 47 ----------------------------------------------------------*/ |
49 h1, h2, h3, h4, h5, h6 | 48 h1, h2, h3, h4, h5, h6 |
50 { | 49 { |
51 font-size: 1.5em; | 50 font-size: 1.5em; |
79 .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 | 78 .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 |
80 { | 79 { |
81 margin-top: 0; | 80 margin-top: 0; |
82 } | 81 } |
83 | 82 |
84 /* PRIMARY LAYOUT ELEMENTS | 83 /* Layout */ |
85 ----------------------------------------------------------*/ | 84 .wrapper |
86 | 85 { |
87 /* you can specify a greater or lesser percentage for the | 86 margin: 0 auto; |
88 page width. Or, you can specify an exact pixel width. */ | 87 width: 1024px; |
89 .page | 88 } |
90 { | 89 .wrapperIn |
91 margin-left: auto; | 90 { |
92 margin-right: auto; | 91 margin: 0 auto; |
93 } | 92 width: 1024px; |
94 | 93 background: #fff url("themes/altnethispano/images/div_wrapperIn.gif") no-repeat 50% 38px; |
95 #portal { | 94 float: left; |
96 display: inline; | 95 } |
97 } | 96 #header |
98 | 97 { |
99 #header | 98 width: 100%; |
100 { | 99 height: 122px; |
101 position: relative; | 100 position: relative; |
102 background: url("themes/altnethispano/images/div_wrapperIn.gif") repeat-x scroll 0 0 #FFFFFF; | 101 } |
103 margin-bottom: 0px; | 102 .navigation |
104 padding: 0; | 103 { |
105 } | 104 height: 38px !important; |
106 | 105 background: #7e8080 url("themes/altnethispano/images/div_navigation.gif") repeat-x 0 100%; |
107 #header h1 | 106 width: 100% !important; |
108 { | 107 } |
109 font-weight: bold; | 108 .page |
110 padding: 5px 0; | 109 { |
111 margin: 0; | 110 margin: 0 auto; |
112 border: none; | 111 padding: 0 10px; |
113 line-height: 2em; | 112 width: 1004px; |
114 font-size: 32px !important; | 113 float: left; |
115 } | 114 background: transparent url("themes/altnethispano/images/div_content.gif") no-repeat 50% 100%; |
116 | 115 } |
117 #main | 116 #main |
118 { | 117 { |
119 background: url("themes/altnethispano/images/div_content.gif") repeat-x 0 0 #efeff0; | 118 width: 794px; |
120 padding: 30px 30px 15px 30px; | 119 float: left; |
121 height: 540px; | 120 font-size: 1.4em; |
122 margin-left: auto; | 121 line-height:120%; |
123 margin-right: auto; | 122 padding: 20px 20px 0 30px; |
124 _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ | 123 } |
125 } | 124 #footer |
126 | 125 { |
127 #content | 126 width: 100%; |
128 { | 127 float: left; |
129 margin-bottom: 20px; | 128 margin: 20px 0 0; |
130 } | 129 padding: 10px 0; |
131 | 130 background: transparent url("themes/altnethispano/images/ul_topsponsors_li.gif") repeat-x 0 0; |
132 #footer | 131 } |
133 { | 132 .userGroupLogo |
134 color: #999; | 133 { |
135 padding: 10px 0; | 134 padding: 0 10px; |
136 text-align: center; | 135 width: 205px; |
137 line-height: normal; | 136 height: 88px; |
138 margin: 0; | 137 background: transparent url("themes/altnethispano/images/div_logo.png") no-repeat 0 0; |
139 font-size: .9em; | 138 position: absolute; |
140 background-color: #efeff0; | 139 top: 0; |
141 } | 140 left: 0; |
142 | |
143 /* TAB MENU | |
144 ----------------------------------------------------------*/ | |
145 ul#menu | |
146 { | |
147 padding: 50px 0px 0px; | |
148 position: relative; | |
149 margin: 0; | |
150 text-align: right; | |
151 } | |
152 | |
153 ul#menu li | |
154 { | |
155 background: url("themes/altnethispano/images/menu.png") repeat-y scroll 0 0 #fff; | |
156 border: 1px solid #979797; | |
157 padding: 5px 20px; | |
158 display: inline; | |
159 list-style: none; | |
160 color: #575757; | |
161 } | |
162 | |
163 ul#menu li#greeting | |
164 { | |
165 font-weight: bold; | |
166 text-decoration: none; | |
167 line-height: 2.8em; | |
168 color: #575757; | |
169 } | |
170 | |
171 ul#menu li a | |
172 { | |
173 font-weight: bold; | |
174 text-decoration: none; | |
175 line-height: 2.8em; | |
176 color: #575757; | |
177 } | |
178 | |
179 ul#menu li a:hover | |
180 { | |
181 background-color: #fff; | |
182 text-decoration: none; | |
183 } | |
184 | |
185 ul#menu li a:active | |
186 { | |
187 background-color: #fff; | |
188 color: #000; | |
189 text-decoration: none; | |
190 } | |
191 | |
192 ul#menu li.selected a | |
193 { | |
194 background-color: #fff; | |
195 color: #000; | |
196 } | 141 } |
197 | 142 |
198 /* FORM LAYOUT ELEMENTS | 143 /* FORM LAYOUT ELEMENTS |
199 ----------------------------------------------------------*/ | 144 ----------------------------------------------------------*/ |
200 | 145 |
225 input[type="password"] | 170 input[type="password"] |
226 { | 171 { |
227 width: 200px; | 172 width: 200px; |
228 border: 1px solid #CCC; | 173 border: 1px solid #CCC; |
229 } | 174 } |
175 input[type="checkbox"] | |
176 { | |
177 margin: 3px; | |
178 } | |
230 | 179 |
231 /* TABLE | 180 /* TABLE |
232 ----------------------------------------------------------*/ | 181 ----------------------------------------------------------*/ |
233 | 182 |
234 table | 183 table |
235 { | 184 { |
236 border: solid 1px #e8eef4; | 185 border: solid 1px #e8eef4; |
237 border-collapse: collapse; | 186 border-collapse: collapse; |
187 margin-bottom: 5px; | |
238 } | 188 } |
239 | 189 |
240 table td | 190 table td |
241 { | 191 { |
242 padding: 5px; | 192 padding: 5px; |
261 .error | 211 .error |
262 { | 212 { |
263 color:Red; | 213 color:Red; |
264 } | 214 } |
265 | 215 |
266 #menucontainer | |
267 { | |
268 margin-top: 7px; | |
269 height: 80px; | |
270 } | |
271 | |
272 div#title | 216 div#title |
273 { | 217 { |
274 display:block; | 218 display: block; |
275 float:left; | 219 float: left; |
276 text-align:left; | 220 left: 250px; |
221 position: absolute; | |
222 text-align: left; | |
223 top: 30px; | |
277 } | 224 } |
278 | 225 |
279 #logindisplay | 226 #logindisplay |
280 { | 227 { |
281 display: block; | 228 display: block; |
360 .tri-state | 307 .tri-state |
361 { | 308 { |
362 width: 6em; | 309 width: 6em; |
363 } | 310 } |
364 | 311 |
365 /* Portal menu | |
366 ------------------------------------------------------*/ | |
367 ul#portalmenu | |
368 { | |
369 width: 50%; | |
370 padding: 0 0; | |
371 position: relative; | |
372 margin: 0; | |
373 text-align: left; | |
374 display:inline; | |
375 } | |
376 | |
377 ul#portalmenu li | |
378 { | |
379 display: inline; | |
380 list-style: none; | |
381 } | |
382 | |
383 ul#portalmenu li#greeting | |
384 { | |
385 font-weight: bold; | |
386 text-decoration: none; | |
387 line-height: 2.8em; | |
388 color: #fff; | |
389 } | |
390 | |
391 ul#portalmenu li a | |
392 { | |
393 background: url("themes/altnethispano/images/menu.png") repeat-y scroll 0 0 #fff; | |
394 border: 1px solid #979797; | |
395 padding: 5px 20px; | |
396 font-weight: bold; | |
397 text-decoration: none; | |
398 line-height: 2.8em; | |
399 color: #575757; | |
400 } | |
401 | |
402 ul#portalmenu li a:hover | |
403 { | |
404 background-color : #E6E6E6; | |
405 text-decoration: none; | |
406 color: #575757; | |
407 } | |
408 | |
409 ul#portalmenu li a:active | |
410 { | |
411 background-color: #a6e2a6; | |
412 text-decoration: none; | |
413 } | |
414 | |
415 ul#portalmenu li.selected a | |
416 { | |
417 background-color: #fff; | |
418 color: #000; | |
419 } | |
420 | 312 |
421 /* Buttons */ | 313 /* Buttons */ |
422 .buttons a | 314 .buttons a |
423 { | 315 { |
424 text-align: center; | 316 text-align: center; |
425 vertical-align: middle; | 317 vertical-align: middle; |
426 padding: 10px 10px 10px 10px; | 318 padding: 10px 10px 10px 10px; |
427 color: #000; | 319 color: #000; |
428 } | 320 } |
321 | |
322 | |
323 /* MENU */ | |
324 .RadMenu { | |
325 position: relative; | |
326 white-space: nowrap; | |
327 width: 50%; | |
328 } | |
329 .RadMenu .rmRootGroup { | |
330 display: inline-block; | |
331 left: 0; | |
332 margin: 0; | |
333 padding: 0; | |
334 position: relative; | |
335 } | |
336 .RadMenu .rmHorizontal .rmItem { | |
337 clear: none; | |
338 } | |
339 .RadMenu .rmItem { | |
340 float: left; | |
341 list-style: none outside none; | |
342 position: relative; | |
343 } | |
344 * html .RadMenu .rmItem { | |
345 display: inline; | |
346 } | |
347 .RadMenu .rmItem { | |
348 padding: 0; | |
349 } | |
350 .RadMenu a.rmLink { | |
351 cursor: default; | |
352 display: block; | |
353 } | |
354 .RadMenu .rmLink { | |
355 float: left; | |
356 outline: 0 none; | |
357 padding: 0 0 0 12px; | |
358 } | |
359 .RadMenu .rmLink { | |
360 width: auto; | |
361 } | |
362 .RadMenu .rmHorizontal .rmText { | |
363 padding: 0 12px 1px 0; | |
364 } | |
365 .RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow { | |
366 background-color: transparent; | |
367 background-image: url("themes/altnethispano/images/menu.png"); | |
368 } | |
369 | |
370 .RadMenu_Default .rmFirst .rmLink, .RadMenu_Default .rmFirst .rmLink:hover, .RadMenu_Default .rmLast .rmText, .RadMenu_Default .rmLast .rmLink:hover .rmText, .RadMenu_Default .rmVertical .rmLink, .RadMenu_Default .rmVertical .rmText { | |
371 background-position: 0 500px; | |
372 background-repeat: no-repeat; | |
373 } | |
374 .RadMenu_Default .rmLink, .RadMenu_Default .rmDisabled, .RadMenu_Default .rmDisabled:hover { | |
375 background-position: 0 -72px; | |
376 } | |
377 .RadMenu_Default, .RadMenu_Default .rmLink { | |
378 color: #000000; | |
379 font: 12px/23px "Segoe UI",Arial,sans-serif; | |
380 text-decoration: none; | |
381 } | |
382 .RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow { | |
383 background-color: transparent; | |
384 background-image: url("themes/altnethispano/images/menu.png"); | |
385 } | |
386 .RadMenu_Default .rmText, .RadMenu_Default .rmDisabled .rmText, .RadMenu_Default .rmDisabled:hover .rmText { | |
387 background-position: 100% -96px; | |
388 } | |
389 | |
390 .RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow { | |
391 background-color: transparent; | |
392 background-image: url("themes/altnethispano/images/menu.png"); | |
393 } | |
394 | |
395 .RadMenu_Default .rmRootGroup { | |
396 background-color: #E6E6E6; | |
397 background-position: 0 -408px; | |
398 background-repeat: repeat-x; | |
399 border: 1px solid #828282; | |
400 } | |
401 .RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused, .RadMenu_Default .rmSelected { | |
402 background-color: #FFFFFF; | |
403 } | |
404 .RadMenu_Default, .RadMenu_Default .rmLink { | |
405 color: #000000; | |
406 font: 12px/23px "Segoe UI",Arial,sans-serif; | |
407 text-decoration: none; | |
408 } | |
409 | |
410 .RadMenu .rmText { | |
411 float: left; | |
412 padding-bottom: 1px; | |
413 } | |
414 | |
415 .RadMenu .rmText { | |
416 display: block; | |
417 } |