Adjusts to mantain style on software catalog page and change color to obey pattern

Melissa Wen
1 parent 8d367ef9
Showing 1 changed file with 32 additions and 25 deletions Show diff stats
css/software-catalog-page.css
@@ -11,14 +11,16 @@
 }
 .action-search-software_infos #content .main-content h2{
-  color: #ff0066;
+  color: #FF0366;
   font-size: 16px;
   font-family: "open_sansregular",Arial, Helvetica,sans-serif;
+  font-weight: 300;
   text-transform: uppercase;
 }
 .action-search-software_infos #content .main-content h1{
   padding: 5px 0 10px 0;
+  border-bottom: 1px solid #D3D6DE;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 35px;
   font-variant: normal;
@@ -32,15 +34,17 @@
   padding: 0;
   background: #ecedf1;
   border-radius: 4px;
-  border: 1px solid #d7d7d7;
+  border: 1px solid #D3D6DE;
 }
 .action-search-software_infos #software-search-container .search-form h3{
   margin: 0;
   padding: 16px 0 10px 14px;
+  color: #2C4B6B;
   font-family:"open_sansregular", Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 15px;
+  text-transform: uppercase;
 }
 .action-search-software_infos #content .search-form .search-field .formfield {
@@ -53,42 +57,45 @@
   width: 96%;
   margin: 4px 0px 0px 13px;
   padding: 6px;
+  background: #FFF;
   border-radius: 4px;
-  border: 1px solid #d7d7d7;
+  border: 1px solid #D3D6DE;
   font-size: 14px;
 }
 .action-search-software_infos #content .search-form .search-field input.button{
   padding: 0px;
-  background-color: #2B65cd;
-  color: #ffffff; 
-  border: 1px solid #2B65cd;
+  background-color: #3E67B1;
+  color: #FFF; 
+  border: 1px solid #3E67B1;
   font-family: "open_sansbold",Arial,sans-serif;
   border-radius: 4px;
 }
-.controller-search #content .search-form .search-field input.button.submit {
+.action-search-software_infos #content .search-form .search-field input.button.submit {
   width: auto;
   height: 30px;
   max-height: 30px;
   margin: 14px;
   padding: 0 14px 0 14px;
-  background-color: #4562b1; 
+  background-color: #3E67B1; 
+  line-height: 14px;
   text-transform: uppercase;
 }
 /* Filter options */
 .action-search-software_infos #filter-catalog-software {
-  background-color: #d7d7d7;
+  background-color: #D3D6DE;
 }
 .action-search-software_infos #filter-option-catalog-software {
   padding: 14px;
-  background-color: #d7d7d7;
-  border:none; 
+  background-color: #D3D6DE;
+  border: none; 
   font-size: 11px;
+  text-align: right;
 }
 .action-search-software_infos #filter-option-catalog-software:hover {
@@ -97,10 +104,10 @@
 .action-search-software_infos #filter-option-catalog-software:after {
   content: "";
-  margin-left:5px;
+  margin-left: 5px;
   padding: 3px 10.5px;
-  background:url("../images/bottom-arrow.png") no-repeat center;
-  background-color:#4562b1;
+  background: url("../images/bottom-arrow.png") no-repeat center;
+  background-color: #3E67B1;
   border-radius: 4px;
 }
@@ -124,12 +131,12 @@
 }
 .action-search-software_infos #group-categories label {
-  font-family:Arial;
+  font-family: Arial;
   font-size: 14px;
 }
 .action-search-software_infos #group-categories label span {
-  font-family:Arial;
+  font-family: Arial;
   font-size: 14px;
 }
@@ -145,15 +152,15 @@
 .action-search-software_infos #filter-catalog-software .project-software span {  
   padding: 2px 6px;
-  background: #fff;
-  color: #3867b7;
+  background: #FFF;
+  color: #3E67B1;
   border-radius: 50%;
   font-size: 16px;
 }
 .action-search-software_infos button#cleanup-filter-catalg {
   cursor: pointer;
-  background-color: #4562b1;
+  background-color: #3E67B1;
   font-size: 14px;
   font-family:Arial;
 }
@@ -167,7 +174,7 @@
   margin-left: 5px;
   padding: 2.5px 10.5px;
   background: url("../images/top-arrow.png") no-repeat center;
-  background-color: #4562b1;
+  background-color: #3E67B1;
   border-radius: 4px;
 }
@@ -234,7 +241,7 @@
 }
 .action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{
-  color:#2C66CE;
+  color: #3E67B1;
 }
 .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
@@ -268,7 +275,7 @@
   padding-right: 20px;
   top: 0px;
   position: absolute;
-  color: #21376c;
+  color: #2C4B6B;
   font-size: 13px;
   font-family: Arial;
   text-align: left;
@@ -298,7 +305,7 @@
 }
 .action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a {
-  color: #172938;
+  color: #172738;
   font-size: 19px;
 }
@@ -324,12 +331,12 @@
   width: auto !important; /* force overwritting from base */
   margin-left: 7px !important; /* force overwritting from base */
   float: left;
-  color: #2B65cd;
+  color: #3E67B1;
   font-size: 13px;
   line-height: 18px;
   text-decoration: underline;
 }
 .action-search-software_infos #search-results .search-software-content-block #categories-list li a{
-  color: #2B65cd;
+  color: #3E67B1;
 }