Download as
Browse Code »

Commit c2222c6e97b4325ebb6c0dd08bafd951c039c86c

Authored by leandrosustenido@gmail.com
1 parent 83e51818
Exists in master and in 10 other branches adding_css_from_plugin, design_template, fix_catalog_classes, fix_javascript, fix_text_display_content, news_page_css, news_style, page_catalog, restructuring_css, stable

Update header and footer colors

Showing 1 changed file with 101 additions and 117 deletions   Show diff stats
cabecalho-azul-theme.css
  Diff comments   View file @c2222c6
... ... @@ -5,45 +5,29 @@
5 5 #theme-header{}
6 6  
7 7 #header {
8   - padding: 13px 0 0 0;
9   -background-color: #5677fc;/*(azul-claro)*/
10   - /* Old browsers */
11   - background-color: #455ede; /*(azul-escuro)*/
12   - background-image: -moz-radial-gradient(center, ellipse cover, #5677fc 1%, #455ede 100%); /*(azul-claro)(azul-escuro)*/
13   - /* FF3.6+ */
14   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#5677fc), color-stop(100%,#455ede));
15   - /* Chrome,Safari4+ */
16   - background-image: -webkit-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
17   - /* Chrome10+,Safari5.1+ */
18   - background-image: -o-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
19   - /* Opera 12+ */
20   - background-image: -ms-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
21   - /* IE10+ */
22   - background-image: radial-gradient(ellipse at center, #5677fc 1%,#455ede 100%);
23   - /* W3C */
24   -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5677fc', endColorstr='#455ede',GradientType=1 );*/
25   - /* IE6-9 fallback on horizontal gradient */
26   - color: #fff;
  8 + padding: 13px 0 0 0;/*(azul-claro)*/
  9 + color: #fff;
  10 + background-color: #1659c0;
27 11 }
28 12  
29 13 #header>div {
30   - max-width: 960px;
31   - margin: 0 auto;
  14 + max-width: 960px;
  15 + margin: 0 auto;
32 16 }
33 17  
34 18 .header-content * {
35   - margin: 0;
36   - padding: 0;
37   - list-style: none;
38   - vertical-align: baseline;
  19 + margin: 0;
  20 + padding: 0;
  21 + list-style: none;
  22 + vertical-align: baseline;
39 23 }
40 24 .header-content li { display: inline; }
41 25  
42 26 #brasilgov {
43   - background: #00510f;
44   - border-bottom: 1px solid #ffcc00;
45   - padding: 5px 10px;
46   - color: #03316f;
  27 + background: #00510f;
  28 + border-bottom: 1px solid #ffcc00;
  29 + padding: 5px 10px;
  30 + color: #03316f;
47 31 }
48 32  
49 33 #accessibility {
... ... @@ -55,11 +39,11 @@ background-color: #5677fc;/*(azul-claro)*/
55 39 }
56 40  
57 41 #accessibility a {
58   - color: #FFF;
59   - margin-right: 8px;
  42 + color: #FFF;
  43 + margin-right: 8px;
60 44 }
61 45 #accessibility a:hover {
62   - color: #d0d9ff;
  46 + color: #d0d9ff;
63 47 }
64 48  
65 49 #accessibility span {
... ... @@ -72,20 +56,20 @@ background-color: #5677fc;/*(azul-claro)*/
72 56  
73 57 /* logo */
74 58 #logo {
75   - padding: 0;
76   - float: left;
77   - width: 70%;
  59 + padding: 0;
  60 + float: left;
  61 + width: 70%;
78 62 }
79 63  
80 64 #logo span {
81   - display: block;
  65 + display: block;
82 66 }
83 67  
84 68 #logo a {
85   - display: block;
86   - width: 100%;
87   - color: #03316f !important;
88   - margin: 1em 0px;
  69 + display: block;
  70 + width: 100%;
  71 + color: #03316f !important;
  72 + margin: 1em 0px;
89 73 }
90 74  
91 75 #logo a, #logo #portal-title {
... ... @@ -103,42 +87,42 @@ background-color: #5677fc;/*(azul-claro)*/
103 87 }
104 88  
105 89 #logo .luongo {
106   - font-size: 3em !important;
107   - line-height: 1.1em;
108   - margin-bottom: 0.2em;
  90 + font-size: 3em !important;
  91 + line-height: 1.1em;
  92 + margin-bottom: 0.2em;
