Download as
Browse Code »

Commit dd51a12dee6af97c68f520eb646159a887cfc05b

Authored by Pedro de Lyra Pereira
1 parent 29fb1785
Exists in master and in 79 other branches add_sisp_to_chef, add_super_archives_plugin, api_for_colab, automates_core_packing, backup_not_prod, changes_in_buttons_on_content_panel, colab_automated_login, colab_spb_plugin_recipe, colab_widgets_settings, design_validation, dev_env_minimal, disable_email_dev, fix_breadcrumbs_position, fix_categories_software_link, fix_edit_institution, fix_edit_software_with_another_license, fix_get_license_info, fix_gitlab_assets_permission, fix_list_style_inside_article, fix_list_style_on_folder_elements, fix_members_pagination, fix_merge_request_url, fix_models_translations, fix_no_license, fix_software_api, fix_software_block_migration, fix_software_communities_translations, fix_software_communities_unit_test, fix_style_create_institution_admin_panel, fix_superarchives_imports, fix_sym_links_noosfero, focus_search_field_theme, gov-user-refactoring, gov-user-refactoring-rails4, header_fix, institution_modal_on_rating, kalibro-conf-refactoring, kalibro-processor-package, lxc_settings, margin_fix, mezuro_cookbook, prezento, refactor_download_block, refactor_software_communities, refactor_software_for_sisp, register_page, release-process, release-process-v2, remove-unused-images, remove_broken_theme, remove_secondary_email_from_user, remove_sisp_buttons, removing_super_archives_email, review_message, scope2method, signals_user_noosfero, sisp_catalog_header, sisp_colab_config, sisp_dev, sisp_dev_master, sisp_simple_version, software_as_organization, software_catalog_style_fix, software_communities_html_refactor, software_infos_api, spb_minimal_env, spb_to_rails4, spec_refactor, stable-4.1, stable-4.2, stable-4.x, temp_soft_comm_refactoring, theme_header, theme_javascript_refactory, thread_dropdown, thread_page, update_search_by_categories, update_software_api, update_softwares_boxes

Organizing content.css

Showing 5 changed files with 534 additions and 516 deletions   Show diff stats
@@ -6,9 +6,11 @@ @@ -6,9 +6,11 @@
6 } 6 }
7 7
8 .box-2 { 8 .box-2 {
9 - display: inline-block; 9 + display: inline-block;
10 vertical-align: top; 10 vertical-align: top;
  11 + width: 150px;
11 } 12 }
  13 +
