Download as
Browse Code »

Commit d21ec4e0c55d81836499ade6036cfdcb927cd063

Authored by Carlos Coêlho
1 parent 3781faae
Exists in master

Prefixed CSSs 

Signed-off-by: Carlos Oliveira <carlospecter@gmail.com>
Showing 2 changed files with 146 additions and 111 deletions   Show diff stats
src/colab_spb_theme/static/css/footer.css
  Diff comments   View file @d21ec4e
1 1 /*Footer*/
2 2  
3   -#btn-top {
  3 +footer #btn-top {
4 4 min-width: 960px;
5 5 max-width: 960px;
6 6 padding-right: 0px;
... ... @@ -11,14 +11,14 @@
11 11 position: relative;
12 12 }
13 13  
14   -#btn-top a {
  14 +footer #btn-top a {
15 15 padding-left: 20px;
16 16 background: url("../img/voltar-topo.png") no-repeat left center;
17 17 color: #777;
18 18 font-size: 14px;
19 19 }
20 20  
21   -#footer {
  21 +footer #footer {
22 22 padding: 4px 0 20px 0;
23 23 min-height: 50px;
24 24 width: 100%;
... ... @@ -29,78 +29,82 @@
29 29 }
30 30  
31 31  
32   -#footer > div {
  32 +footer #footer > div {
33 33 margin: 2em auto;
34 34 padding-top: 1em;
35 35 max-width: 960px;
36 36 }
37 37  
38   -#doormat-container {
  38 +footer #doormat-container {
39 39 float: none;
40 40 width: 100%;
41 41 }
42 42  
43   -#doormat-container dl {
  43 +footer #doormat-container dl {
44 44 border-left: 1px dotted #9CB5E2;
45 45 margin: 0 0 18px 0;
46 46 font-size: 13px;
47 47 }
48 48  
49   -#doormat-container dt {
  49 +footer #doormat-container dt {
50 50 color: #2C65CD;
51 51 font-size: 18px;
52   - font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
  52 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
53 53 }
54 54  
55   -#doormat-container dt,
56   -#doormat-container dd {
  55 +footer #doormat-container dtfooter ,
  56 +footer #doormat-container dd {
57 57 padding-left: 10px;
58 58 margin-bottom: 4px;
59 59 }
60 60  
61   -#doormat-container dd a {
  61 +footer #doormat-container dd a {
62 62 color: #2C65CD;
63 63 }
64 64  
65   -#doormat-container dd a:hover {
  65 +footer #doormat-container dd a:hover {
66 66 text-decoration: none;
67 67 }
68 68  
69   -#doormat-container.columns-4 .doormatColumn {
  69 +footer #doormat-container.columns-4 .doormatColumn {
70 70 width: 21%;
71 71 }
72 72  
73   -#doormat-container .doormatColumn {
  73 +footer #doormat-container .doormatColumn {
74 74 float: left;
75 75 margin: 0 1.1em 0 0.8em;
76 76 text-align: left;
77 77 }
78 78  
79 79  
80   -#footer .footer-logos {
  80 +footer #footer .footer-logos {
81 81 margin: 0 0 -20px;
82 82 padding: 1.6em 0;
83 83 max-width: 100%;
84 84 background: #0041B1;
85 85 }
86 86  
87   -#extra-footer p {
  87 +footer #extra-footer p {
88 88 margin: 1em auto;
89 89 max-width: 960px;
90 90 font-size: 12px;
91 91 }
92 92  
93   -#footer .clear {
  93 +footer #extra-footer a {
  94 + color: #2C65CD;
  95 +}
  96 +
  97 +footer #footer .clear {
94 98 clear: both;
95 99 }
96 100  
97 101  
98   -.go-top a{
  102 +footer .go-top a{
99 103 color: #717782;
100 104 line-height: 2em;
101 105 }
102 106  
103   -.go-top i {
  107 +footer .go-top i {
104 108 margin-right: 5px;
105 109 text-decoration: none;
106 110 font-size: 12px;
... ...
src/colab_spb_theme/static/css/header.css
  Diff comments   View file @d21ec4e
1   -#header {
  1 +header #header {
2 2 font-size: 62.5%;
3 3 font-family: "open_sansregular", Arial, Helvetica, sans-serif;
4 4 padding: 14px 0 0 0;
... ... @@ -7,29 +7,29 @@
7 7 min-width: 960px;
8 8 }
9 9  
10   -#header * {
  10 +header #header * {
11 11 margin: 0;
12 12 padding: 0;
13 13 list-style: none;
14 14 }
15 15  
16 16  
17   -#header a {
  17 +header #header a {
18 18 text-decoration: none;
19 19 }
20 20  
21   -#header > div {
  21 +header #header > div {