109 93 }
110 94  
111 95 #logo #portal-description {
112   - font-size: 1.2em;
113   - text-transform: uppercase;
  96 + font-size: 1.2em;
  97 + text-transform: uppercase;
114 98 }
115 99  
116 100 /* Site Actions */
117 101 #portal-siteactions {
118   - display: block;
119   - float: right;
120   - clear: left;
121   - border-bottom: 1px dotted #d0d9ff;
122   - padding-bottom: 2px;
123   - margin-top: -15px;
124   - font-size: 10px;
125   - text-align: center;
  102 + display: block;
  103 + float: right;
  104 + clear: left;
  105 + border-bottom: 1px dotted #d0d9ff;
  106 + padding-bottom: 2px;
  107 + margin-top: -15px;
  108 + font-size: 10px;
  109 + text-align: center;
126 110 }
127 111  
128 112 #portal-siteactions a {
129   - color: #FFF;
130   - text-decoration: none;
131   - padding: 4px 0 4px 10px;
132   - text-transform: uppercase;
  113 + color: #FFF;
  114 + text-decoration: none;
  115 + padding: 4px 0 4px 10px;
  116 + text-transform: uppercase;
133 117 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
134 118 }
135 119  
136 120 #portal-siteactions a:hover {
137   - color: #03316f;
  121 + color: #03316f;
138 122 }
139 123  
140 124 #portal-siteactions li {
141   - display: inline;
  125 + display: inline;
142 126 }
143 127  
144 128 #portal-siteactions li a:hover {
... ... @@ -149,22 +133,22 @@ background-color: #5677fc;/*(azul-claro)*/
149 133 }
150 134  
151 135 #social-icons {
152   - float: right;
153   - clear: right;
154   - margin: 0px;
  136 + float: right;
  137 + clear: right;
  138 + margin: 0px;
155 139 }
156 140  
157 141 #social-icons ul {
158   - display: table-row;
  142 + display: table-row;
159 143 }
160 144  
161 145 #social-icons li {
162   - display: table-cell;
  146 + display: table-cell;
163 147 }
164 148  
165 149 #social-icons li a {
166   - border: none;
167   - padding: 0 5px;
  150 + border: none;
  151 + padding: 0 5px;
168 152 }
169 153  
170 154 #siteaction-accessibility,
... ... @@ -184,70 +168,70 @@ background-color: #5677fc;/*(azul-claro)*/
184 168  
185 169 #theme-header #sobre {
186 170 line-height: 20px;
187   - font-size: 12px;
  171 + font-size: 12px;
188 172 }
189 173 /* */
190 174  
191 175 /* Sobre o brasil */
192 176 #sobre {
193   - clear: both;
194   - max-width: 100% !important;
195   - margin: 0;
196   - background: #2a36b1;/*azul-mais-escuro*/
197   - padding: 5px 0;
  177 + clear: both;
  178 + max-width: 100% !important;
  179 + margin: 0;
  180 + background: #0d4094;/*azul-mais-escuro*/
  181 + padding: 5px 0;
198 182 }
199 183  
200 184 #sobre ul {
201   - max-width: 960px;
202   - margin: 0 auto;
203   - text-align: right;
  185 + max-width: 960px;
  186 + margin: 0 auto;
  187 + text-align: right;
204 188 }
205 189  
206 190 #sobre a {
207   - color: #FFF;
  191 + color: #FFF;
208 192 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
209 193 }
210 194  
211 195 #sobre .portalservicos-item a {
212   - padding: 0 10px;
213   - border-right: 1px solid #03316f;
  196 + padding: 0 10px;
  197 + border-right: 1px solid #03316f;
214 198 }
215 199  
216 200 #sobre .last-item a {
217   - padding: 0 0 0 10px;
218   - border-right: none;
  201 + padding: 0 0 0 10px;
  202 + border-right: none;