12 .box-3{ 14 .box-3{
13 width: 190px; /*230px;*/ 15 width: 190px; /*230px;*/
14 } 16 }
@@ -18,25 +20,12 @@ @@ -18,25 +20,12 @@
18 .box-3 .block .block-inner-2 { 20 .box-3 .block .block-inner-2 {
19 /* padding: 0 0 1em;*/ 21 /* padding: 0 0 1em;*/
20 } 22 }
21 -  
22 -/*organizacao dos blocos especifico para a pagina inicial*/  
23 -/* Tamanho das colunas customizados na pagina inicial */  
24 -.action-home-index .box-3{  
25 - width: 230px;  
26 -}  
27 -  
28 -.action-home-index .box-1 {  
29 - /* display: inline-block;*/  
30 - width: 490px;  
31 - margin: 0 0 0 210px;  
32 -}  
33 -  
34 -/**********************fim pagina inicial************************/ 23 +/**********************************************************************/
35 /*oculta campo de busca perto do login apos remover o css do cabecalho*/ 24 /*oculta campo de busca perto do login apos remover o css do cabecalho*/
36 #user form { 25 #user form {
37 display: none; 26 display: none;
38 } 27 }
39 -/******************************/ 28 +/**********************************************************************/
40 29
41 /*label dos radio buttons da busca*/ 30 /*label dos radio buttons da busca*/
42 #content .search-field label { 31 #content .search-field label {
@@ -111,7 +100,7 @@ display: none; @@ -111,7 +100,7 @@ display: none;
111 } 100 }
112 101
113 /*fim paginação*/ 102 /*fim paginação*/
114 - 103 +/**********************************************************************/
115 104
116 /*botão ver todos*/ 105 /*botão ver todos*/
117 .more_button, 106 .more_button,
@@ -174,13 +163,9 @@ display: none; @@ -174,13 +163,9 @@ display: none;
174 } 163 }
175 164
176 /*fim botoes ver todos*/ 165 /*fim botoes ver todos*/
177 -  
178 -  
179 /*************fim - removidos do style.css*******************/ 166 /*************fim - removidos do style.css*******************/
180 167
181 -  
182 /*******removidos do cabecalho-cinza-theme.css****************/ 168 /*******removidos do cabecalho-cinza-theme.css****************/
183 -  
184 /***************** padrao dos titulos para os boxes *************/ 169 /***************** padrao dos titulos para os boxes *************/
185 #content .box .block-title { 170 #content .box .block-title {
186 font-size: 12px; 171 font-size: 12px;
@@ -252,28 +237,6 @@ display: none; @@ -252,28 +237,6 @@ display: none;
252 background: #08A649; 237 background: #08A649;
253 } 238 }
254 239
255 -/* Bloco de noticias sempre da mesma cor */  
256 -  
257 -#content .box .display-content-block .block-title {  
258 - border-top: 4px solid #643C67;  
259 - background: #eee;  
260 - color: #643C67;  
261 -}  
262 -  
263 -#content .box .block-outer .display-content-block .read-more {  
264 - border-top: 1px solid #643C67;  
265 - background: #eee;  
266 -}  
267 -  
268 -#content .box .block-outer .display-content-block .read-more a {  
269 - color: #000000;  
270 -}  
271 -  
272 -#content .box .block-outer .display-content-block .read-more a::after {  
273 - color: #FFFFFF;  
274 - background: #643C67;  
275 -}  
276 -  
277 /*****************fim padrao dos titulos dos blocos********************/ 240 /*****************fim padrao dos titulos dos blocos********************/
278 241
279 /*****************Registro de usuário*************************/ 242 /*****************Registro de usuário*************************/
@@ -305,135 +268,7 @@ display: none; @@ -305,135 +268,7 @@ display: none;
305 268
306 /**************Fim Registro de usuário*********************/ 269 /**************Fim Registro de usuário*********************/
307 270
308 -/********************* PopUp Login*************************/  
309 -  
310 -#TB_window {  
311 - left: -350px;  
312 - margin-left: 50% !important;  
313 - width: 700px !important;  
314 -}  
315 -  
316 -#TB_ajaxContent.TB_modal {  
317 - padding: 15px;  
318 - position: relative;  
319 - width: auto !important;  
320 - height: auto !important;  
321 -}  
322 -  
323 -#TB_window .login-box{  
324 - width: 100%;  
325 - background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;  
326 -}  
327 -  
328 -#TB_window .login-box h2{  
329 - background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;  
330 - color: #757575;  
331 - font-size: 20px;  
332 - font-style: italic;  
333 - font-weight: normal;  
334 - width: 45%;  
335 -}  
336 -  
337 -#TB_window .login-box form {  
338 - margin: 0;  
339 - width: 45%;  
340 - /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/  
341 -}  
342 -/*  
343 -#TB_window .login-box .formfieldline input {  
344 - width: 95%;  
345 -}  
346 -  
347 -#TB_window .login-box .button-bar input.icon-login {  
348 - background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;  
349 - border: 0px none;  
350 - font-family: arial,sans-serif;  
351 - font-size: 16px;  
352 - font-weight: bold;  
353 - height: 50px !important;  
354 - max-height: 50px !important;  
355 - padding: 0;  
356 - text-transform: uppercase;  
357 - width: 145px;  
358 - cursor: pointer;  
359 -}  
360 -  
361 -#TB_window .login-box .button-bar input.icon-login:hover {  
362 - background-image: url("images/btn_entrar_login_hover.png");  
363 -}  
364 -  
365 -#TB_window .login-box .button-bar a.icon-close {  
366 - /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/  
367 - /* background-color: #FCE9E8;  
368 - background-image: none;  
369 - border: 0 none;  
370 - border-radius: 5px 5px 5px 5px;  
371 - color: #CE5E5E;  
372 - font-size: 16px;  
373 - font-weight: bold;  
374 - height: 35px;  
375 - padding: 14px 13px 0;  
376 - text-align: center;  
377 - text-transform: uppercase;  
378 - width: 115px;  
379 -}  
380 -#TB_window .login-box .button-bar a.icon-close:hover {  
381 - background-color: #FFD1CF;  
382 -}  
383 -  
384 -#TB_window .login-box .button-bar input.submit,  
385 -#TB_window .login-box .button-bar a.icon-close {  
386 - border: 0px none;  
387 -}  
388 -  
389 -#TB_window .login-box .button-bar {  
390 - float: none;  
391 - margin-bottom: 1em;  
392 - margin-top: 1em;  
393 - width: 100%;  
394 -}  
395 -  
396 -#TB_window .login-box .button-bar .icon-add{  
397 - background-color: #F7E074;  
398 - background-image: none;  
399 - color: #004B82;  
400 - float: right;  
401 - font-size: 16px;  
402 - font-weight: bold;  
403 - margin-right: 75px;  
404 - padding: 10px;  
405 - position: relative;  
406 - text-align: center;  
407 - top: -3em;  
408 - width: 30%;  
409 -}  
410 -  
411 -#TB_window .login-box .button-bar .icon-add span{  
412 - border-bottom: 1px solid #F7E074;  
413 -}  
414 -  
415 -#TB_window .login-box .button-bar .icon-help{  
416 -  
417 -}  
418 -  
419 -#TB_window .login-box form .button-bar {  
420 - float: none;  
421 - width: 100%  
422 -}  
423 -  
424 -#email-check, #fake-check, #password-rate, #password-check {  
425 - width: 375px;  
426 -}  
427 -  
428 -#signup-form small#signup-balloon,  
429 -#signup-form small#password-balloon,  
430 -#signup-form small#password-confirmation-balloon,  
431 -#signup-form small#email-balloon,  
432 -#signup-form small#name-balloon {  
433 - right: 0;  
434 -}  
435 -  
436 -/***********************Fim PopUp Login**************************/ 271 +/****removi daqui o css popUp Login***********************/
437 272
438 /********************area de artigos******************************/ 273 /********************area de artigos******************************/
439 274
@@ -530,30 +365,7 @@ display: none; @@ -530,30 +365,7 @@ display: none;
530 background-image: none; 365 background-image: none;
531 padding: 0 1em 0 0; 366 padding: 0 1em 0 0;
532 } 367 }
533 -  
534 -/*tamanho da fonte dentro dos artigos*/  
535 -.article-body p{  
536 - font-size:15px;  
537 - line-height:21px;  
538 - font-family: Arial, Helvetica, sans-serif;  
539 -}  
540 -  
541 -/* Numeracao dentro de artigos */  
542 -.article-body ul {  
543 - list-style-position: inside;  
544 - list-style-type: disc;  
545 -}  
546 -  
547 -.article-body ol {  
548 - list-style-position: inside;  
549 - list-style-type: decimal;  
550 -}  
551 -  
552 -.article-body li {  
553 - list-style: inherit;  
554 -}  
555 -  
556 -/* fim tamanho da fonte dentro dos artigos*/ 368 +/***************removi artigos para pagina-artigos.css*****************/
557 /***********************fim da area de artigo***************************/ 369 /***********************fim da area de artigo***************************/
558 /*Container Block - Bloco de Blocos*/ 370 /*Container Block - Bloco de Blocos*/
559 371
@@ -598,317 +410,8 @@ display: none; @@ -598,317 +410,8 @@ display: none;
598 } 410 }
599 411
600 /******************Removi o bloco display content*******************/ 412 /******************Removi o bloco display content*******************/
  413 +/*******************Removi track list *****************************/