22 22 position: relative;
23 23 margin: 0 auto;
24 24 max-width: 960px;
25 25 display: block;
26 26 }
27 27  
28   -#header * li {
  28 +header #header * li {
29 29 display: inline;
30 30 }
31 31  
32   -#accessibility {
  32 +header #accessibility {
33 33 /*font-size: 1.1em;*/
34 34 font-size: 1.3em;
35 35 font-family: Arial, Helvetica, sans-serif;
... ... @@ -39,73 +39,70 @@
39 39 margin-bottom: 18px;
40 40 }
41 41  
42   -#accessibility a {
  42 +header #accessibility a {
43 43 color: #2C65CD;
44 44 margin-right: 9px;
45 45 }
46 46  
47   -#accessibility span {
  47 +header #accessibility span {
48 48 padding: 0 3px;
49 49 background: #2C65CD;
50 50 color: #fff;
51 51 }
52 52  
53   -#second-nav {
  53 +header #second-nav {
54 54 float: right;
55 55 }
56 56  
57   -#portal-siteactions,
58   -#portal-language {
  57 +header #portal-siteactions,
  58 +header #portal-language {
59 59 border-bottom: 1px dotted #2C65CD;
60 60 }
61 61  
62   -#portal-siteactions #siteaction-accessibility a {
  62 +header #portal-siteactions #siteaction-accessibility a {
63 63 padding-left: 0;
64 64 }
65 65  
66   -#portal-siteactions {
  66 +header #portal-siteactions {
67 67 display: block;
68   - /*float: right;*/
69 68 float: left;
70 69 clear: none;
71 70 padding-bottom: 2px;
72   - /*font-size: 1.1em;*/
73 71 font-size: 1.3em;
74 72 }
75 73  
76   -#portal-siteactions a {
  74 +header #portal-siteactions a {
77 75 padding: 4px 0 4px 17px;
78 76 }
79 77  
80   -#portal-siteactions a,
81   -#login-menu a {
  78 +header #portal-siteactions a{
82 79 text-decoration: none;
83 80 text-transform: uppercase;
84 81 }
85 82  
86   -#portal-siteactions a,
87   -#portal-siteactions a:hover,
88   -#portal-language a,
89   -#portal-language a:hover {
  83 +header #portal-siteactions a,
  84 +header #portal-siteactions a:hover,
  85 +header #portal-language a,
  86 +header #portal-language a:hover {
90 87 color: #2C65CD;
91 88 }
92 89  
93   -#login-menu #user-menu a {
  90 +header #login-menu #user-menu .user {
94 91 position: relative;
95 92 top: -6px;
96 93 }
97 94  
98   -#login-menu #user-menu .user img {
  95 +header #login-menu #user-menu .user img {
99 96 width: 32px;
100 97 height: 32px;
101 98 border-radius: 90%;
102 99 }
103 100  
104   -#login-menu #user-menu .user .carret {
  101 +header #login-menu #user-menu .user .carret {
105 102 vertical-align: middle;
106 103 }
107 104  
108   -#login-menu {
  105 +header #login-menu {
109 106 float:right;
110 107 display: block;
111 108 clear: none;
... ... @@ -114,22 +111,33 @@
114 111 padding-left: 17px;
115 112 }
116 113  
117   -#login-menu a {
118   - padding: 4px 0 4px 6px;
119   - font-weight: bold;
  114 +header #login-menu a {
  115 + font-size: 12px;
  116 + padding: 5px 10px;
  117 + color: #2C65CD;
  118 +}
  119 +
  120 +header #login-menu a.btn-spb-profile {
  121 + background-color: #2C65CD;
  122 + border-color: #2C65CD;
  123 + color: #FFF;
  124 +}
  125 +
  126 +header #login-menu .login-item {
  127 + text-transform: uppercase;
120 128 }
121 129  
122   -#login-menu-box {
  130 +header #login-menu-box {
123 131 right: 0;
124 132 left: auto;
125 133 }
126 134  
127   -#portal-searchbox {
  135 +header #portal-searchbox {
128 136 border: 1px solid #CCC;
129 137 float: right;
130 138 clear: right;
131   - margin: 18px 0 0 0;
132   - padding: 2px;
  139 + margin: 14px 0 0 0;
  140 + padding: 0px 2px;
133 141 -webkit-border-radius: 5px;
134 142 -moz-border-radius: 5px;
135 143 border-radius: 5px;
... ... @@ -139,24 +147,24 @@
139 147 color: #777;
140 148 }
141 149  
142   -#portal-searchbox form {
  150 +header #portal-searchbox form {
