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 }