601 414
602 -/************************Track_list - fazer limpeza***********************************/  
603 -  
604 -/*lista de pendencias*/  
605 -.task_box {  
606 - background: none repeat scroll 0 0 #EEEEEE;  
607 - margin-bottom: 5px;  
608 - margin-top: 5px;  
609 - padding: 1em;  
610 - position: relative;  
611 -}  
612 -  
613 -/*fim lista de pendencias*/  
614 -  
615 -.tag_cloud a{  
616 - white-space: normal;  
617 -}  
618 -  
619 -  
620 -.community-track-plugin_track-card-list-block .track_list{  
621 - text-align: center;  
622 - padding: 0 0px;  
623 -}  
624 -  
625 -.track_list .item_card {  
626 - background-color: #FFFAFA;  
627 - border: 1px solid #DDDDDD;  
628 - display: inline-block;  
629 - float: left;  
630 - clear: right;  
631 - margin: 12px 9px 9px;  
632 - max-width: 214px;  
633 - height: 426px;  
634 - padding: 0;  
635 - width: 214px;  
636 -}  
637 -  
638 -  
639 -  
640 -.track_list .item_card a{  
641 - display: inline-block;  
642 -}  
643 -  
644 -.track_list .item_card:hover {  
645 - background-color: white;  
646 -}  
647 -  
648 -/*track list nos blocos laterais*/  
649 -.box-2{  
650 - width:150px;  
651 -}  
652 -  
653 -.box-2 .track_list .item_card,  
654 -.box-3 .track_list .item_card {  
655 - margin: 10px 0px;  
656 - /*width: 188px;*/  
657 - width: 100%;  
658 -}  
659 -  
660 -/**/  
661 -  
662 -  
663 -#content .track_list .item_card .track_content{  
664 - height: 390px;  
665 - overflow: hidden;  
666 -}  
667 -  
668 -#content .track_list .item_card .track_content .title{  
669 - color: white;  
670 - font-family: Arial,sans-serif;  
671 - font-size: 15px;  
672 - font-weight: bold;  
673 - min-height: 15px;  
674 - padding: 2px 0;  
675 - text-align: center;  
676 -  
677 - vertical-align: middle;  
678 - width: 219px;  
679 - display: table-cell;  
680 - height: 45px;  
681 -}  
682 -#content .track_list .item_card .track_content .image{  
683 - border: 1px solid #ddd;  
684 - width: 196px;  
685 - height: 146px;  
686 - overflow: hidden;  
687 - margin: 8px;  
688 - background-color: #FFF;  
689 - position: relative;  
690 -}  
691 -/*imagem nos track list nos blocos laterais*/  
692 -#content .box-2 .track_list .item_card .track_content .image,  
693 -#content .box-3 .track_list .item_card .track_content .image {  
694 - width: 170px;  
695 -}  
696 -  
697 -.track_list .image img {  
698 - position: absolute;  
699 - top: 0;  
700 - bottom: 0;  
701 - margin: auto;  
702 - left: 0;  
703 - right: 0;  
704 -}  
705 -  
706 -#content .track_list .item_card .track_content .name {  
707 - font-size: 12px;  
708 - font-weight: normal;  
709 - padding: 5px 0;  
710 - text-align: left;  
711 - margin: 0 8px;  
712 - color: #444;  
713 - text-transform: uppercase;  
714 -}  
715 -  
716 -  
717 -#content .track_list .item_card .track_content .lead {  
718 - font-weight: normal;  
719 - padding: 5px 0;  
720 - margin: 0 8px;  
721 - text-align: left;  
722 - color: black;  
723 - font-size: 12px;  
724 -}  
725 -  
726 -/**/  
727 -  
728 -/**/  
729 -  
730 -/*track list Internas*/  
731 -  
732 -.track_list .item {  
733 - border-bottom: 1px solid #DDDDDD;  
734 - display: inline-block;  
735 -}  
736 -  
737 -.track_list .item .track_content .lead {  
738 - float: left;  
739 - padding: 2em;  
740 - text-align: left;  
741 - width: 40%;  
742 -}  
743 -  
744 -/*track list - páginas internas - main content*/  
745 -  
746 -.track_list .track_content {  
747 - /*display: inline-block;*/  
748 - display: block;  
749 - height: 100%;  
750 -}  
751 -  
752 -.track_list .item .track_content{  
753 - /*display: block;*/  
754 -}  
755 -  
756 -  
757 -.track_list .item .track_content .lead {  
758 - width: 30%;  
759 -}  
760 -  
761 -.track_list .item .track_content .lead p.lead{  
762 - color: #444;  
763 -}  
764 -  
765 -#content .track_list .item .track_content .lead a {  
766 - font-weight: bold;  
767 - color: #444;  
768 -}  
769 -  
770 -/**/  
771 -/*rodapé das cartas de participação*/  
772 -.track_list .item_card .track_stats .comments .counter {  
773 - background: url("images/comentarios.png") no-repeat left center #fffafa;  
774 -}  
775 -.track_list .item_card .track_stats .hits .counter {  
776 - background: url("images/visualizacoes.png") no-repeat left center #fffafa;  
777 -}  
778 -  
779 -.track_list .item_card .track_stats {  
780 - padding: 5px 5px 0;  
781 - height: 25px;  
782 -}  
783 -.track_list .item_card .track_stats .counter {  
784 - margin-top: 1px;  
785 - padding: 3px 0 0 30px;  
786 - text-align: left;  
787 - font-size: 10pt;  
788 - /*display: block;*/  
789 - color: #444;  
790 -}  
791 -.track_list .item_card .track_stats .comments{  
792 - float: left;  
793 -}  
794 -.track_list .item_card .track_stats .hits{  
795 - float: right;  
796 -}  
797 -.track_list .item_card .track_stats .hits .label,  
798 -.track_list .item_card .track_stats .comments .label {  
799 - font-size: 7pt;  
800 - /*float: right;*/  
801 - color: #444;  
802 -}  
803 -.track_list .item_card .track_stats .comments .label {  
804 - display: none;  
805 - visibility: hidden;  
806 -}  
807 -  
808 -/**/  
809 -  
810 -  
811 -/*** step list ***/  
812 -  
813 -/*geral*/  
814 -  
815 -.track_list .item .step {  
816 - padding: 5px;  
817 -}  
818 -  
819 -.track_list .item .track_content .steps {  
820 - width: 60%;  
821 - font-weight: normal;  
822 -}  
823 -  
824 -.track_list .item .track_content .steps a:hover{  
825 - text-decoration: none;  
826 -}  
827 -  
828 -  
829 -.track_list .item .track_content .steps h3{  
830 - font-size: 13px !important;  
831 - text-transform: uppercase;  
832 - font-weight: normal;  
833 -}  
834 -  
835 -.track_list .item .track_content .steps .position,  
836 -#track .step_list .step .position {  
837 - border-radius: 50% 50% 50% 50%;  
838 - float: none;  
839 - font-size: 14px;  
840 - margin-right: 5px;  
841 - text-align: center;  
842 - font-weight: bold;  
843 -}  
844 -  
845 -#track .step_list .step {  
846 - background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/  
847 - display: inline-block;  
848 - width: 100%;  
849 -}  
850 -  
851 -  
852 -#track .step_list .step a {  
853 - background-color: transparent;/*transparente*/  
854 - color: #999;/*cinza escuro escuro*/  
855 -}  
856 -  
857 -.step a:link, #content .step a:link, dl.portlet .step a:link {  
858 - color: #999; /*cinza escuro*/  
859 - /*teste*/  
860 - display: inline-block;  
861 - max-width: 80%;  
862 - vertical-align: middle;  
863 -}  
864 -  
865 -#track .step_list .step .position {  
866 - background-color: #999;/*cinza escuro escuro*/  
867 - color: #fff;/*branco*/  
868 - display: inline-block;  
869 - font-size: 250%;  
870 - margin: 15px;  
871 - padding: 15px;  
872 - line-height: 15px;  
873 -}  
874 -  
875 -#track .step_list .step .content {  
876 - display: inline-block;  
877 - margin: 10px;  
878 - vertical-align: middle;  
879 - border-bottom: 0 none;  
880 - vertical-align: top;  
881 - max-width: 80%;  
882 - /*max-width: 600px;*/  
883 -}  
884 -  
885 -#track .step_list .step .content .date {  
886 - font-weight: normal;  
887 -}  
888 -  
889 -#track .step_list .step .content .name {}  
890 -  
891 -#track .step .name,  
892 -#track .step .name a {  
893 - color: #999;  
894 -}  
895 -  
896 -#track .step_list .step .content .lead {  
897 - font-weight: normal;  
898 - margin-left: 0px;  
899 - margin-right: 0px;  
900 - color: #666;  
901 -}  
902 -  
903 -#track .step_list .step .content .lead p{  
904 - margin-bottom: 0px;  
905 -}  
906 -  
907 -#track .step_list .step .content object,  
908 -#track .step_list .step .content .lead img{  
909 - max-width: 80%;  
910 -}  
911 -/*******************************************************************/  
912 /**** BUSCA ****/ 415 /**** BUSCA ****/
913 416
914 .search-results-header { 417 .search-results-header {
@@ -1175,9 +678,6 @@ ul.profile-list .common-profile-list-block { @@ -1175,9 +678,6 @@ ul.profile-list .common-profile-list-block {
1175 /* display: none;*/ 678 /* display: none;*/
1176 } 679 }
1177 680
1178 -  
1179 -  
1180 -  
1181 /*******Alinhamento da imagem de pessoas no bloco**********/ 681 /*******Alinhamento da imagem de pessoas no bloco**********/
1182 682
1183 .box-2 .common-profile-list-block .profile-image, 683 .box-2 .common-profile-list-block .profile-image,
@@ -118,6 +118,15 @@ @@ -118,6 +118,15 @@
118 } 118 }
119 /************************************************************/ 119 /************************************************************/
120 120
  121 +/* Bloco de noticias sempre da mesma cor - mesclado com o que havia na page-incial.css */
  122 +
  123 +#content .box .display-content-block .block-title {
  124 + border-top: 4px solid #643C67;
  125 + background: #eee;
  126 + color: #643C67;
  127 +}
  128 +/**************************************************************/
  129 +