143 151 white-space: nowrap;
144 152 }
145 153  
146   -.LSBox {
  154 +header .LSBox {
147 155 margin: 0;
148 156 padding: 0;
149 157 border: none;
150 158 }
151 159  
152   -fieldset, .editionComment {
  160 +header fieldset, header .editionComment {
153 161 line-height: 1.5em;
154 162 margin: 1em 0;
155 163 padding: 0 1em 1em;
156 164 width: auto;
157 165 }
158 166  
159   -.hiddenStructure {
  167 +header .hiddenStructure {
160 168 display: block;
161 169 background: transparent;
162 170 background-image: none;
... ... @@ -168,105 +176,99 @@ fieldset, .editionComment {
168 176 width: 1px;
169 177 }
170 178  
171   -#portal-searchbox label {
  179 +header #portal-searchbox label {
172 180 font-weight: normal;
173 181 cursor: default;
174 182 }
175 183  
176   -#portal-searchbox .searchField {
177   - padding: 0.3em 0.35em;
178   - width: 186px;
  184 +header #portal-searchbox .searchField {
  185 + padding: 0.4em 0.35em 0 0.35em;
  186 + width: 192px;
179 187 border: none;
180 188 border-right: none;
181   - /*font-size: 1.2em;*/
182 189 font-size: 1.4em;
183 190 font-family: "open_sansregular", Arial, Helvetica, sans-serif;
184 191 }
185 192  
186   -#header input.searchButton {
187   - /*background-position: 0px 2px;*/
  193 +header #header input.searchButton {
188 194 background-position: 00 0;
189   - /*padding: 4px 5px 4px 15px;*/
190 195 padding: 6px 5px 4px 15px;
191 196 border: none;
192 197 background-color: transparent;
193 198 text-indent: -2000px;
194 199 }
195 200  
196   -#logo {
  201 +header #logo {
197 202 float: left;
198 203 padding: 0;
199 204 width: 70%;
200   - min-height: 104px;
  205 + min-height: 101px;
201 206 }
202 207  
203   -#logo span {
  208 +header #logo span {
204 209 position: absolute;
205 210 display: block;
206   - /*line-height: 1em;*/
207   - line-height: 1.1em;
  211 + line-height: 0.5em;
208 212 }
209 213  
210   -#logo a, #logo #portal-title {
  214 +header #logo a, header #logo #portal-title {
211 215 color: #2C65CD;
212 216 }
213 217  
214   -#portal-title {
215   - /*font-size: 4.0em;*/
216   - font-size: 4.2em;
217   - font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
218   - margin-top: 9px;
  218 +header #portal-title {
  219 + font-size: 4.4em;
  220 + font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
  221 + margin-top: 13px;
219 222 }
220 223  
221   -#portal-title-1,
222   -#portal-description {
  224 +header #portal-title-1,
  225 +header #portal-description {
223 226 font-family: "open_sansregular", Arial, Helvetica, sans-serif;
224 227 }
225 228  
226   -#portal-title-1 {
  229 +header #portal-title-1 {
227 230 /*font-size: 1.2em;*/
228 231 font-size: 1.4em;
229 232 }
230 233  
231   -#portal-description {
232   - /*font-size: 1.4em;*/
  234 +header #portal-description {
233 235 font-size: 1.6em;
  236 + margin-top: 10px;
  237 + letter-spacing: 0.2px;
234 238 }
235 239  
236   -#sobre {
  240 +header #sobre {
237 241 background: #D9DBDE;
238 242 clear: both;
239 243 margin: 0;
240   - padding: 7px 0;
  244 + padding: 6px 0 5px 0;
241 245 max-width: 100% !important;
242 246 position: relative;
243 247 }
244 248  
245   -#sobre ul {
  249 +header #sobre ul {
246 250 margin: 0 auto;
247 251 max-width: 960px;
248 252 text-align: right;
249 253 }
250 254  
251   -#sobre a {
  255 +header #sobre a {
252 256 color: #2C65CD;
253 257 font-size: 1.4em;
254 258 }
255 259  
256   -#sobre a .caret {
  260 +header #sobre a .caret {
257 261 border-top: 4px dashed #2C65CD;
258 262 }
259 263  
260   -#sobre .softwarepublico-item a {
261   - padding: 0 8px;
262   -}
263 264  
264   -#sobre .softwarepublico-item .dropdown-menu {
  265 +header #sobre .softwarepublico-item .dropdown-menu {
265 266 margin-top: 10px;
266 267 }
267 268  
268 269  
269   -#sobre .softwarepublico-item .dropdown-menu:before {
  270 +header #sobre .softwarepublico-item .dropdown-menu:before,
  271 +header #second-nav .softwarepublico-item .dropdown-menu:before {
