Download as
Browse Code »

Commit 26de4c7f6c489e201cdafa43f94e3b3e5366bd60

Authored by Melissa Wen
1 parent d3c44cc2
Exists in master and in 4 other branches fix_catalog_classes, fix_javascript, news_style, page_catalog

noosfero's header style has to work only on noosfero's header structure

Showing 1 changed file with 40 additions and 40 deletions   Show diff stats
cabecalho-cinza-theme.css
  Diff comments   View file @26de4c7
@@ -24,7 +24,7 @@ tr:hover td { @@ -24,7 +24,7 @@ tr:hover td {
24 24
25 #theme-header{} 25 #theme-header{}
26 26
27 -#header { 27 +#theme-header #header {
28 padding: 15px 0 0 0; /*13px 0 0 0;*/ 28 padding: 15px 0 0 0; /*13px 0 0 0;*/
29 color: #000; 29 color: #000;
30 background-color:#f0f2f1; /*rgb(236,237,241);*/ 30 background-color:#f0f2f1; /*rgb(236,237,241);*/
@@ -32,19 +32,19 @@ tr:hover td { @@ -32,19 +32,19 @@ tr:hover td {
32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) 32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
33 } 33 }
34 34
35 -#header>div { 35 +#theme-header #header>div {
36 max-width: 960px; 36 max-width: 960px;
37 min-width: 960px; 37 min-width: 960px;
38 margin: 0 auto; 38 margin: 0 auto;
39 } 39 }
40 40
41 -.header-content * { 41 +#theme-header .header-content * {
42 margin: 0; 42 margin: 0;
43 padding: 0; 43 padding: 0;
44 list-style: none; 44 list-style: none;
45 vertical-align: baseline; 45 vertical-align: baseline;
46 } 46 }
47 -.header-content li { display: inline; } 47 +#theme-header .header-content li { display: inline; }
48 48
49 #brasilgov { 49 #brasilgov {
50 background: #00510f; 50 background: #00510f;
@@ -53,7 +53,7 @@ tr:hover td { @@ -53,7 +53,7 @@ tr:hover td {
53 color: #03316f; 53 color: #03316f;
54 } 54 }
55 55
56 -#accessibility { 56 +#theme-header #accessibility {
57 display: block !important; 57 display: block !important;
58 float: left; 58 float: left;
59 font-family: arial; 59 font-family: arial;
@@ -61,15 +61,15 @@ tr:hover td { @@ -61,15 +61,15 @@ tr:hover td {
61 width: 50%; 61 width: 50%;
62 } 62 }
63 63
64 -#accessibility a { 64 +#theme-header #accessibility a {
65 /*color:# ;rgb(96,96,96);*//*#FFF; */ 65 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 margin-right: 8px; 66 margin-right: 8px;
67 } 67 }
68 -#accessibility a:hover { 68 +#theme-header #accessibility a:hover {
69 /*color:/*#969696;*/ /*#d0d9ff;*/ 69 /*color:/*#969696;*/ /*#d0d9ff;*/
70 } 70 }
71 71
72 -#accessibility span { 72 +#theme-header #accessibility span {
73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ 73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 color: #FFFFFF; 74 color: #FFFFFF;
75 padding: 0 3px; 75 padding: 0 3px;
@@ -87,28 +87,28 @@ background-repeat: no-repeat; @@ -87,28 +87,28 @@ background-repeat: no-repeat;
87 }*/ 87 }*/
88 88
89 /* logo */ 89 /* logo */
90 -#logo { 90 +#theme-header #logo {
91 padding: 0; 91 padding: 0;
92 float: left; 92 float: left;
93 width: 50%; /*70%;*/ 93 width: 50%; /*70%;*/
94 } 94 }
95 95
96 -#logo span { 96 +#theme-header #logo span {
97 display: block; 97 display: block;
98 } 98 }
99 99
100 -#logo a { 100 +#theme-header #logo a {
101 display: block; 101 display: block;
102 width: 100%; 102 width: 100%;
103 color: #03316f !important; 103 color: #03316f !important;
104 margin: 1em 0px; 104 margin: 1em 0px;
105 } 105 }
106 106
107 -#logo a, #logo #portal-title { 107 +#theme-header #logo a, #theme-header #logo #portal-title {
108 color: #03316f; 108 color: #03316f;
109 } 109 }
110 110
111 -#logo #portal-title { 111 +#theme-header #logo #portal-title {
112 background-image: url("images/logotipo_spb_beta.svg"); 112 background-image: url("images/logotipo_spb_beta.svg");
113 background-repeat: no-repeat; 113 background-repeat: no-repeat;
114 background-size: 370px; /*374px 56px;*/ 114 background-size: 370px; /*374px 56px;*/
@@ -124,19 +124,19 @@ background-repeat: no-repeat; @@ -124,19 +124,19 @@ background-repeat: no-repeat;
124 letter-spacing: -0.05em;*/ 124 letter-spacing: -0.05em;*/
125 } 125 }
126 126
127 -#logo .luongo { 127 +#theme-header #logo .luongo {
128 font-size: 3em !important; 128 font-size: 3em !important;
129 line-height: 1.1em; 129 line-height: 1.1em;
130 margin-bottom: 0.2em; 130 margin-bottom: 0.2em;
131 } 131 }
132 132
133 -#logo #portal-description { 133 +#theme-header #logo #portal-description {
134 font-size: 1.2em; 134 font-size: 1.2em;
135 text-transform: uppercase; 135 text-transform: uppercase;
136 } 136 }
137 137
138 /* Site Actions */ 138 /* Site Actions */
139 -#portal-siteactions { 139 +#theme-header #portal-siteactions {
140 display: block; 140 display: block;
141 float: right; 141 float: right;
142 clear: left; 142 clear: left;
@@ -146,7 +146,7 @@ background-repeat: no-repeat; @@ -146,7 +146,7 @@ background-repeat: no-repeat;
146 text-align: center; 146 text-align: center;
147 } 147 }
148 148
149 -#portal-siteactions a { 149 +#theme-header #portal-siteactions a {
150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ 150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 text-decoration: none; 151 text-decoration: none;
152 padding: 4px 0 4px 10px; 152 padding: 4px 0 4px 10px;
@@ -154,11 +154,11 @@ background-repeat: no-repeat; @@ -154,11 +154,11 @@ background-repeat: no-repeat;
154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif; 154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
155 } 155 }
156 156
157 -#portal-siteactions a:hover { 157 +#theme-header #portal-siteactions a:hover {
158 color: #03316f; 158 color: #03316f;
159 } 159 }
160 160
161 -#portal-siteactions li { 161 +#theme-header #portal-siteactions li {
162 display: inline; 162 display: inline;
163 margin: 0 5px 0 0; 163 margin: 0 5px 0 0;
164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/ 164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
@@ -167,7 +167,7 @@ background-repeat: no-repeat; @@ -167,7 +167,7 @@ background-repeat: no-repeat;
167 #portal-siteactions li a:hover { 167 #portal-siteactions li a:hover {
168 color: #969696; /*#d0d9ff; 168 color: #969696; /*#d0d9ff;
169 }*/ 169 }*/
170 -#portal-siteactions li a { 170 +#theme-header #portal-siteactions li a {
171 padding: 4px 0px; 171 padding: 4px 0px;
172 } 172 }
173 173
@@ -218,7 +218,7 @@ li#siteaction-mapadosite { @@ -218,7 +218,7 @@ li#siteaction-mapadosite {
218 /* */ 218 /* */
219 219
220 /* Sobre o brasil */ 220 /* Sobre o brasil */
221 -#sobre, #navbar { 221 +#theme-header #sobre, #theme-header #navbar {
222 clear: both; 222 clear: both;
223 max-width: 100% !important; 223 max-width: 100% !important;
224 margin: 0; 224 margin: 0;
@@ -227,38 +227,38 @@ li#siteaction-mapadosite { @@ -227,38 +227,38 @@ li#siteaction-mapadosite {
227 padding: 5px 0; 227 padding: 5px 0;
228 } 228 }
229 229
230 -#sobre,#navbar ul { 230 +#theme-header #sobre, #theme-header #navbar ul {
231 max-width: 960px; 231 max-width: 960px;
232 margin: 0px auto; 232 margin: 0px auto;
233 text-align: right; 233 text-align: right;
234 padding:10px; 234 padding:10px;
235 } 235 }
236 236
237 -#sobre a { 237 +#theme-header #sobre a {
238 color: #2c66ce; /*rgb(96,96,96);*/ 238 color: #2c66ce; /*rgb(96,96,96);*/
239 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 239 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 } 240 }
241 -#navbar a{ 241 +#theme-header #navbar a{
242 color: rgb(96,96,96); 242 color: rgb(96,96,96);
243 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 243 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
244 } 244 }
245 245
246 -#sobre, #navbar .portalservicos-item a { 246 +#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
247 padding: 0 10px; 247 padding: 0 10px;
248 border-right: 1px solid #03316f; 248 border-right: 1px solid #03316f;
249 } 249 }
250 250
251 -#sobre, #navbar .last-item a { 251 +#theme-header #sobre, #theme-header #navbar .last-item a {
252 padding: 0 0 0 10px; 252 padding: 0 0 0 10px;
253 border-right: none; 253 border-right: none;
254 } 254 }
255 255
256 -#navbar:houver{ 256 +#theme-header #navbar:houver{
257 color:#000000; 257 color:#000000;
258 258
259 } 259 }
260 260
261 -#links-rapidos{ 261 +#theme-header #links-rapidos{
262 width: 960px; 262 width: 960px;
263 margin: 0 auto; 263 margin: 0 auto;
264 font-color:#fff; 264 font-color:#fff;
@@ -273,11 +273,11 @@ li#siteaction-mapadosite { @@ -273,11 +273,11 @@ li#siteaction-mapadosite {
273 border: none; 273 border: none;
274 } 274 }
275 275
276 -input.searchField { 276 +#theme-header input.searchField {
277 -moz-appearance: none; 277 -moz-appearance: none;
278 } 278 }
279 279
280 -#portal-searchbox { 280 +#theme-header #portal-searchbox {
281 clear: right; 281 clear: right;
282 float: right; 282 float: right;
283 font-size: 80%; 283 font-size: 80%;
@@ -292,26 +292,26 @@ input.searchField { @@ -292,26 +292,26 @@ input.searchField {
292 padding: 2px; 292 padding: 2px;
293 } 293 }
294 294
295 -#portal-searchbox .searchField { 295 +#theme-header #portal-searchbox .searchField {
296 padding: 0.45em; 296 padding: 0.45em;
297 border-right: none; 297 border-right: none;
298 border: none; 298 border: none;
299 width: 171px; /*210px;170px;*/ 299 width: 171px; /*210px;170px;*/
300 } 300 }
301 301
302 -#portal-searchbox form { 302 +#theme-header #portal-searchbox form {
303 white-space: nowrap; 303 white-space: nowrap;
304 } 304 }
305 305
306 -#portal-searchbox label { 306 +#theme-header #portal-searchbox label {
307 font-weight: normal; 307 font-weight: normal;
308 } 308 }
309 309
310 -#searchGadget { 310 +#theme-header #searchGadget {
311 width: 13em; 311 width: 13em;
312 } 312 }
313 313
314 -#header input.searchButton { 314 +#theme-header #header input.searchButton {
315 padding: 0.3em; 315 padding: 0.3em;
316 background: transparent; 316 background: transparent;
317 text-indent: -2000px; 317 text-indent: -2000px;
@@ -328,7 +328,7 @@ input.searchField { @@ -328,7 +328,7 @@ input.searchField {
328 -moz-appearance: searchfield; 328 -moz-appearance: searchfield;
329 }*/ 329 }*/
330 330
331 -#header input.searchButton { 331 +#theme-header #header input.searchButton {
332 background-image: url("images/search-button.png"); 332 background-image: url("images/search-button.png");
333 background-position: 8px 2px; 333 background-position: 8px 2px;
334 background-repeat: no-repeat; 334 background-repeat: no-repeat;
@@ -342,7 +342,7 @@ input.searchField { @@ -342,7 +342,7 @@ input.searchField {
342 342
343 343
344 /* Search Button */ 344 /* Search Button */
345 -#search-button a { 345 +#theme-header #search-button a {
346 display: inline-block; 346 display: inline-block;
347 width: 29px; 347 width: 29px;
348 height: 25px; 348 height: 25px;
@@ -350,16 +350,16 @@ input.searchField { @@ -350,16 +350,16 @@ input.searchField {
350 margin-top: 10px; 350 margin-top: 10px;
351 } 351 }
352 352
353 -#search-button a:hover { 353 +#theme-header #search-button a:hover {
354 opacity: 0.6; 354 opacity: 0.6;
355 } 355 }
356 356
357 -#search-button #sb_search { 357 +#theme-header #search-button #sb_search {
358 background-image: url(images/search.png); 358 background-image: url(images/search.png);
359 background-size: 100% 100%; 359 background-size: 100% 100%;
360 } 360 }
361 361
362 -#search-button span { display: none; } 362 +#theme-header #search-button span { display: none; }
363 363
364 364
365 /* */ 365 /* */