121 130
122 /* chat {{{ */ 131 /* chat {{{ */
123 132
@@ -175,6 +184,138 @@ @@ -175,6 +184,138 @@
175 184
176 /********************************************************/ 185 /********************************************************/
177 186
  187 +/********************* PopUp Login*************************/
  188 +
  189 +#TB_window {
  190 + left: -350px;
  191 + margin-left: 50% !important;
  192 + width: 700px !important;
  193 +}
  194 +
  195 +#TB_ajaxContent.TB_modal {
  196 + padding: 15px;
  197 + position: relative;
  198 + width: auto !important;
  199 + height: auto !important;
  200 +}
  201 +
  202 +#TB_window .login-box{
  203 + width: 100%;
  204 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
  205 +}
  206 +
  207 +#TB_window .login-box h2{
  208 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  209 + color: #757575;
  210 + font-size: 20px;
  211 + font-style: italic;
  212 + font-weight: normal;
  213 + width: 45%;
  214 +}
  215 +
  216 +#TB_window .login-box form {
  217 + margin: 0;
  218 + width: 45%;
  219 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  220 +}
  221 +/*
  222 +#TB_window .login-box .formfieldline input {
  223 + width: 95%;
  224 +}
  225 +
  226 +#TB_window .login-box .button-bar input.icon-login {
  227 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  228 + border: 0px none;
  229 + font-family: arial,sans-serif;
  230 + font-size: 16px;
  231 + font-weight: bold;
  232 + height: 50px !important;
  233 + max-height: 50px !important;
  234 + padding: 0;
  235 + text-transform: uppercase;
  236 + width: 145px;
  237 + cursor: pointer;
  238 +}
  239 +
  240 +#TB_window .login-box .button-bar input.icon-login:hover {
  241 + background-image: url("images/btn_entrar_login_hover.png");
  242 +}
  243 +
  244 +#TB_window .login-box .button-bar a.icon-close {
  245 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  246 + /* background-color: #FCE9E8;
  247 + background-image: none;
  248 + border: 0 none;
  249 + border-radius: 5px 5px 5px 5px;
  250 + color: #CE5E5E;
  251 + font-size: 16px;
  252 + font-weight: bold;
  253 + height: 35px;
  254 + padding: 14px 13px 0;
  255 + text-align: center;
  256 + text-transform: uppercase;
  257 + width: 115px;
  258 +}
  259 +#TB_window .login-box .button-bar a.icon-close:hover {
  260 + background-color: #FFD1CF;
  261 +}
  262 +
  263 +#TB_window .login-box .button-bar input.submit,
  264 +#TB_window .login-box .button-bar a.icon-close {
  265 + border: 0px none;
  266 +}
  267 +
  268 +#TB_window .login-box .button-bar {
  269 + float: none;
  270 + margin-bottom: 1em;
  271 + margin-top: 1em;
  272 + width: 100%;
  273 +}
  274 +
  275 +#TB_window .login-box .button-bar .icon-add{
  276 + background-color: #F7E074;
  277 + background-image: none;
  278 + color: #004B82;
  279 + float: right;
  280 + font-size: 16px;
  281 + font-weight: bold;
  282 + margin-right: 75px;
  283 + padding: 10px;
  284 + position: relative;
  285 + text-align: center;
  286 + top: -3em;
  287 + width: 30%;
  288 +}
  289 +
  290 +#TB_window .login-box .button-bar .icon-add span{
  291 + border-bottom: 1px solid #F7E074;
  292 +}
  293 +
  294 +#TB_window .login-box .button-bar .icon-help{
  295 +
  296 +}
  297 +
  298 +#TB_window .login-box form .button-bar {
  299 + float: none;
  300 + width: 100%
  301 +}
  302 +
  303 +#email-check, #fake-check, #password-rate, #password-check {
  304 + width: 375px;
  305 +}
  306 +
  307 +#signup-form small#signup-balloon,
  308 +#signup-form small#password-balloon,
  309 +#signup-form small#password-confirmation-balloon,
  310 +#signup-form small#email-balloon,
  311 +#signup-form small#name-balloon {
  312 + right: 0;
  313 +}
  314 +
  315 +/***********************Fim PopUp Login**************************/
  316 +
  317 +
  318 +
