diff --git a/images/bottom-arrow.png b/images/bottom-arrow.png new file mode 100644 index 0000000..eb49326 Binary files /dev/null and b/images/bottom-arrow.png differ diff --git a/images/top-arrow.png b/images/top-arrow.png new file mode 100644 index 0000000..d4e3f01 Binary files /dev/null and b/images/top-arrow.png differ diff --git a/page-catalog-software.css b/page-catalog-software.css index e48b7db..7fbddcf 100644 --- a/page-catalog-software.css +++ b/page-catalog-software.css @@ -7,7 +7,6 @@ #catalog-filter{ display: none; } - .action-search-software_infos h1, .action-search-software_infos h2, .action-search-software_infos h3, @@ -49,8 +48,6 @@ padding: 15px 0px 10px 15px; border-bottom:none !important; background-color:#eee; - /*padding-left: 0.8em !important;*/ - /*margin-left: 0px;*/ } .action-search-software_infos #main-content-wrapper-8 .search-form{ @@ -129,9 +126,7 @@ padding: 0 14px 0 14px; margin: 14px; text-transform: uppercase; - font-weight: bold; - /*border: 1px solid #4562b1;*/ - /*padding:0px;*/ + font-family:"open_sansbold",Arial,sans-serif; color:#ffffff; background-color:#4562b1; } @@ -141,8 +136,8 @@ color:#172738; font-size:20px; padding:5px; - } + .action-search-software_infos #content input.button{ background-color:#2B65cd; border: 1px solid #2B65cd; @@ -156,6 +151,10 @@ background-image:none !important; } +.action-search-software_infos #filter-option-catalog-software:hover { + background-color: #c7c7c7; +} + .action-search-software_infos #filter-option-catalog-software { border:none; font-size: 11px; @@ -163,6 +162,35 @@ background-color: #d7d7d7; } +.action-search-software_infos #filter-option-catalog-software:after { + margin-left:5px; + background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center; + background-color:#4562b1; + padding: 3px 10.5px; + border-radius: 4px; + content: ""; +} + +.action-search-software_infos #cleanup-filter-catalg { + background-color:#4562b1; + font-size: 14px; + font-family:Arial; + cursor:pointer; +} + +.action-search-software_infos #close-filter-catalog { + cursor:pointer; +} + +.action-search-software_infos #close-filter-catalog:after { + margin-left:5px; + background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center; + background-color:#4562b1; + padding: 2.5px 10.5px; + border-radius: 4px; + content: ""; +} + .action-search-software_infos #catalog-display-options { font-size:14px; font-family:Arial; @@ -174,38 +202,60 @@ .action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{ padding: 38px 0 5px 0; + font-weight:bold; +} + +.action-search-software_infos #filter-catalog-software { + background-color: #d7d7d7; +} + +.action-search-software_infos #filter-catalog-software #filter-categories-option { + border:none; +} + +.action-search-software_infos #filter-catalog-software #filter-categories-option h4 { + color: black !important; + margin: 5px 0 10px 5px; } .project-software{ font-weight:bold; + font-size:15px; + font-family:Arial; + margin: 0 0 30px; + border-top: 1px dotted; + border-bottom: 1px dotted; } -.controller-search #content form input.button.submit { - height: 30px; - max-height: 30px; - width: 104px; - margin-bottom: 22px; - margin-left: 32px; - text-transform: uppercase; - font-weight: bold; - /*border: 1px solid #4562b1;*/ - /*padding:0px;*/ - color:#ffffff; +.action-search-software_infos #group-categories label { + font-family:Arial; + font-size: 14px; +} +.action-search-software_infos #group-categories label span { + font-family:Arial; + font-size: 14px; } +.action-search-software_infos #group-categories br { + display:inline; +} -.project-software span::after{ - content:""; - +.project-software span{ + margin-left: 5px; + color:transparent; +} +.project-software span:before { + content:"?"; + border-radius: 50%; + font-size: 16px; + padding: 2px 6px; + background:#fff; + color: #3867b7; } .action-search-software_infos #search-results { border-top: 1px solid #d7d7d7; } -/* -.search-enterprise-item { - border-bottom: 1px solid #eee; -}*/ .controller-search .action-search-software_infos .search-field .formfield { width: 100%; @@ -216,7 +266,6 @@ .action-search-software_infos .only-one-result-box .search-enterprise-item { padding: 29px 0 31px 0 !important; background: #ffffff; - /*padding: 50px 0 !important;*/ } .action-search-software_infos .search-results-innerbox { @@ -237,26 +286,16 @@ float:left; } -/* -.common-profile-list-block .profile-image { - padding:0px 200px; -} -*/ - .action-search-software_infos .search-enterprise-item-column-left{ border-right: 1px dotted #ccc; width: 130px; height: 130px; - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/ - /*margin:none;*/ - /*position:absolute;*/ } .action-search-software_infos .search-enterprise-item-column-right{ width:60%; /*440px;*/ float:left; margin-left: 130px; - /*text-align: justify;*/ } #content .search-results-box .vcard { @@ -279,12 +318,7 @@ .action-search-software_infos .search-enterprise-item-column-left .vcard img { max-width: 90px; height: auto; - /*margin-left: 15px; - margin-right: 15px;*/ - /*max-height: 130px; /*90px;*/ - /*margin-left: 60%; /*30%;90px; - position: absolute; - float: left;*/ + margin-left:170px; } .action-search-software_infos .common-profile-list-block img{ @@ -307,18 +341,13 @@ text-align: left; position:absolute; top:0px; - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/ - + color: #21376c; } .action-search-software_infos .common-profile-list-block .extra_info::before{ content: url("images/ic-calendar.png"); - line-height: 20px; margin-right:10px; margin-top:6px; float: left; - /*padding-top: 10px;*/ - /* position: static; */ - /* overflow: auto; */ } .action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right { @@ -328,7 +357,6 @@ } .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block { - max-height:40px; } .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a { color:#172938 !important; @@ -341,33 +369,23 @@ .action-search-software_infos .search-enterprise-item-column-right span b:last-child { float: left; - margin-right: 10px; - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/ -} -/* Verificar a melhor maneira de fazer -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){ - display: none; } -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){ - display: none; -}*/ - .action-search-software_infos .search-community-content-block #categories-list{ - margin-top:51px; + margin-top:30px; margin-bottom: 10px; } .action-search-software_infos .search-community-content-block #categories-list li a{ color:#2B65cd; } + .action-search-software_infos .search-community-content-block #categories-list li{ text-decoration: underline; font-size: 13px; color:#2B65cd; - display:block !important; float:left; - line-height:21px; - margin-right: 10px !important; + line-height:18px; + margin-left: 7px !important; width: auto !important; } -- libgit2 0.21.2