219 203 }
220 204  
221 205 /* Searchbox */
222 206 .LSBox {
223   - margin: 0;
224   - padding: 0;
225   - border: none;
  207 + margin: 0;
  208 + padding: 0;
  209 + border: none;
226 210 }
227 211  
228 212 input.searchField {
229   - -moz-appearance: none;
  213 + -moz-appearance: none;
230 214 }
231 215  
232 216 #portal-searchbox {
233   - clear: right;
234   - float: right;
235   - font-size: 80%;
236   - margin: 30px 0 14px;
237   - /*margin: 3.12em 0px 3px 0px;*/
238   - text-align: right;
239   - border-radius: 5px;
240   - -moz-border-radius: 5px;
241   - -webkit-border-radius: 5px;
242   - border: 1px solid #CCCCCC;
243   - background: #fff;
244   - padding: 2px;
  217 + clear: right;
  218 + float: right;
  219 + font-size: 80%;
  220 + margin: 30px 0 14px;
  221 + /*margin: 3.12em 0px 3px 0px;*/
  222 + text-align: right;
  223 + border-radius: 5px;
  224 + -moz-border-radius: 5px;
  225 + -webkit-border-radius: 5px;
  226 + border: 1px solid #CCCCCC;
  227 + background: #fff;
  228 + padding: 2px;
245 229 }
246 230  
247 231 #portal-searchbox .searchField {
248   - padding: 0.45em;
249   - border-right: none;
250   - border: none;
  232 + padding: 0.45em;
  233 + border-right: none;
  234 + border: none;
251 235 width: 170px;
252 236 }
253 237  
... ... @@ -264,11 +248,11 @@ width: 13em;
264 248 }
265 249  
266 250 #header input.searchButton {
267   - padding: 0.3em;
268   - background: transparent;
269   - text-indent: -2000px;
270   - padding: 4px 15px;
271   - border: none;
  251 + padding: 0.3em;
  252 + background: transparent;
  253 + text-indent: -2000px;
  254 + padding: 4px 15px;
  255 + border: none;
272 256 }
273 257  
274 258 #content input.searchField {
... ... @@ -286,8 +270,8 @@ input.searchField {
286 270 }
287 271  
288 272 #LSResult {
289   - z-index: 1;
290   - margin-top: 0.5%;
  273 + z-index: 1;
  274 + margin-top: 0.5%;
291 275 }
292 276  
293 277  
... ... @@ -379,7 +363,7 @@ background: url(images/icone-verde-flickr.png) 0 20px;
379 363 }
380 364  
381 365 .logged-in #user{
382   - top: -40px;
  366 + top: -40px;
383 367 }
384 368  
385 369 #user form {
... ... @@ -387,22 +371,22 @@ background: url(images/icone-verde-flickr.png) 0 20px;
387 371 }
388 372  
389 373 #user .logged-in {
390   - visibility: hidden;
391   - display: block;
  374 + visibility: hidden;
  375 + display: block;
392 376 background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
393 377 display: block;
394 378 padding: 1em;
395 379 text-align: left;
396 380 width: 130px;
397   - border-radius: 10px
  381 + border-radius: 10px
398 382 }
399 383  
400 384 #user .logged-in:hover {
401   - visibility: visible;
  385 + visibility: visible;
402 386 }
403 387 #user .logged-in a#homepage-link {
404   - display: block;
405   - visibility: visible;
  388 + display: block;
  389 + visibility: visible;
406 390 }
407 391  
408 392 #user .logged-in span {display: none;}
... ... @@ -444,7 +428,7 @@ background: url(images/icone-verde-flickr.png) 0 20px;
444 428  
445 429 #categories_menu {
446 430 /*max-width: 960px;*/
447   - padding: 0 1em;
  431 + padding: 0 1em;
448 432 margin: auto;
449 433 }
450 434  
... ... @@ -486,7 +470,7 @@ background: url(images/icone-verde-flickr.png) 0 20px;
486 470 }
487 471  
488 472 #footer-logos {
489   - background: #F28F00;
  473 + background: #0d4094;
490 474 max-width: 100%;
491 475 padding: 2em 0;
492 476 height: 49px;
... ... @@ -535,8 +519,8 @@ background: url(images/icone-verde-flickr.png) 0 20px;
535 519 }
536 520  
537 521 #footer-license p {
538   - color: #F28F00;
539   - text-align: left;
  522 + color: #0d4094;
  523 + text-align: left;
540 524 }
541 525  
542 526  
... ...