178 /*****************************************************/ 319 /*****************************************************/
179 /* EMBED CSS */ 320 /* EMBED CSS */
180 /*****************************************************/ 321 /*****************************************************/
@@ -1032,7 +1173,316 @@ div.pairwise_group_list_container .arrow span.active { @@ -1032,7 +1173,316 @@ div.pairwise_group_list_container .arrow span.active {
1032 } 1173 }
1033 /*Fim Pairwise*/ 1174 /*Fim Pairwise*/
1034 1175
  1176 +/************************Track_list - fazer limpeza***********************************/
  1177 +
  1178 +/*lista de pendencias*/
  1179 +.task_box {
  1180 + background: none repeat scroll 0 0 #EEEEEE;
  1181 + margin-bottom: 5px;
  1182 + margin-top: 5px;
  1183 + padding: 1em;
  1184 + position: relative;
  1185 +}
  1186 +
  1187 +/*fim lista de pendencias*/
  1188 +
  1189 +.tag_cloud a{
  1190 + white-space: normal;
  1191 +}
  1192 +
  1193 +
  1194 +.community-track-plugin_track-card-list-block .track_list{
  1195 + text-align: center;
  1196 + padding: 0 0px;
  1197 +}
  1198 +
  1199 +.track_list .item_card {
  1200 + background-color: #FFFAFA;
  1201 + border: 1px solid #DDDDDD;
  1202 + display: inline-block;
  1203 + float: left;
  1204 + clear: right;
  1205 + margin: 12px 9px 9px;
  1206 + max-width: 214px;
  1207 + height: 426px;
  1208 + padding: 0;
  1209 + width: 214px;
  1210 +}
  1211 +
  1212 +
  1213 +
  1214 +.track_list .item_card a{
  1215 + display: inline-block;
  1216 +}
  1217 +
  1218 +.track_list .item_card:hover {
  1219 + background-color: white;
  1220 +}
  1221 +
  1222 +/*track list nos blocos laterais*/
  1223 +/*.box-2{
  1224 + width:150px;
  1225 +}*/
  1226 +
  1227 +.box-2 .track_list .item_card,
  1228 +.box-3 .track_list .item_card {
  1229 + margin: 10px 0px;
  1230 + /*width: 188px;*/
  1231 + width: 100%;
  1232 +}
  1233 +
  1234 +/**/
  1235 +
  1236 +
  1237 +#content .track_list .item_card .track_content{
  1238 + height: 390px;
  1239 + overflow: hidden;
  1240 +}
  1241 +
  1242 +#content .track_list .item_card .track_content .title{
  1243 + color: white;
  1244 + font-family: Arial,sans-serif;
  1245 + font-size: 15px;
  1246 + font-weight: bold;
  1247 + min-height: 15px;
  1248 + padding: 2px 0;
  1249 + text-align: center;
  1250 +
  1251 + vertical-align: middle;
  1252 + width: 219px;
  1253 + display: table-cell;
  1254 + height: 45px;
  1255 +}
  1256 +#content .track_list .item_card .track_content .image{
  1257 + border: 1px solid #ddd;
  1258 + width: 196px;
  1259 + height: 146px;
  1260 + overflow: hidden;
  1261 + margin: 8px;
  1262 + background-color: #FFF;
  1263 + position: relative;
  1264 +}
  1265 +/*imagem nos track list nos blocos laterais*/
  1266 +#content .box-2 .track_list .item_card .track_content .image,
  1267 +#content .box-3 .track_list .item_card .track_content .image {
  1268 + width: 170px;
  1269 +}
  1270 +
  1271 +.track_list .image img {
  1272 + position: absolute;
  1273 + top: 0;
  1274 + bottom: 0;
  1275 + margin: auto;
  1276 + left: 0;
  1277 + right: 0;
  1278 +}
  1279 +
  1280 +#content .track_list .item_card .track_content .name {
  1281 + font-size: 12px;
  1282 + font-weight: normal;
  1283 + padding: 5px 0;
  1284 + text-align: left;
  1285 + margin: 0 8px;
  1286 + color: #444;
  1287 + text-transform: uppercase;
  1288 +}
  1289 +
  1290 +
  1291 +#content .track_list .item_card .track_content .lead {
  1292 + font-weight: normal;
  1293 + padding: 5px 0;
  1294 + margin: 0 8px;
  1295 + text-align: left;
  1296 + color: black;
  1297 + font-size: 12px;
  1298 +}