270 272 position: absolute;
271 273 top: -7px;
272 274 left: 20px;
... ... @@ -278,7 +280,8 @@ fieldset, .editionComment {
278 280 content: '';
279 281 }
280 282  
281   -#sobre .softwarepublico-item .dropdown-menu:after {
  283 +header #sobre .softwarepublico-item .dropdown-menu:after,
  284 +header #second-nav .softwarepublico-item .dropdown-menu:after {
282 285 position: absolute;
283 286 top: -6px;
284 287 left: 21px;
... ... @@ -289,45 +292,68 @@ fieldset, .editionComment {
289 292 content: '';
290 293 }
291 294  
292   -#sobre .softwarepublico-item .dropdown-menu li {
  295 +header #second-nav #login-menu-box {
  296 + top: 23px;
  297 + padding: 10px 4px;
  298 +}
  299 +
  300 +header #user-menu .user-info span {
  301 + color: #172738;
  302 +}
  303 +
  304 +header #second-nav .softwarepublico-item .dropdown-menu:before {
  305 + left: auto;
  306 + right: 12px;
  307 +}
  308 +
  309 +header #second-nav .softwarepublico-item .dropdown-menu:after {
  310 + left: auto;
  311 + right: 13px;
  312 +}
  313 +header #sobre .softwarepublico-item .dropdown-menu li {
293 314 font-size: 0.65em;
294 315 text-align: left;
295 316 border-right: none;
296 317 }
297 318  
298   -#sobre .softwarepublico-item .dropdown-menu li a {
  319 +header #sobre .softwarepublico-item .dropdown-menu li a {
299 320 border-bottom: 1px solid #EAEDF0;
300 321 padding: 8px;
301 322 }
302 323  
303   -
304   -#sobre .softwarepublico-item a {
305   - border-right: 0;
  324 +header #sobre li.softwarepublico-item a {
  325 + border-right: 1px solid #EAEDF0;
  326 + /*border-right: 1px solid #2C65CD;*/
306 327 padding: 0 8px;
307 328 }
308 329  
309   -#sobre .softwarepublico-item li a:hover {
  330 +header #sobre li.softwarepublico-item:last-child a {
  331 + border-right: none;
  332 + padding-right: 0;
  333 +}
  334 +
  335 +header #sobre .softwarepublico-item li a:hover {
310 336 background: #EAEDF0;
311 337 }
312 338  
313   -#sobre .last-item a {
  339 +header #sobre .last-item a {
314 340 padding: 0 0 0 8px;
315 341 border-right: none;
316 342 }
317 343  
318   -#social-icons {
  344 +header #social-icons {
319 345 float: right;
320 346 clear: right;
321 347 margin: 13px 0 22px 0;
322 348 display: none;
323 349 }
324 350  
325   -#social-icons a,
326   -#header input.searchButton {
  351 +header #social-icons a,
  352 +header #header input.searchButton {
327 353 background-image: url("../img/sprite.png");
328 354 }
329 355  
330   -#social-icons a {
  356 +header #social-icons a {
331 357 display: block;
332 358 overflow: hidden;
333 359 margin: 0 0 0 2px;
... ... @@ -341,38 +367,43 @@ fieldset, .editionComment {
341 367 border-radius: 4px;
342 368 }
343 369  
344   -#social-icons li {
  370 +header #social-icons li {
345 371 display: inline-block;
346 372 }
347 373  
348   -#portalredes-facebook a {
  374 +header #portalredes-facebook a {
349 375 background-position: -80px -25px;
350 376 }
351 377  
352   -#portalredes-googleplus a {
  378 +header #portalredes-googleplus a {
353 379 background-position: -130px 0;
354 380 }
355 381  
356   -#portalredes-instagram a {
  382 +header #portalredes-instagram a {
357 383 background-position: 69px -49px;
358 384 }
359 385  
360   -#portalredes-twitter a {
  386 +header #portalredes-twitter a {
361 387 background-position: -155px -25px;
362 388 }
363 389  
364   -#portalredes-youtube a {
  390 +header #portalredes-youtube a {
365 391 background-position: -130px -25px;
366 392 }
367 393  
368   -#portalredes-soundcloud a {
  394 +header #portalredes-soundcloud a {
369 395 background-position: 20px 0;
370 396 }
371 397  
372   -#portalredes-slideshare a {
  398 +header #portalredes-slideshare a {
373 399 background-position: 45px 0;
374 400 }
375 401  
376   -#portalredes-rss a {
  402 +header #portalredes-rss a {
377 403 background-position: 145px -25px;
378 404 }
  405 +
  406 +header .thumbnail {
  407 + min-width: 80px;
  408 + max-width: 80px;
  409 +}
... ...