Adding last css changes to software catalog page

Arthur Sturzbecher
1 parent be561ebe
Showing 3 changed files with 81 additions and 63 deletions Show diff stats
images/bottom-arrow.png
images/top-arrow.png
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;
 }