1035 1299
  1300 +/**/
  1301 +
  1302 +/**/
  1303 +
  1304 +/*track list Internas*/
  1305 +
  1306 +.track_list .item {
  1307 + border-bottom: 1px solid #DDDDDD;
  1308 + display: inline-block;
  1309 +}
  1310 +
  1311 +.track_list .item .track_content .lead {
  1312 + float: left;
  1313 + padding: 2em;
  1314 + text-align: left;
  1315 + width: 40%;
  1316 +}
  1317 +
  1318 +/*track list - páginas internas - main content*/
  1319 +
  1320 +.track_list .track_content {
  1321 + /*display: inline-block;*/
  1322 + display: block;
  1323 + height: 100%;
  1324 +}
  1325 +
  1326 +.track_list .item .track_content{
  1327 + /*display: block;*/
  1328 +}
  1329 +
  1330 +
  1331 +.track_list .item .track_content .lead {
  1332 + width: 30%;
  1333 +}
  1334 +
  1335 +.track_list .item .track_content .lead p.lead{
  1336 + color: #444;
  1337 +}
  1338 +
  1339 +#content .track_list .item .track_content .lead a {
  1340 + font-weight: bold;
  1341 + color: #444;
  1342 +}
  1343 +
  1344 +/**/
  1345 +/*rodapé das cartas de participação*/
  1346 +.track_list .item_card .track_stats .comments .counter {
  1347 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  1348 +}
  1349 +.track_list .item_card .track_stats .hits .counter {
  1350 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  1351 +}
  1352 +
  1353 +.track_list .item_card .track_stats {
  1354 + padding: 5px 5px 0;
  1355 + height: 25px;
  1356 +}
  1357 +.track_list .item_card .track_stats .counter {
  1358 + margin-top: 1px;
  1359 + padding: 3px 0 0 30px;
  1360 + text-align: left;
  1361 + font-size: 10pt;
  1362 + /*display: block;*/
  1363 + color: #444;
  1364 +}
  1365 +.track_list .item_card .track_stats .comments{
  1366 + float: left;
  1367 +}
  1368 +.track_list .item_card .track_stats .hits{
  1369 + float: right;
  1370 +}
  1371 +.track_list .item_card .track_stats .hits .label,
  1372 +.track_list .item_card .track_stats .comments .label {
  1373 + font-size: 7pt;
  1374 + /*float: right;*/
  1375 + color: #444;
  1376 +}
  1377 +.track_list .item_card .track_stats .comments .label {
  1378 + display: none;
  1379 + visibility: hidden;
  1380 +}
  1381 +
  1382 +/**/
  1383 +
  1384 +
  1385 +/*** step list ***/
  1386 +
  1387 +/*geral*/
  1388 +
  1389 +.track_list .item .step {
  1390 + padding: 5px;
  1391 +}
  1392 +
  1393 +.track_list .item .track_content .steps {
  1394 + width: 60%;
  1395 + font-weight: normal;
  1396 +}
  1397 +
  1398 +.track_list .item .track_content .steps a:hover{
  1399 + text-decoration: none;
  1400 +}
  1401 +
  1402 +
  1403 +.track_list .item .track_content .steps h3{
  1404 + font-size: 13px !important;
  1405 + text-transform: uppercase;
  1406 + font-weight: normal;
  1407 +}
  1408 +
  1409 +.track_list .item .track_content .steps .position,
  1410 +#track .step_list .step .position {
  1411 + border-radius: 50% 50% 50% 50%;
  1412 + float: none;
  1413 + font-size: 14px;
  1414 + margin-right: 5px;
  1415 + text-align: center;
  1416 + font-weight: bold;
  1417 +}
  1418 +
  1419 +#track .step_list .step {
  1420 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1421 + display: inline-block;
  1422 + width: 100%;
  1423 +}
  1424 +
  1425 +
  1426 +#track .step_list .step a {
  1427 + background-color: transparent;/*transparente*/
  1428 + color: #999;/*cinza escuro escuro*/
  1429 +}
  1430 +
  1431 +.step a:link, #content .step a:link, dl.portlet .step a:link {
  1432 + color: #999; /*cinza escuro*/
  1433 + /*teste*/
  1434 + display: inline-block;
  1435 + max-width: 80%;
  1436 + vertical-align: middle;
  1437 +}
  1438 +
  1439 +#track .step_list .step .position {
  1440 + background-color: #999;/*cinza escuro escuro*/
  1441 + color: #fff;/*branco*/
  1442 + display: inline-block;
  1443 + font-size: 250%;
  1444 + margin: 15px;
  1445 + padding: 15px;
  1446 + line-height: 15px;
  1447 +}
  1448 +
  1449 +#track .step_list .step .content {
  1450 + display: inline-block;
  1451 + margin: 10px;
  1452 + vertical-align: middle;
  1453 + border-bottom: 0 none;
  1454 + vertical-align: top;
  1455 + max-width: 80%;
  1456 + /*max-width: 600px;*/
  1457 +}
  1458 +
  1459 +#track .step_list .step .content .date {
  1460 + font-weight: normal;
  1461 +}
  1462 +
  1463 +#track .step_list .step .content .name {}
  1464 +
  1465 +#track .step .name,
  1466 +#track .step .name a {
  1467 + color: #999;
  1468 +}
  1469 +
  1470 +#track .step_list .step .content .lead {
  1471 + font-weight: normal;
  1472 + margin-left: 0px;
  1473 + margin-right: 0px;
  1474 + color: #666;
  1475 +}
  1476 +
  1477 +#track .step_list .step .content .lead p{
  1478 + margin-bottom: 0px;
  1479 +}
  1480 +
  1481 +#track .step_list .step .content object,
  1482 +#track .step_list .step .content .lead img{
  1483 + max-width: 80%;
  1484 +}
  1485 +/*******************************************************************/
