Download as
Browse Code »

Commit 32cb48076260817580f67b442251009e349b037a

Authored by Melissa Wen
1 parent abb00818
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

put overwritting rules on another file

Showing 2 changed files with 300 additions and 299 deletions   Show diff stats
noosfero-base-theme-overwriting.css 0 → 100644
  Diff comments   View file @32cb480
@@ -0,0 +1,299 @@ @@ -0,0 +1,299 @@
  1 +/************overwriting themes/base/style.css****************/
  2 +#wrap-1, #theme-footer {
  3 + margin: auto;
  4 + width: 100%;
  5 +}
  6 +
  7 +#wrap-2 {
  8 + /*margin-top: 0;*/
  9 + width: 960px;
  10 + margin: 0 auto;
  11 + border: none;
  12 + padding: 0px;
  13 +}
  14 +
  15 +#main {
  16 + background: #fff;
  17 + font-size: 1.3em;
  18 + padding: 1em 0;
  19 + max-width: 960px;
  20 + margin: 0 auto;
  21 +}
  22 +
  23 +#wrapper {
  24 + margin: 0 auto;
  25 + font-size: 1.2em;
  26 + width: 100%;
  27 +}
  28 +
  29 +.main-content {
  30 + border-style: none;
  31 + box-shadow: none;
  32 + padding: 10px 20px;
  33 +}
  34 +
  35 +.profile-image-block .admin-link {
  36 + font-size: 100%;
  37 +}
  38 +
  39 +/* ==> blocks.css <== */
  40 +
  41 +.block a {
  42 + color: #555753;
  43 +}
  44 +.block a:visited {
  45 + color: #888a85;
  46 + font-weight: normal;
  47 +}
  48 +.block a:hover {
  49 + color: #2e3436;
  50 + text-decoration: none;
  51 +}
  52 +
  53 +/* Title Header */
  54 +#content .main-block h1,
  55 +#content .main-block h2,
  56 +#content .main-block h3,
  57 +#content .main-block h4 {
  58 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  59 +}
  60 +
  61 +#content .main-block h1,
  62 +#not-found h1,
  63 +#access-denied h1,
  64 +#content .no-boxes h1 {
  65 + color: #444;
  66 + font-size: 1.7em;
  67 + padding: 7px 0;
  68 + margin-left: 0;
  69 + padding-left: 0.3em;
  70 + border-bottom: 1px solid #CCCCCC;
  71 + border-top: 0px solid #172838;
  72 +}
  73 +
  74 +#content .title {
  75 + font-weight: normal;
  76 + padding-right: 70px;
  77 +}
  78 +
  79 +/* verificar onde isso influencia*/
  80 +#content .main-block h1,
  81 +#content .no-boxes h1 {
  82 + font-size: 2.3em !important;
  83 + font-weight: bold !important;
  84 +}
  85 +
  86 +#content .main-block h2 {
  87 + font-size: 1.8em !important;
  88 + min-height: 48px;
  89 +}
  90 +
  91 +#content .main-block h3 {
  92 + font-size: 1.5em !important;
  93 + min-height: 48px;
  94 +}
  95 +
  96 +#content .main-block #article-cat h4 {
  97 + font-size: 1.3em !important;
  98 + min-height: 0px;
  99 +}
  100 +
  101 +div#article-parent {
  102 + /*position: absolute;*/
  103 + display: block;
  104 + position: relative;
  105 + right: 0px;
  106 + top: 0px;
  107 +}
  108 +
  109 +#article-tags a:link {
  110 + clear: both;
  111 + display: inline-block;
  112 + margin-bottom: 1.5em;
  113 + color: white;
  114 + padding: 3px 5px;
  115 +}
  116 +
  117 +#article-tags a:hover {
  118 + background-color: #000;
  119 + color: white;
  120 +}
  121 +/****************************************/
  122 +
  123 +/*documentos recentes - todo o site*/
  124 +#content .recent-documents-block ul {
  125 + margin-left: 0;
  126 + padding: 0;
  127 +}
  128 +
  129 +#content .recent-documents-block li {
  130 + background: none repeat scroll 0 0 #eeeff2;/*#FFF;*/
  131 + border-bottom: 1px solid #c0c1c1; /*#CCCCCC;*/
  132 + display: block;
  133 + margin: 0;
  134 + min-height: 1em;
  135 + padding: 20px;
  136 + text-align: left;
  137 +}
  138 +
  139 +#content .recent-documents-block li a {
  140 + color: #464A55;
  141 + line-height: 1.2em;
  142 +}
  143 +
  144 +#content .recent-documents-block li a:hover{
  145 + color: #000;
  146 +}
  147 +
  148 +#content .recent-documents-block .block-title {
  149 + border-bottom: 1px solid #757575;
  150 + margin-bottom: 0;
  151 +}
  152 +
  153 +#content .link-list-block li a {
  154 + line-height: 17px;
  155 + padding: 6px 0px 8px 0px;
  156 +}
  157 +
  158 +#content .link-list-block h3.empty + ul {
  159 + border-top: 1px solid #ddd;
  160 +}
  161 +
  162 +/* Menus que nao tiverem titulo, nao tem padding left e right e nao mostra os icones caso seja inserido */
  163 +#content .link-list-block h3.empty + ul li a {
  164 + padding-left: 0px;
  165 + padding-right: 0px;
  166 + background-image: none;
  167 +}
  168 +
  169 +#content .link-list-block li {
  170 + border-bottom: 1px solid #ddd;
  171 + border-top: none;
  172 + padding: 0;
  173 + margin: 0;
  174 +
  175 +}
  176 +
  177 +#content .link-list-block li a {
  178 + background-color: #fff;
  179 + /*border-bottom: 1px solid #64946E !important;*/
  180 + border-radius: 0 0 0 0;
  181 + border-right: medium none;
  182 + border-top: 0px solid #64946E !important;
  183 + color: #2C66CE; /*#454545;*/
  184 + font-weight: normal;
  185 + width: auto;
  186 + font-size: 14px;
  187 + padding-left: 18px;
  188 + padding-right: 5px;
  189 + background-position: 0px 50%;
  190 +}
  191 +
  192 +#content .link-list-block li a.link-this-page,
  193 +#content .link-list-block li a.link-this-page:hover {
  194 + border-right: none;
  195 +}
  196 +
  197 +#content .box .link-list-block li a:hover {
  198 + background-color: #FFFFFF;
  199 + color: #000;
  200 +}
  201 +
  202 +#content .box .link-list-block li a.link-this-page {
  203 + background-color: #ffffff; /*#EEEFFF;*/
  204 + font-weight: bold;
  205 + width: auto;
  206 + margin-left: 0px;
  207 +}
  208 +
  209 +#site-title {
  210 +position: absolute;
  211 +left: 8px;
  212 +top: -160px;
  213 +height: 78px;
  214 +width: 480px;
  215 +display: none;
  216 +}
  217 +
  218 +#content {
  219 + left: -480px;
  220 + margin-left: 50%;
  221 + margin-top: 38px; /*30px;*/
  222 + position: relative;
  223 + width: 960px;
  224 +}
  225 +
  226 +
  227 +input.button.with-text {
  228 + background-position: 3px 50%;
  229 + font-size: 12px;
  230 + padding: 0 2px 2px 20px;
  231 + max-height: 28px;
  232 +}
  233 +
  234 +#content a.button.with-text,
  235 +#content a.button.with-text {
  236 + height: 28px;
  237 + max-height: 28px;
  238 +}
  239 +
  240 +#content input.button, #content a.button {
  241 + background-color: #EEEEEE;
  242 + background-repeat: no-repeat;
  243 + border: 0px solid #CCCCCC;
  244 + /*border-bottom: 1px solid #CCCCCC;*/
  245 + color: #555555;
  246 + line-height: 16px;
  247 + text-decoration: none;
  248 +}
  249 +
  250 +#content #article-actions input.button,
  251 +#content #article-actions a.button,
  252 +#content a.button,
  253 +#content input.button {
  254 + background-color: transparent;
  255 + border: 1px solid #CCCCCC;
  256 + vertical-align: middle;
  257 +}
  258 +
  259 +#content a.button.with-text {
  260 + line-height: 28px;
  261 + height: 30px;
  262 + max-height: 30px;
  263 +}
  264 +#content form input.button.submit {
  265 + height: 32px;
  266 + max-height: 32px;
  267 + margin-right: 5px;
  268 +}
  269 +
  270 +#content #article-actions input.button:hover,
  271 +#content #article-actions a.button:hover {
  272 + background-color: #ccc;
  273 + border: 1px solid #CCCCCC;
  274 + color: white;
  275 +}
  276 +
  277 +
  278 +#content a.button:hover {
  279 + border: 1px solid #CCCCCC;
  280 +}
  281 +
  282 +/*label dos radio buttons da busca*/
  283 +#content .search-field label {
  284 + display: inline-block;
  285 + font-size: 12px;
  286 + vertical-align: middle;
  287 + margin-left: 5px;
  288 +}
  289 +
  290 +#public-profile-search .formfield, #public-profile-search .submit {
  291 + margin-bottom: 5px;
  292 +}
  293 +
  294 +#content .profile ul{
  295 + margin-left: 1em;
  296 +}
  297 +
  298 +/*********************fim sobrescrevendo themes/base/style.css*********************************/
  299 +
1 @import url(../profile-base/style.css); 1 @import url(../profile-base/style.css);
2 @import url(../../icons/tango/style.css); 2 @import url(../../icons/tango/style.css);
3 3
  4 +@import url(noosfero-base-theme-overwriting.css);
4 @import url(header.css); 5 @import url(header.css);
5 @import url(footer.css); 6 @import url(footer.css);
6 @import url(content.css); 7 @import url(content.css);
@@ -202,302 +203,3 @@ img { @@ -202,302 +203,3 @@ img {
202 iframe { 203 iframe {
203 border-width: 0; border-style:none; 204 border-width: 0; border-style:none;
204 } 205 }
205 -  
206 -/************sobrescrevendo themes/base/style.css****************/  
207 -#wrap-1, #theme-footer {  
208 - margin: auto;  
209 - width: 100%;  
210 -}  
211 -  
212 -#wrap-2 {  
213 - /*margin-top: 0;*/  
214 - width: 960px;  
215 - margin: 0 auto;  
216 - border: none;  
217 - padding: 0px;  
218 -}  
219 -  
220 -#main {  
221 - background: #fff;  
222 - font-size: 1.3em;  
223 - padding: 1em 0;  
224 - max-width: 960px;  
225 - margin: 0 auto;  
226 -}  
227 -  
228 -#wrapper {  
229 - margin: 0 auto;  
230 - font-size: 1.2em;  
231 - width: 100%;  
232 -}  
233 -  
234 -.main-content {  
235 - border-style: none;  
236 - box-shadow: none;  
237 - padding: 10px 20px;  
238 -}  
239 -  
240 -.profile-image-block .admin-link {  
241 - font-size: 100%;  
242 -}  
243 -  
244 -/* ==> blocks.css <== */  
245 -  
246 -.block a {  
247 - color: #555753;  
248 -}  
249 -.block a:visited {  
250 - color: #888a85;  
251 - font-weight: normal;  
252 -}  
253 -.block a:hover {  
254 - color: #2e3436;  
255 - text-decoration: none;  
256 -}  
257 -  
258 -/* Title Header */  
259 -#content .main-block h1,  
260 -#content .main-block h2,  
261 -#content .main-block h3,  
262 -#content .main-block h4 {  
263 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
264 -}  
265 -  
266 -#content .main-block h1,  
267 -#not-found h1,  
268 -#access-denied h1,  
269 -#content .no-boxes h1 {  
270 - color: #444;  
271 - font-size: 1.7em;  
272 - padding: 7px 0;  
273 - margin-left: 0/* !important*/;  
274 - padding-left: 0.3em;  
275 - border-bottom: 1px solid #CCCCCC;  
276 - border-top: 0px solid #172838;  
277 -}  
278 -  
279 -#content .title {  
280 - font-weight: normal;  
281 - padding-right: 70px;  
282 -}  
283 -/* verificar onde isso influencia*/  
284 -#content .main-block h1,  
285 -#content .no-boxes h1 {  
286 - font-size: 2.3em !important;  
287 - font-weight: bold !important;  
288 -}  
289 -  
290 -#content .main-block h2 {  
291 - font-size: 1.8em !important;  
292 - min-height: 48px;  
293 -}  
294 -  
295 -#content .main-block h3 {  
296 - font-size: 1.5em !important;  
297 - min-height: 48px;  
298 -}  
299 -  
300 -#content .main-block #article-cat h4 {  
301 - font-size: 1.3em !important;  
302 - min-height: 0px;  
303 -}  
304 -  
305 -div#article-parent {  
306 - /*position: absolute;*/  
307 - display: block;  
308 - position: relative;  
309 - right: 0px;  
310 - top: 0px;  
311 -}  
312 -  
313 -#article-tags a:link {  
314 - clear: both;  
315 - display: inline-block;  
316 - margin-bottom: 1.5em;  
317 - color: white;  
318 - padding: 3px 5px;  
319 -}  
320 -  
321 -#article-tags a:hover {  
322 - background-color: #000;  
323 - color: white;  
324 -}  
325 -/****************************************/  
326 -  
327 -/*documentos recentes - todo o site*/  
328 -#content .recent-documents-block ul {  
329 - margin-left: 0;  
330 - padding: 0;  
331 -}  
332 -  
333 -#content .recent-documents-block li {  
334 - background: none repeat scroll 0 0 #eeeff2;/*#FFF;*/  
335 - border-bottom: 1px solid #c0c1c1; /*#CCCCCC;*/  
336 - display: block;  
337 - margin: 0;  
338 - min-height: 1em;  
339 - padding: 20px;  
340 - text-align: left;  
341 -}  
342 -  
343 -#content .recent-documents-block li a {  
344 - color: #464A55;  
345 - line-height: 1.2em;  
346 -}  
347 -  
348 -#content .recent-documents-block li a:hover{  
349 - color: #000;  
350 -}  
351 -  
352 -#content .recent-documents-block .block-title {  
353 - border-bottom: 1px solid #757575;  
354 - margin-bottom: 0;  
355 -}  
356 -  
357 -#content .link-list-block li a {  
358 - line-height: 17px;  
359 - padding: 6px 0px 8px 0px;  
360 -}  
361 -  
362 -#content .link-list-block h3.empty + ul {  
363 - border-top: 1px solid #ddd;  
364 -}  
365 -  
366 -/* Menus que nao tiverem titulo, nao tem padding left e right e nao mostra os icones caso seja inserido */  
367 -#content .link-list-block h3.empty + ul li a {  
368 - padding-left: 0px;  
369 - padding-right: 0px;  
370 - background-image: none;  
371 -}  
372 -  
373 -#content .link-list-block li {  
374 - border-bottom: 1px solid #ddd;  
375 - border-top: none;  
376 - padding: 0;  
377 - margin: 0;  
378 -  
379 -}  
380 -  
381 -#content .link-list-block li a {  
382 - background-color: #fff;  
383 - /*border-bottom: 1px solid #64946E !important;*/  
384 - border-radius: 0 0 0 0;  
385 - border-right: medium none;  
386 - border-top: 0px solid #64946E !important;  
387 - color: #2C66CE; /*#454545;*/  
388 - font-weight: normal;  
389 - width: auto;  
390 - font-size: 14px;  
391 - padding-left: 18px;  
392 - padding-right: 5px;  
393 - background-position: 0px 50%;  
394 -}  
395 -  
396 -#content .link-list-block li a.link-this-page,  
397 -#content .link-list-block li a.link-this-page:hover {  
398 - border-right: none;  
399 -}  
400 -  
401 -#content .box .link-list-block li a:hover {  
402 - background-color: #FFFFFF;  
403 - color: #000;  
404 -}  
405 -  
406 -#content .box .link-list-block li a.link-this-page {  
407 - background-color: #ffffff; /*#EEEFFF;*/  
408 - font-weight: bold;  
409 - width: auto;  
410 - margin-left: 0px;  
411 -}  
412 -  
413 -#site-title {  
414 -position: absolute;  
415 -left: 8px;  
416 -top: -160px;  
417 -height: 78px;  
418 -width: 480px;  
419 -display: none;  
420 -}  
421 -  
422 -#content {  
423 - left: -480px;  
424 - margin-left: 50%;  
425 - margin-top: 38px; /*30px;*/  
426 - position: relative;  
427 - width: 960px;  
428 -}  
429 -  
430 -  
431 -input.button.with-text {  
432 - background-position: 3px 50%;  
433 - font-size: 12px;  
434 - padding: 0 2px 2px 20px;  
435 - max-height: 28px;  
436 -}  
437 -  
438 -#content a.button.with-text,  
439 -#content a.button.with-text {  
440 - height: 28px;  
441 - max-height: 28px;  
442 -}  
443 -  
444 -#content input.button, #content a.button {  
445 - background-color: #EEEEEE;  
446 - background-repeat: no-repeat;  
447 - border: 0px solid #CCCCCC;  
448 - /*border-bottom: 1px solid #CCCCCC;*/  
449 - color: #555555;  
450 - line-height: 16px;  
451 - text-decoration: none;  
452 -}  
453 -  
454 -#content #article-actions input.button,  
455 -#content #article-actions a.button,  
456 -#content a.button,  
457 -#content input.button {  
458 - background-color: transparent;  
459 - border: 1px solid #CCCCCC;  
460 - vertical-align: middle;  
461 -}  
462 -  
463 -#content a.button.with-text {  
464 - line-height: 28px;  
465 - height: 30px;  
466 - max-height: 30px;  
467 -}  
468 -#content form input.button.submit {  
469 - height: 32px;  
470 - max-height: 32px;  
471 - margin-right: 5px;  
472 -}  
473 -  
474 -#content #article-actions input.button:hover,  
475 -#content #article-actions a.button:hover {  
476 - background-color: #ccc;  
477 - border: 1px solid #CCCCCC;  
478 - color: white;  
479 -}  
480 -  
481 -  
482 -#content a.button:hover {  
483 - border: 1px solid #CCCCCC;  
484 -}  
485 -  
486 -/*label dos radio buttons da busca*/  
487 -#content .search-field label {  
488 - display: inline-block;  
489 - font-size: 12px;  
490 - vertical-align: middle;  
491 - margin-left: 5px;  
492 -}  
493 -  
494 -#public-profile-search .formfield, #public-profile-search .submit {  
495 - margin-bottom: 5px;  
496 -}  
497 -  
498 -#content .profile ul{  
499 - margin-left: 1em;  
500 -}  
501 -  
502 -/*********************fim sobrescrevendo themes/base/style.css*********************************/  
503 -