1036 1486
1037 1487
1038 /*********fim Removido do cabecalho cinza theme******************/ 1488 /*********fim Removido do cabecalho cinza theme******************/
page-inicial.css
  Diff comments   View file @dd51a12
  1 +/*organizacao dos blocos especifico para a pagina inicial*/
  2 +/*Tamanho das colunas customizados na pagina inicial */
  3 +.action-home-index .box-3{
  4 + width: 230px;
  5 +}
  6 +
  7 +.action-home-index .box-1 {
  8 + /* display: inline-block;*/
  9 + width: 490px;
  10 + margin: 0 0 0 210px;
  11 +}
  12 +/******fim colunas na pagina inicial*******/
  13 +
1 /*campo de busca pagina inicial*/ 14 /*campo de busca pagina inicial*/
2 15
3 #catalogo-software-search{ 16 #catalogo-software-search{
@@ -6,15 +19,15 @@ @@ -6,15 +19,15 @@
6 border-radius: 4px; 19 border-radius: 4px;
7 } 20 }
8 21
9 -#catalogo-software-search h1{ 22 +#content #catalogo-software-search h1{
10 color:#FFFFFF !important; 23 color:#FFFFFF !important;
11 border-bottom: none !important; 24 border-bottom: none !important;
12 text-align: left; 25 text-align: left;
13 - margin:5px; 26 + /*margin:5px;*/
14 font-family:"open_sansregular", Arial; 27 font-family:"open_sansregular", Arial;
15 font-weight: normal; 28 font-weight: normal;
16 font-size:22px; 29 font-size:22px;
17 - padding: 5px 0px 0px 0px; 30 + /*padding: 5px 0px 0px 0px;*/
18 } 31 }
19 32
20 #content #search-Gadget { 33 #content #search-Gadget {
@@ -108,7 +121,7 @@ @@ -108,7 +121,7 @@
108 font-size: 14px; 121 font-size: 14px;
109 } 122 }
110 123
111 -#sbp-information-softwares h2{ 124 +#content #sbp-information-softwares h2{
112 margin: 10px 0px 0px 0px; 125 margin: 10px 0px 0px 0px;
113 font-size:16px; 126 font-size:16px;
114 text-align:left; 127 text-align:left;
@@ -116,6 +129,8 @@ @@ -116,6 +129,8 @@
116 color:#454545; /*#464A55;*/ 129 color:#454545; /*#464A55;*/
117 padding:0px 0px 17px 15px; /*0px 0px 15px 20px;*/ 130 padding:0px 0px 17px 15px; /*0px 0px 15px 20px;*/
118 border-bottom:1px solid #c0c1c1; 131 border-bottom:1px solid #c0c1c1;
  132 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  133 + font-weight: normal;
119 } 134 }
120 135
121 #title-mais-software{ 136 #title-mais-software{
@@ -381,13 +396,27 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -381,13 +396,27 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
381 } 396 }
382 397
383 /* Bloco de notícias (Display contents) */ 398 /* Bloco de notícias (Display contents) */
384 - 399 +/* Bloco de noticias sempre da mesma cor */
385 #content .block.display-content-block .block-title { 400 #content .block.display-content-block .block-title {
386 border-top: 4px solid #643C67; 401 border-top: 4px solid #643C67;
387 background: #eee; 402 background: #eee;
388 color: #643C67; 403 color: #643C67;
389 } 404 }
390 405
  406 +#content .box .block-outer .display-content-block .read-more {
  407 + border-top: 1px solid #643C67;
  408 + background: #eee;
  409 +}
  410 +
  411 +#content .box .block-outer .display-content-block .read-more a {
  412 + color: #000000;
  413 +}
  414 +
  415 +#content .box .block-outer .display-content-block .read-more a::after {
  416 + color: #FFFFFF;
  417 + background: #643C67;
  418 +}
  419 +/*********************************************************************/
391 .block.display-content-block li { 420 .block.display-content-block li {
392 min-height: 150px; 421 min-height: 150px;
393 border-top: 1px solid #eee; 422 border-top: 1px solid #eee;
@@ -448,6 +477,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -448,6 +477,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
448 display: none; 477 display: none;
449 } 478 }
450 479
  480 +
451 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited { 481 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
452 color: #172738; 482 color: #172738;
453 } 483 }
pagina-artigos.css
  Diff comments   View file @dd51a12
  1 +/*tamanho da fonte dentro dos artigos*/
  2 +.article-body p{
  3 + font-size:15px;
  4 + line-height:21px;
  5 + font-family: Arial, Helvetica, sans-serif;
  6 +}
  7 +
  8 +/* Numeracao dentro de artigos */
  9 +.article-body ul {
  10 + list-style-position: inside;
  11 + list-style-type: disc;
  12 +}
  13 +
  14 +.article-body ol {
  15 + list-style-position: inside;
  16 + list-style-type: decimal;
  17 +}
  18 +
  19 +.article-body li {
  20 + list-style: inherit;
  21 +}
  22 +
  23 +/* fim tamanho da fonte dentro dos artigos*/
  24 +
  25 +
1 #article-hits { 26 #article-hits {
2 display:none !important; 27 display:none !important;
3 28
@@ -2,15 +2,28 @@ @@ -2,15 +2,28 @@
2 @import url(../../icons/tango/style.css); 2 @import url(../../icons/tango/style.css);
3 3
4 @import url(header.css); 4 @import url(header.css);
5 -/*@import url(cabecalho-cinza-theme.css);*/  
6 @import url(footer.css); 5 @import url(footer.css);
7 @import url(content.css); 6 @import url(content.css);
8 @import url(page-inicial.css); 7 @import url(page-inicial.css);
  8 +@import url(cadastro.css);
  9 +@import url(pagina-artigos.css);
  10 +@import url(pagina-comunidade.css);
  11 +@import url(pagina_software.css);
  12 +@import url(page-catalog-software.css);
  13 +@import url(recent-content.css);
  14 +@import url(token-input.css);
  15 +
  16 +/*@import url(redes_sociais.css);*/
  17 +/*@import url(dropline_menu.css);*/
  18 +/*@import url(contraste.css);*/
  19 +/*@import url(desuso.css);*/
  20 +/*@import url(agenda.css);*/
  21 +/*@import url(errors.css);*/
  22 +
9 23
10 24
11 @import url(font-awesome.min.css); 25 @import url(font-awesome.min.css);
12 /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/ 26 /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
13 -@import url(cadastro.css);  
14 27
15 28
16 @font-face { 29 @font-face {