Merge branch 'restructuring_css' of portal.softwarepublico.gov.br:softwarepublic…

…o/noosfero-spb-theme into restructuring_css

Merge branch 'restructuring_css' of portal.softwarepublico.gov.br:softwarepublic…
…o/noosfero-spb-theme into restructuring_css
Tomáz Martins
2 parents 4750019a e7aa8b20
Showing 11 changed files with 496 additions and 130 deletions Show diff stats
css/administration-panel.css
css/article-page.css
css/community-pages.css
css/edition-pages.css
css/home-page.css
css/main-content.css
css/overwriting-base-theme.css
css/search-pages.css
css/software-catalog-page.css
css/software-pages.css
style.css
@@ -0,0 +1,135 @@
+/*** Admin Pages - General Rules ***/
+.action-admin_panel-index #content .main-block h2,
+.controller-features #content .main-block h2{
+  font-family: Arial;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 21px;
+}
+
+/*** Environment Settings ***/
+
+/* Profile tab */
+
+.action-admin_panel-site_info .main-content .ui-tabs{
+  border: none;
+}
+
+.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-nav{
+  margin: 0 0 0 1em;
+  padding: 0;
+  background: none;
+  color: #172738;
+  border: 0px solid #aaaaaa;
+  border-radius: 4px;
+  font-weight: bold;
+}
+
+.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-default, 
+.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-default{
+  background: #d5d5d5 none;
+  color: #555555;
+  font-weight: normal;
+}
+
+.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-active, 
+.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-active{
+  background: #eeeff1;
+  color: #212121;
+  font-weight: normal;
+}
+
+.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-panel{
+  display: block;
+  padding: 1em 1.4em;
+  background-color: #eeeff1;
+  color: #777;
+  border-width: 1px;
+  font-size: 13px;
+  text-decoration: none;
+}
+
+/*** Organizations Settings ***/
+
+.action-organizations-index .main-block form#manage-profiles, 
+.action-organizations-index .main-block form#manage-profiles form{
+  background-color: transparent;
+}
+
+.action-organizations-index .main-block form#manage-profiles .search-field{
+  margin-bottom: 30px;
+}
+
+.action-organizations-index .main-block form#manage-profiles .search-field .formfield {
+  width: 100%;
+  margin-right: 0.5em;
+  float: left;
+}
+
+.action-organizations-index .main-block form#manage-profiles .search-field .formfield input {
+  margin-top: 0px;
+  margin-right: 0.5em;
+  padding: 6px;
+  min-width: 97%;
+  height: 19px;
+  max-height: 19px;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.action-organizations-index .main-block form#manage-profiles input.button.submit{
+  height: 32px;
+  margin-top: 8px;
+  padding: 5px 15px;
+  background: #3E67B1 none;
+  color: #FFF;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  text-transform: uppercase;
+}
+
+.action-organizations-index .main-block form#manage-profiles input.button.submit:hover{
+  background: #5E82C6;
+}
+
+.action-organizations-index .main-block #environment-profiles-filter-title,
+.action-organizations-index .main-block #environment-profiles-filter-filter{
+  line-height: 35px;
+  font-size: 12px;
+}
+
+.action-organizations-index .main-block  table#organizations-list th{
+  text-align: left;
+  vertical-align: middle;
+  padding: 2px 8px;
+}
+
+/*** Features Settings ***/
+
+.controller-features #content form *{
+  font-size: 15px;
+}
+
+.controller-features #content th{
+  text-align: left;
+}
+
+.controller-features #content h3{
+  min-height: 0;
+  margin: 20px auto 10px auto;
+}
+
+.controller-features #content hr{
+  display: none;
+}
+
+.controller-features #content ul.token-input-list{
+  padding: 6px;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-family: Arial, helvetica;
+  font-size: 15px;
+}
@@ -28,6 +28,15 @@
   line-height: 21px;
 }
  
+#content #article-parent a.button.with-text{
+  background-color: #3E67B1;
+  color: #FFF;
+}
+
+#content #article-parent a.button.with-text:hover{
+  background-color: #5E82C6;
+}
+
 /* Need a dev solution - blog internal pages*/
  
 #article-header .preview{
@@ -76,27 +85,34 @@
 }
  
 #content .main-block .article-body #article-actions:last-child{
-  padding-top: 10px;
-  border-top: 4px solid #2C4B6B;
+  margin: 0;
+  padding: 10px 0;
+  border-top: 1px solid #D3D6DE;
 }
  
 /*** Categories ***/
  
+#content .main-block #article-cat{
+  border-top: 4px solid #2C4B6B;
+  border-bottom: 1px solid #D3D6DE;
+}
+
 #content .main-block #article-cat h4 {
   float: left;
-  margin: 13px 10px 10px 0;
+  margin: 12px 10px 10px 0;
   min-height: 0px;
+  color: #5E82C6;
   font-family: Arial;
-  font-size: 1.3em;
+  font-size: 12px;
   font-weight: 300;
   text-decoration: initial;
 }
  
 #content .main-block #article-cat a{
-  float: left;
+  display: inline-block;
   margin: 10px 10px 10px 0;
   padding: 3px 10px;
-  color: #3E67B1;
+  color: #5E82C6;
   background-color: #ECEDF1;
   border: 1px solid #D3D6DE;
   border-radius: 3px;
@@ -104,7 +120,29 @@
   text-decoration: initial;
 }
  
-/*** end of categories ***/
+/*** Tags ***/
+
+#content .main-block #article-tags{
+  width: 100%; 
+  color: #5E82C6;
+  border-bottom: 1px solid #D3D6DE;
+  font-family: Arial;
+  font-size: 12px;
+  font-weight: 300; 
+  text-align: left;
+}
+
+#content .main-block #article-tags a{
+  display: inline-block;
+  margin: 10px 10px 10px 0;
+  padding: 3px 10px;
+  color: #5E82C6;
+  background-color: #ECEDF1;
+  border: 1px solid #D3D6DE;
+  border-radius: 3px;
+  font-size: 12px;
+  text-decoration: initial;
+}
  
 /*** Site Map page ***/
  
@@ -58,7 +58,6 @@
 .action-profile-index #content .main-block h1 {
   color: #172738;
   border-bottom: none;
-  font-size: 2.3em;
   font-weight: bold;
   font-variant: normal;
   font-family: Arial, open_sansbold, Helvetica, sans-serif;
@@ -99,14 +98,15 @@
  
 .action-profile-index .main-block #public-profile-search form input.button.submit {
   height: 32px;
-  background: #2B51A8;
-  font-size: 14px;
   margin-top: 8px;
+  padding: 5px 15px;
   color: #ffffff;
-  text-transform: uppercase;
+  background: #2B51A8;
   border-radius: 4px;
   border: 1px solid #2B51A8;
-  padding: 5px 15px;
+  font-size: 14px;
+  line-height: 14px
+  text-transform: uppercase;
 }
  
 /* Profile tab */
@@ -2,7 +2,7 @@
  
 /*** Edit Blog and Articles ***/
  
-.controller-cms #content .main-block h1{
+.controller-cms #content .main-content h1{
   margin: 0 0 10px 0;
   padding: 0;
   color: #172738;
@@ -13,19 +13,19 @@
   font-variant: normal;
 }
  
-.controller-cms #content .main-block form{
+.controller-cms #content .main-content form{
   font-size: 14px;
   font-family: Arial;
 }
  
-.controller-cms #content .main-block form .required-field .pseudoformlabel,
-.controller-cms #content .main-block form .required-field label.formlabel:after {
+.controller-cms #content .main-content form .required-field .pseudoformlabel,
+.controller-cms #content .main-content form .required-field label.formlabel:after {
   color: #FF0366;
   font-size: 14px;
   font-weight: 500;
 }
  
-.controller-cms #content .main-block .formlabel {
+.controller-cms #content .main-content .formlabel{
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
@@ -34,7 +34,7 @@
   font-size: 14px;
 }
  
-.controller-cms #content .main-block .formfieldline .formfield code {
+.controller-cms #content .main-content .formfieldline .formfield code{
   display: block;
   width: auto;
   height: 30px;
@@ -45,21 +45,21 @@
   font-family: Arial, helvetica;
 }
  
-.controller-cms #content .main-block .formfieldline .formfield code * {
+.controller-cms #content .main-content .formfieldline .formfield code *{
   display: inline;
 }
  
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"] {
+.controller-cms #content .main-content .formfieldline .formfield input[type="text"]{
   padding: 6px;
   color: #585858;
-  background: none;
+  background: #FFF;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 15px;
   font-family: Arial, helvetica;
 }
  
-.controller-cms #content .main-block .formfieldline textarea{
+.controller-cms #content .main-content .formfieldline textarea{
   padding: 6px;
   color: #585858;
   background: none;
@@ -69,18 +69,18 @@
   font-size: 15px;
 }
  
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
-.controller-cms #content .main-block .formfieldline textarea:hover,
-.controller-cms #content .main-block .formfieldline textarea:focus{
+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:hover,
+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:focus,
+.controller-cms #content .main-content .formfieldline textarea:hover,
+.controller-cms #content .main-content .formfieldline textarea:focus{
   border: 1px solid #172738;
 }
  
-.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
+.controller-cms #content .main-content .formfieldline .type-file .type-file .formlabel{
   display: none;
 }
  
-.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
+.controller-cms #content .main-content .formfieldline .type-file .type-file .type-text .formlabel{
   display: block;
 }
  
@@ -102,30 +102,30 @@
   border: 1px solid #172738;
 }
  
-.controller-cms #content .formfield #fetch-external-feed {
+.controller-cms #content .formfield #fetch-external-feed{
   padding-left: 20px;
   border-radius: 4px;
 }
  
-.controller-cms #content .formfield #fetch-external-feed > input {
+.controller-cms #content .formfield #fetch-external-feed > input{
   height: 13px;
   margin: 8px 8px 8px 0px;
   vertical-align: middle;
   width: 13px;
 }
  
-.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input{
   margin-right: 3px;
   width: 13px;
   vertical-align: middle;
 }
  
-.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label{
   margin-right: 250px;
 }
  
 .controller-cms #content .main-content form label.formlabel,
-.controller-cms #content .main-content form .article-translation-field {
+.controller-cms #content .main-content form .article-translation-field{
   font-size: 14px;
   margin-bottom: 5px;
   color: #231f20;
@@ -136,74 +136,76 @@
   margin-bottom: 15px;
 }
  
-.controller-cms #content .main-block form .button-bar input{
-  min-width: 100px;
+.controller-cms #content .main-content form .button-bar input{
+  height: 30px;
+  padding: 2px 15px;
   margin-right: 10px;
-  padding: 2px 5px;
   color: #FFF;
-  background: #2C66CE;
+  background: #3E67B1;
   font-size: 15px;
-  border: none;
 }
  
-.controller-cms #content .main-block form .button-bar input:hover {
+.controller-cms #content .main-content form .button-bar input:hover{
   background: #5E82C6;
   border: none;
 }
  
-.controller-cms #content .main-block form .button-bar a.button{
-  height: 29px;
-  min-width: 100px;
-  padding: 1px 0 0 0;
-  color: #2C66CE;
+.controller-cms #content .main-content form .button-bar input.button.with-text{
+  height: 36px;
+}
+
+.controller-cms #content .main-content form .button-bar a.button{
+  height: 30px;
+  padding: 2px 15px;
+  color: #3E67B1;
   background: #FFF;
-  border: 1px solid #2C66CE;
+  border: 1px solid #3E67B1;
   font-size: 14px;
   text-align: center;
 }
  
-.controller-cms #content .main-block form .button-bar a.button:hover{
+.controller-cms #content .main-content form .button-bar a.button:hover{
   background: none;
-  color: #5E82C6;
-  border-color: #5E82C6;
+  color: #3E67B1;
+  border-color: #3E67B1;
 }
  
-.controller-cms #content .main-block form .box-title{
+.controller-cms #content .main-content form .box-title{
   font-size: 15px;
   font-family: Arial, helvetica;
 }
  
-.controller-cms #content .main-block #category-ajax-selector{
+.controller-cms #content .main-content #category-ajax-selector{
   border-style: dotted;
 }
  
-.controller-cms #content .main-block #category-ajax-selector label{
+.controller-cms #content .main-content #category-ajax-selector label{
   font-size: 14px;
 }
  
-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link{
   background: #FFF;
   border: 1px solid #2C66CE;
   color: #2C66CE;
   padding: 3px;
 }
  
-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link:hover{
   background: #2C66CE;
   color: #FFF;
 }
  
-.controller-cms #content .main-block .inputosaurus-required{
+.controller-cms #content .main-content .inputosaurus-required{
   background: none;
   border: 1px solid #ccc;
 }
  
-.controller-cms #content .main-block .inputosaurus-required:hover,
-.controller-cms #content .main-block .inputosaurus-required:focus{
+.controller-cms #content .main-content .inputosaurus-required:hover,
+.controller-cms #content .main-content .inputosaurus-required:focus{
   border: 1px solid #172738;
 }
  
-.controller-cms #content .main-block .inputosaurus-required input:hover{
+.controller-cms #content .main-content .inputosaurus-required input:hover{
   background: none;
 }
  
@@ -217,6 +219,33 @@
   margin-bottom: 13px;
 }
  
+/*** Article's edition page ***/
+
+#content .text-editor-sidebar .header{
+  padding: 13px 10px;
+  color: #172738;
+  background: #D3D6DE;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 300;
+  font-family: Arial;
+}
+
+#content .text-editor-sidebar .header a.button.icon-vertical-toggle{
+  padding: 0 15px;
+  background: #3E67B1;
+  color: #FFF;
+  font-size: 14px;
+  font-weight: 300;
+  font-family: Arial;
+}
  
-/*** Edit Organizations ***/
+#content .text-editor-sidebar .header a.button.icon-vertical-toggle:hover{
+  background: #5E82C6;
+}
  
+#content .text-editor-sidebar-box{
+  background: #ECEDF1;
+  border-radius: 4px;
+  border: 1px solid #D3D6DE;
+}
@@ -12,6 +12,10 @@
  
 /*** Box's patterns ***/
  
+.action-home-index .block-outer{
+   margin-bottom: 45px;
+}
+
 /* Read More pattern */
  
 .action-home-index #content .box .block-outer .read-more {
@@ -52,9 +56,9 @@
 /*** Software catalog search block **/
  
 .action-home-index #content #catalogo-software-search {
-  border-radius: 4px;
   width: 100%;
   background-color: #1A397D;
+  border-radius: 4px;
 }
  
 .action-home-index #content #catalogo-software-search h1 {
 /*** Box ***/
 .box-1 .block,
 .no-boxes .block {
-    margin-top: 50px;
+  margin-top: 50px;
 }
  
-.block-outer {
-    margin-bottom: 45px;
-    clear: both;
+.box-2 .block-outer,
+.box-3 .block-outer{
+  margin-bottom: 45px;
+  clear: both;
 }
  
 /*** Block Title ***/
@@ -41,13 +42,13 @@
 #content .pagination a,
 #content .pagination em,
 #content .pagination span{
-  padding: 7px 11px 7px 11px;
+  padding: 5px 9px;
   margin-right: 4px;
   color: #172738;
   border: 1px solid #D3D6DE;
   border-radius: 4px;
   letter-spacing: 0.6px;
-  font-size: 15px;
+  font-size: 12px;
   font-weight: 700;
   text-decoration: none;
   display: inline-table;
@@ -59,13 +60,11 @@
 }
  
 #content .pagination .previous_page{
-  padding: 7px 11px 10px 11px;
   float: left;
 }
  
 #content .pagination .next_page{
   float: right;
-  padding: 7px 11px 10px 11px;
 }
  
 #content .pagination .previous_page,
@@ -80,5 +79,39 @@
   opacity: 0.5;
 }
  
+/*** Button ***/
+
+#content a.button.with-text,
+#content #article-actions a.button.with-text{
+  height: 32px;
+  padding: 5px 15px;
+  background: #FFF none;
+  color: #3E67B1;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 32px;
+  text-transform: uppercase;
+}
+
+#content form input.button.with-text{
+  height: 42px;
+  max-height: 42px;
+  padding: 5px 15px;
+  background: #FFF none;
+  color: #3E67B1;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 32px;
+  text-transform: uppercase;
+}
+
+#content a.button:hover,
+#content #article-actions a.button.with-text:hover,
+#content input.button.with-text:hover{
+  background: #3E67B1 none;
+  color: #FFF;
+}
  
  
@@ -54,21 +54,22 @@
 #content .main-block h2,
 #content .main-block h3,
 #content .main-block h4 {
-  font-family:  'Open Sans', Arial, Helvetica, sans-serif;
+  font-family:  Arial, Helvetica, sans-serif;
 }
  
 #content .main-block h1,
 #not-found h1,
 #access-denied h1,
 #content .no-boxes h1 {
-  color: #444;
-  font-size: 1.7em;
-  padding: 7px 0;
-  margin-left: 0;
-  padding-left: 0.3em;
-  border-bottom: 1px solid #CCCCCC;
-  border-top: 0px solid #172838;
+  margin: 20px 0 10px 0;
+  padding: 0;
+  color: #172738;
+  border-bottom: none;
+  font-family: Arial;
+  font-size: 34px;
   font-weight: bold;
+  font-variant: normal;
+  line-height: 37px;
 }
  
 #content .title {
@@ -77,8 +78,8 @@
 }
  
 #content .main-block h3 {
-  font-size: 1.5em;
-  min-height: 48px;
+  font-size:18px;
+  line-height: 21px;
 }
  
 /****************************************/
@@ -0,0 +1,115 @@
+/*** Search Community ***/
+
+.action-search-index #content form #search-header,
+.action-search-people #content form #search-header,
+.action-search-communities #content form #search-header{
+  margin-top: 5px;
+  float: right;
+  border: none;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select,
+.action-search-communities #content form #search-header #search-filters .sod_select{
+  color: #3E67B1;
+  border: 1px solid #3E67B1;
+  border-radius: 4px;
+  font-family: Arial;
+  font-variant: normal;
+  font-weight: 300;
+  box-shadow: none;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
+  margin: -2px 0 0 -1px;
+  color: #3E67B1;
+  border: 1px solid #3E67B1;
+  border-top: none;
+  border-radius: 0px 0px 4px 4px;
+  font-family: Arial;
+  font-variant: normal;
+  font-weight: 300;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
+  border-radius: 0px 0px 4px 4px;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
+  padding-right: 21px;
+}
+
+.action-search-people #content form #search-subheader .sod_select,
+.action-search-communities #content form #search-subheader .sod_select{
+  line-height: 15px;
+}
+
+.action-search-index #content form .search-field,
+.action-search-people #content form .search-field,
+.action-search-communities #content form .search-field{
+  margin-bottom: 30px;
+}
+
+.action-search-index #content form .search-field .formfield,
+.action-search-people #content form .search-field .formfield,
+.action-search-communities #content form .search-field .formfield{
+  float: left;
+  width: 99%;
+}
+.action-search-index #content form .search-field .formfield input,
+.action-search-people #content form .search-field .formfield input,
+.action-search-communities #content form .search-field .formfield input{
+  margin-top: 0px;
+  padding: 6px;
+  height: 19px;
+  max-height: 19px;
+  max-width: 98%;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.action-search-index #content form input.button.submit,
+.action-search-people #content form input.button.submit,
+.action-search-communities #content form input.button.submit{
+  height: 32px;
+  margin-top: 8px;
+  padding: 5px 15px;
+  background: #3E67B1 none;
+  color: #FFF;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 14px;
+  text-transform: uppercase;
+}
+
+.action-search-index #content form input.button.submit:hover,
+.action-search-people #content form input.button.submit:hover,
+.action-search-communities #content form input.button.submit:hover{
+  background: #5E82C6;
+}
+
+.action-search-people #search-results .search-results-type-people,
+.action-search-communities #search-results .search-results-type-community{
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+}
+
+.action-search-index #search-results h3{
+  margin: 20px 0 10px 0;
+  color: #172738;
+  font-size:18px;
+  line-height: 21px;
+  font-family: Arial;
+  font-weight: 700;
+  font-variant: normal;
+}
+
+.action-search-index #search-results .search-results-innerbox{
+  background: none;
+  border: 1px solid #ccc;
+}
@@ -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;
 }
@@ -181,34 +181,34 @@
 /*** Categories and Tags block ***/
  
 #content .box-1  .categories-and-tags-block {
-  border-top: 4px solid #4562b1; 
+  border-top: 4px solid #2C4B6B; 
 }
  
 #content .box-1 .categories-and-tags-block .block-title {
-  margin-top: 14px;
-  background: none;
-  font-size: 11px;
+  margin: 13px 10px 10px 0;
+  padding: 3px 0px;
   float: left;
-}
-
-#content .box-1 .categories-and-tags-block .block-title:last-child {
-  border-top: 1px solid #8b949b;
-  border-bottom: 1px solid #8b949b;
+  background: none;
+  color: #5E82C6;
+  font-family: Arial;
+  font-size: 12px;
+  font-weight: 300;
 }
  
 #content .box-1 .categories-and-tags-block .category_cloud {
-  margin: 12px auto 10px 0px;
+  margin: 13px 10px 10px 0px;
   float: left;
 }
  
 #content .box-1 .categories-and-tags-block .category_cloud a {
-  margin: 10px 3px;
-  padding: 3px 6px;
-  border: 1px solid #e9e8ed;
-  border-radius: 8px;
-  line-height: 28px;
-  background-color: #e9e8ed;
-  font-size: 11px;
+  padding: 3px 10px;
+  margin: 0;
+  float: left;
+  color: #3E67B1;
+  background-color: #ECEDF1;
+  border: 1px solid #D3D6DE;
+  border-radius: 3px;
+  font-size: 12px;
 }
  
 #content .box-1 .categories-and-tags-block .category_cloud a:hover {
+/*** Noosfero Base Theme ***/
 @import url(../profile-base/style.css);
 @import url(../../icons/tango/style.css);
  
+/*** SPB Theme section styles ***/
 @import url(css/overwriting-base-theme.css);
 @import url(css/header.css);
 @import url(css/footer.css);
 @import url(css/left-bar.css);
 @import url(css/home-page.css);
-@import url(css/software-pages.css);
-@import url(css/software-catalog-page.css);
 @import url(css/main-content.css);
+@import url(css/edition-pages.css);
+@import url(css/administration-panel.css);
 @import url(css/article-page.css);
-@import url(css/news-page.css);
+@import url(css/software-pages.css);
 @import url(css/community-pages.css);
-@import url(css/edition-pages.css);
+@import url(css/news-page.css);
+@import url(css/search-pages.css);
+@import url(css/software-catalog-page.css);
 /*
 @import url(css/use-report.css);
 @import url(css/tooltips.css);
@@ -93,19 +97,19 @@ body {
 }
  
 * :link,:visited {
-    text-decoration:none;
+    text-decoration: none;
 }
  
 * ul,ol {
-    list-style:none;
+    list-style: none;
 }
  
 * h1,h2,h3,h4,h5,h6 {
-    color:inherit;
-    font-family: arial;
+    color: inherit;
+    font-family: Arial;
     font-weight: 700;
-    margin-top:20px;
-    margin-bottom:10px;
+    margin-top: 20px;
+    margin-bottom: 10px;
 }
  
 * h1{
@@ -130,7 +134,7 @@ body {
  
 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
   margin-top: 20px;
-  margin-bottom:10px
+  margin-bottom: 10px;
   color: inherit;
   font-family: Arial;
   font-weight: 700;
...	...	@@ -0,0 +1,135 @@
	1	+/* Admin Pages - General Rules */
	2	+.action-admin_panel-index #content .main-block h2,
	3	+.controller-features #content .main-block h2{
	4	+ font-family: Arial;
	5	+ font-size: 22px;
	6	+ font-weight: 700;
	7	+ line-height: 21px;
	8	+}
	9	+
	10	+/* Environment Settings */
	11	+
	12	+/* Profile tab */
	13	+
	14	+.action-admin_panel-site_info .main-content .ui-tabs{
	15	+ border: none;
	16	+}
	17	+
	18	+.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-nav{
	19	+ margin: 0 0 0 1em;
	20	+ padding: 0;
	21	+ background: none;
	22	+ color: #172738;
	23	+ border: 0px solid #aaaaaa;
	24	+ border-radius: 4px;
	25	+ font-weight: bold;
	26	+}
	27	+
	28	+.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-default,
	29	+.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-default{
	30	+ background: #d5d5d5 none;
	31	+ color: #555555;
	32	+ font-weight: normal;
	33	+}
	34	+
	35	+.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-active,
	36	+.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-active{
	37	+ background: #eeeff1;
	38	+ color: #212121;
	39	+ font-weight: normal;
	40	+}
	41	+
	42	+.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-panel{
	43	+ display: block;
	44	+ padding: 1em 1.4em;
	45	+ background-color: #eeeff1;
	46	+ color: #777;
	47	+ border-width: 1px;
	48	+ font-size: 13px;
	49	+ text-decoration: none;
	50	+}
	51	+
	52	+/* Organizations Settings */
	53	+
	54	+.action-organizations-index .main-block form#manage-profiles,
	55	+.action-organizations-index .main-block form#manage-profiles form{
	56	+ background-color: transparent;
	57	+}
	58	+
	59	+.action-organizations-index .main-block form#manage-profiles .search-field{
	60	+ margin-bottom: 30px;
	61	+}
	62	+
	63	+.action-organizations-index .main-block form#manage-profiles .search-field .formfield {
	64	+ width: 100%;
	65	+ margin-right: 0.5em;
	66	+ float: left;
	67	+}
	68	+
	69	+.action-organizations-index .main-block form#manage-profiles .search-field .formfield input {
	70	+ margin-top: 0px;
	71	+ margin-right: 0.5em;
	72	+ padding: 6px;
	73	+ min-width: 97%;
	74	+ height: 19px;
	75	+ max-height: 19px;
	76	+ background: none;
	77	+ border: 1px solid #ccc;
	78	+ border-radius: 4px;
	79	+}
	80	+
	81	+.action-organizations-index .main-block form#manage-profiles input.button.submit{
	82	+ height: 32px;
	83	+ margin-top: 8px;
	84	+ padding: 5px 15px;
	85	+ background: #3E67B1 none;
	86	+ color: #FFF;
	87	+ border-radius: 4px;
	88	+ border: 1px solid #3E67B1;
	89	+ font-size: 14px;
	90	+ text-transform: uppercase;
	91	+}
	92	+
	93	+.action-organizations-index .main-block form#manage-profiles input.button.submit:hover{
	94	+ background: #5E82C6;
	95	+}
	96	+
	97	+.action-organizations-index .main-block #environment-profiles-filter-title,
	98	+.action-organizations-index .main-block #environment-profiles-filter-filter{
	99	+ line-height: 35px;
	100	+ font-size: 12px;
	101	+}
	102	+
	103	+.action-organizations-index .main-block table#organizations-list th{
	104	+ text-align: left;
	105	+ vertical-align: middle;
	106	+ padding: 2px 8px;
	107	+}
	108	+
	109	+/* Features Settings */
	110	+
	111	+.controller-features #content form *{
	112	+ font-size: 15px;
	113	+}
	114	+
	115	+.controller-features #content th{
	116	+ text-align: left;
	117	+}
	118	+
	119	+.controller-features #content h3{
	120	+ min-height: 0;
	121	+ margin: 20px auto 10px auto;
	122	+}
	123	+
	124	+.controller-features #content hr{
	125	+ display: none;
	126	+}
	127	+
	128	+.controller-features #content ul.token-input-list{
	129	+ padding: 6px;
	130	+ background: none;
	131	+ border: 1px solid #ccc;
	132	+ border-radius: 4px;
	133	+ font-family: Arial, helvetica;
	134	+ font-size: 15px;
	135	+}
...	...
...	...	@@ -28,6 +28,15 @@
28	28	line-height: 21px;
29	29	}
30	30
	31	+#content #article-parent a.button.with-text{
	32	+ background-color: #3E67B1;
	33	+ color: #FFF;
	34	+}
	35	+
	36	+#content #article-parent a.button.with-text:hover{
	37	+ background-color: #5E82C6;
	38	+}
	39	+
31	40	/* Need a dev solution - blog internal pages*/
32	41
33	42	#article-header .preview{
...	...	@@ -76,27 +85,34 @@
76	85	}
77	86
78	87	#content .main-block .article-body #article-actions:last-child{
79		- padding-top: 10px;
80		- border-top: 4px solid #2C4B6B;
	88	+ margin: 0;
	89	+ padding: 10px 0;
	90	+ border-top: 1px solid #D3D6DE;
81	91	}
82	92
83	93	/* Categories */
84	94
	95	+#content .main-block #article-cat{
	96	+ border-top: 4px solid #2C4B6B;
	97	+ border-bottom: 1px solid #D3D6DE;
	98	+}
	99	+
85	100	#content .main-block #article-cat h4 {
86	101	float: left;
87		- margin: 13px 10px 10px 0;
	102	+ margin: 12px 10px 10px 0;
88	103	min-height: 0px;
	104	+ color: #5E82C6;
89	105	font-family: Arial;
90		- font-size: 1.3em;
	106	+ font-size: 12px;
91	107	font-weight: 300;
92	108	text-decoration: initial;
93	109	}
94	110
95	111	#content .main-block #article-cat a{
96		- float: left;
	112	+ display: inline-block;
97	113	margin: 10px 10px 10px 0;
98	114	padding: 3px 10px;
99		- color: #3E67B1;
	115	+ color: #5E82C6;
100	116	background-color: #ECEDF1;
101	117	border: 1px solid #D3D6DE;
102	118	border-radius: 3px;
...	...	@@ -104,7 +120,29 @@
104	120	text-decoration: initial;
105	121	}
106	122
107		-/* end of categories */
	123	+/* Tags */
	124	+
	125	+#content .main-block #article-tags{
	126	+ width: 100%;
	127	+ color: #5E82C6;
	128	+ border-bottom: 1px solid #D3D6DE;
	129	+ font-family: Arial;
	130	+ font-size: 12px;
	131	+ font-weight: 300;
	132	+ text-align: left;
	133	+}
	134	+
	135	+#content .main-block #article-tags a{
	136	+ display: inline-block;
	137	+ margin: 10px 10px 10px 0;
	138	+ padding: 3px 10px;
	139	+ color: #5E82C6;
	140	+ background-color: #ECEDF1;
	141	+ border: 1px solid #D3D6DE;
	142	+ border-radius: 3px;
	143	+ font-size: 12px;
	144	+ text-decoration: initial;
	145	+}
108	146
109	147	/* Site Map page */
110	148
...	...
...	...	@@ -58,7 +58,6 @@
58	58	.action-profile-index #content .main-block h1 {
59	59	color: #172738;
60	60	border-bottom: none;
61		- font-size: 2.3em;
62	61	font-weight: bold;
63	62	font-variant: normal;
64	63	font-family: Arial, open_sansbold, Helvetica, sans-serif;
...	...	@@ -99,14 +98,15 @@
99	98
100	99	.action-profile-index .main-block #public-profile-search form input.button.submit {
101	100	height: 32px;
102		- background: #2B51A8;
103		- font-size: 14px;
104	101	margin-top: 8px;
	102	+ padding: 5px 15px;
105	103	color: #ffffff;
106		- text-transform: uppercase;
	104	+ background: #2B51A8;
107	105	border-radius: 4px;
108	106	border: 1px solid #2B51A8;
109		- padding: 5px 15px;
	107	+ font-size: 14px;
	108	+ line-height: 14px
	109	+ text-transform: uppercase;
110	110	}
111	111
112	112	/* Profile tab */
...	...
...	...	@@ -2,7 +2,7 @@
2	2
3	3	/* Edit Blog and Articles */
4	4
5		-.controller-cms #content .main-block h1{
	5	+.controller-cms #content .main-content h1{
6	6	margin: 0 0 10px 0;
7	7	padding: 0;
8	8	color: #172738;
...	...	@@ -13,19 +13,19 @@
13	13	font-variant: normal;
14	14	}
15	15
16		-.controller-cms #content .main-block form{
	16	+.controller-cms #content .main-content form{
17	17	font-size: 14px;
18	18	font-family: Arial;
19	19	}
20	20
21		-.controller-cms #content .main-block form .required-field .pseudoformlabel,
22		-.controller-cms #content .main-block form .required-field label.formlabel:after {
	21	+.controller-cms #content .main-content form .required-field .pseudoformlabel,
	22	+.controller-cms #content .main-content form .required-field label.formlabel:after {
23	23	color: #FF0366;
24	24	font-size: 14px;
25	25	font-weight: 500;
26	26	}
27	27
28		-.controller-cms #content .main-block .formlabel {
	28	+.controller-cms #content .main-content .formlabel{
29	29	display: inline-block;
30	30	max-width: 100%;
31	31	margin-bottom: 5px;
...	...	@@ -34,7 +34,7 @@
34	34	font-size: 14px;
35	35	}
36	36
37		-.controller-cms #content .main-block .formfieldline .formfield code {
	37	+.controller-cms #content .main-content .formfieldline .formfield code{
38	38	display: block;
39	39	width: auto;
40	40	height: 30px;
...	...	@@ -45,21 +45,21 @@
45	45	font-family: Arial, helvetica;
46	46	}
47	47
48		-.controller-cms #content .main-block .formfieldline .formfield code * {
	48	+.controller-cms #content .main-content .formfieldline .formfield code *{
49	49	display: inline;
50	50	}
51	51
52		-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"] {
	52	+.controller-cms #content .main-content .formfieldline .formfield input[type="text"]{
53	53	padding: 6px;
54	54	color: #585858;
55		- background: none;
	55	+ background: #FFF;
56	56	border: 1px solid #ccc;
57	57	border-radius: 4px;
58	58	font-size: 15px;
59	59	font-family: Arial, helvetica;
60	60	}
61	61
62		-.controller-cms #content .main-block .formfieldline textarea{
	62	+.controller-cms #content .main-content .formfieldline textarea{
63	63	padding: 6px;
64	64	color: #585858;
65	65	background: none;
...	...	@@ -69,18 +69,18 @@
69	69	font-size: 15px;
70	70	}
71	71
72		-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
73		-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
74		-.controller-cms #content .main-block .formfieldline textarea:hover,
75		-.controller-cms #content .main-block .formfieldline textarea:focus{
	72	+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:hover,
	73	+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:focus,
	74	+.controller-cms #content .main-content .formfieldline textarea:hover,
	75	+.controller-cms #content .main-content .formfieldline textarea:focus{
76	76	border: 1px solid #172738;
77	77	}
78	78
79		-.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
	79	+.controller-cms #content .main-content .formfieldline .type-file .type-file .formlabel{
80	80	display: none;
81	81	}
82	82
83		-.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
	83	+.controller-cms #content .main-content .formfieldline .type-file .type-file .type-text .formlabel{
84	84	display: block;
85	85	}
86	86
...	...	@@ -102,30 +102,30 @@
102	102	border: 1px solid #172738;
103	103	}
104	104
105		-.controller-cms #content .formfield #fetch-external-feed {
	105	+.controller-cms #content .formfield #fetch-external-feed{
106	106	padding-left: 20px;
107	107	border-radius: 4px;
108	108	}
109	109
110		-.controller-cms #content .formfield #fetch-external-feed > input {
	110	+.controller-cms #content .formfield #fetch-external-feed > input{
111	111	height: 13px;
112	112	margin: 8px 8px 8px 0px;
113	113	vertical-align: middle;
114	114	width: 13px;
115	115	}
116	116
117		-.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
	117	+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input{
118	118	margin-right: 3px;
119	119	width: 13px;
120	120	vertical-align: middle;
121	121	}
122	122
123		-.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
	123	+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label{
124	124	margin-right: 250px;
125	125	}
126	126
127	127	.controller-cms #content .main-content form label.formlabel,
128		-.controller-cms #content .main-content form .article-translation-field {
	128	+.controller-cms #content .main-content form .article-translation-field{
129	129	font-size: 14px;
130	130	margin-bottom: 5px;
131	131	color: #231f20;
...	...	@@ -136,74 +136,76 @@
136	136	margin-bottom: 15px;
137	137	}
138	138
139		-.controller-cms #content .main-block form .button-bar input{
140		- min-width: 100px;
	139	+.controller-cms #content .main-content form .button-bar input{
	140	+ height: 30px;
	141	+ padding: 2px 15px;
141	142	margin-right: 10px;
142		- padding: 2px 5px;
143	143	color: #FFF;
144		- background: #2C66CE;
	144	+ background: #3E67B1;
145	145	font-size: 15px;
146		- border: none;
147	146	}
148	147
149		-.controller-cms #content .main-block form .button-bar input:hover {
	148	+.controller-cms #content .main-content form .button-bar input:hover{
150	149	background: #5E82C6;
151	150	border: none;
152	151	}
153	152
154		-.controller-cms #content .main-block form .button-bar a.button{
155		- height: 29px;
156		- min-width: 100px;
157		- padding: 1px 0 0 0;
158		- color: #2C66CE;
	153	+.controller-cms #content .main-content form .button-bar input.button.with-text{
	154	+ height: 36px;
	155	+}
	156	+
	157	+.controller-cms #content .main-content form .button-bar a.button{
	158	+ height: 30px;
	159	+ padding: 2px 15px;
	160	+ color: #3E67B1;
159	161	background: #FFF;
160		- border: 1px solid #2C66CE;
	162	+ border: 1px solid #3E67B1;
161	163	font-size: 14px;
162	164	text-align: center;
163	165	}
164	166
165		-.controller-cms #content .main-block form .button-bar a.button:hover{
	167	+.controller-cms #content .main-content form .button-bar a.button:hover{
166	168	background: none;
167		- color: #5E82C6;
168		- border-color: #5E82C6;
	169	+ color: #3E67B1;
	170	+ border-color: #3E67B1;
169	171	}
170	172
171		-.controller-cms #content .main-block form .box-title{
	173	+.controller-cms #content .main-content form .box-title{
172	174	font-size: 15px;
173	175	font-family: Arial, helvetica;
174	176	}
175	177
176		-.controller-cms #content .main-block #category-ajax-selector{
	178	+.controller-cms #content .main-content #category-ajax-selector{
177	179	border-style: dotted;
178	180	}
179	181
180		-.controller-cms #content .main-block #category-ajax-selector label{
	182	+.controller-cms #content .main-content #category-ajax-selector label{
181	183	font-size: 14px;
182	184	}
183	185
184		-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
	186	+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link{
185	187	background: #FFF;
186	188	border: 1px solid #2C66CE;
187	189	color: #2C66CE;
188	190	padding: 3px;
189	191	}
190	192
191		-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
	193	+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link:hover{
192	194	background: #2C66CE;
193	195	color: #FFF;
194	196	}
195	197
196		-.controller-cms #content .main-block .inputosaurus-required{
	198	+.controller-cms #content .main-content .inputosaurus-required{
197	199	background: none;
198	200	border: 1px solid #ccc;
199	201	}
200	202
201		-.controller-cms #content .main-block .inputosaurus-required:hover,
202		-.controller-cms #content .main-block .inputosaurus-required:focus{
	203	+.controller-cms #content .main-content .inputosaurus-required:hover,
	204	+.controller-cms #content .main-content .inputosaurus-required:focus{
203	205	border: 1px solid #172738;
204	206	}
205	207
206		-.controller-cms #content .main-block .inputosaurus-required input:hover{
	208	+.controller-cms #content .main-content .inputosaurus-required input:hover{
207	209	background: none;
208	210	}
209	211
...	...	@@ -217,6 +219,33 @@
217	219	margin-bottom: 13px;
218	220	}
219	221
	222	+/* Article's edition page */
	223	+
	224	+#content .text-editor-sidebar .header{
	225	+ padding: 13px 10px;
	226	+ color: #172738;
	227	+ background: #D3D6DE;
	228	+ border-radius: 4px;
	229	+ font-size: 14px;
	230	+ font-weight: 300;
	231	+ font-family: Arial;
	232	+}
	233	+
	234	+#content .text-editor-sidebar .header a.button.icon-vertical-toggle{
	235	+ padding: 0 15px;
	236	+ background: #3E67B1;
	237	+ color: #FFF;
	238	+ font-size: 14px;
	239	+ font-weight: 300;
	240	+ font-family: Arial;
	241	+}
220	242
221		-/* Edit Organizations */
	243	+#content .text-editor-sidebar .header a.button.icon-vertical-toggle:hover{
	244	+ background: #5E82C6;
	245	+}
222	246
	247	+#content .text-editor-sidebar-box{
	248	+ background: #ECEDF1;
	249	+ border-radius: 4px;
	250	+ border: 1px solid #D3D6DE;
	251	+}
...	...
...	...	@@ -12,6 +12,10 @@
12	12
13	13	/* Box's patterns */
14	14
	15	+.action-home-index .block-outer{
	16	+ margin-bottom: 45px;
	17	+}
	18	+
15	19	/* Read More pattern */
16	20
17	21	.action-home-index #content .box .block-outer .read-more {
...	...	@@ -52,9 +56,9 @@
52	56	/* Software catalog search block /
53	57
54	58	.action-home-index #content #catalogo-software-search {
55		- border-radius: 4px;
56	59	width: 100%;
57	60	background-color: #1A397D;
	61	+ border-radius: 4px;
58	62	}
59	63
60	64	.action-home-index #content #catalogo-software-search h1 {
...	...
1	1	/* Box */
2	2	.box-1 .block,
3	3	.no-boxes .block {
4		- margin-top: 50px;
	4	+ margin-top: 50px;
5	5	}
6	6
7		-.block-outer {
8		- margin-bottom: 45px;
9		- clear: both;
	7	+.box-2 .block-outer,
	8	+.box-3 .block-outer{
	9	+ margin-bottom: 45px;
	10	+ clear: both;
10	11	}
11	12
12	13	/* Block Title */
...	...	@@ -41,13 +42,13 @@
41	42	#content .pagination a,
42	43	#content .pagination em,
43	44	#content .pagination span{
44		- padding: 7px 11px 7px 11px;
	45	+ padding: 5px 9px;
45	46	margin-right: 4px;
46	47	color: #172738;
47	48	border: 1px solid #D3D6DE;
48	49	border-radius: 4px;
49	50	letter-spacing: 0.6px;
50		- font-size: 15px;
	51	+ font-size: 12px;
51	52	font-weight: 700;
52	53	text-decoration: none;
53	54	display: inline-table;
...	...	@@ -59,13 +60,11 @@
59	60	}
60	61
61	62	#content .pagination .previous_page{
62		- padding: 7px 11px 10px 11px;
63	63	float: left;
64	64	}
65	65
66	66	#content .pagination .next_page{
67	67	float: right;
68		- padding: 7px 11px 10px 11px;
69	68	}
70	69
71	70	#content .pagination .previous_page,
...	...	@@ -80,5 +79,39 @@
80	79	opacity: 0.5;
81	80	}
82	81
	82	+/* Button */
	83	+
	84	+#content a.button.with-text,
	85	+#content #article-actions a.button.with-text{
	86	+ height: 32px;
	87	+ padding: 5px 15px;
	88	+ background: #FFF none;
	89	+ color: #3E67B1;
	90	+ border-radius: 4px;
	91	+ border: 1px solid #3E67B1;
	92	+ font-size: 14px;
	93	+ line-height: 32px;
	94	+ text-transform: uppercase;
	95	+}
	96	+
	97	+#content form input.button.with-text{
	98	+ height: 42px;
	99	+ max-height: 42px;
	100	+ padding: 5px 15px;
	101	+ background: #FFF none;
	102	+ color: #3E67B1;
	103	+ border-radius: 4px;
	104	+ border: 1px solid #3E67B1;
	105	+ font-size: 14px;
	106	+ line-height: 32px;
	107	+ text-transform: uppercase;
	108	+}
	109	+
	110	+#content a.button:hover,
	111	+#content #article-actions a.button.with-text:hover,
	112	+#content input.button.with-text:hover{
	113	+ background: #3E67B1 none;
	114	+ color: #FFF;
	115	+}
83	116
84	117
...	...
...	...	@@ -54,21 +54,22 @@
54	54	#content .main-block h2,
55	55	#content .main-block h3,
56	56	#content .main-block h4 {
57		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	57	+ font-family: Arial, Helvetica, sans-serif;
58	58	}
59	59
60	60	#content .main-block h1,
61	61	#not-found h1,
62	62	#access-denied h1,
63	63	#content .no-boxes h1 {
64		- color: #444;
65		- font-size: 1.7em;
66		- padding: 7px 0;
67		- margin-left: 0;
68		- padding-left: 0.3em;
69		- border-bottom: 1px solid #CCCCCC;
70		- border-top: 0px solid #172838;
	64	+ margin: 20px 0 10px 0;
	65	+ padding: 0;
	66	+ color: #172738;
	67	+ border-bottom: none;
	68	+ font-family: Arial;
	69	+ font-size: 34px;
71	70	font-weight: bold;
	71	+ font-variant: normal;
	72	+ line-height: 37px;
72	73	}
73	74
74	75	#content .title {
...	...	@@ -77,8 +78,8 @@
77	78	}
78	79
79	80	#content .main-block h3 {
80		- font-size: 1.5em;
81		- min-height: 48px;
	81	+ font-size:18px;
	82	+ line-height: 21px;
82	83	}
83	84
84	85	/****************************************/
...	...
...	...	@@ -0,0 +1,115 @@
	1	+/* Search Community */
	2	+
	3	+.action-search-index #content form #search-header,
	4	+.action-search-people #content form #search-header,
	5	+.action-search-communities #content form #search-header{
	6	+ margin-top: 5px;
	7	+ float: right;
	8	+ border: none;
	9	+}
	10	+
	11	+.action-search-people #content form #search-header #search-filters .sod_select,
	12	+.action-search-communities #content form #search-header #search-filters .sod_select{
	13	+ color: #3E67B1;
	14	+ border: 1px solid #3E67B1;
	15	+ border-radius: 4px;
	16	+ font-family: Arial;
	17	+ font-variant: normal;
	18	+ font-weight: 300;
	19	+ box-shadow: none;
	20	+}
	21	+
	22	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
	23	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
	24	+ margin: -2px 0 0 -1px;
	25	+ color: #3E67B1;
	26	+ border: 1px solid #3E67B1;
	27	+ border-top: none;
	28	+ border-radius: 0px 0px 4px 4px;
	29	+ font-family: Arial;
	30	+ font-variant: normal;
	31	+ font-weight: 300;
	32	+}
	33	+
	34	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
	35	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
	36	+ border-radius: 0px 0px 4px 4px;
	37	+}
	38	+
	39	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
	40	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
	41	+ padding-right: 21px;
	42	+}
	43	+
	44	+.action-search-people #content form #search-subheader .sod_select,
	45	+.action-search-communities #content form #search-subheader .sod_select{
	46	+ line-height: 15px;
	47	+}
	48	+
	49	+.action-search-index #content form .search-field,
	50	+.action-search-people #content form .search-field,
	51	+.action-search-communities #content form .search-field{
	52	+ margin-bottom: 30px;
	53	+}
	54	+
	55	+.action-search-index #content form .search-field .formfield,
	56	+.action-search-people #content form .search-field .formfield,
	57	+.action-search-communities #content form .search-field .formfield{
	58	+ float: left;
	59	+ width: 99%;
	60	+}
	61	+.action-search-index #content form .search-field .formfield input,
	62	+.action-search-people #content form .search-field .formfield input,
	63	+.action-search-communities #content form .search-field .formfield input{
	64	+ margin-top: 0px;
	65	+ padding: 6px;
	66	+ height: 19px;
	67	+ max-height: 19px;
	68	+ max-width: 98%;
	69	+ background: none;
	70	+ border: 1px solid #ccc;
	71	+ border-radius: 4px;
	72	+}
	73	+
	74	+.action-search-index #content form input.button.submit,
	75	+.action-search-people #content form input.button.submit,
	76	+.action-search-communities #content form input.button.submit{
	77	+ height: 32px;
	78	+ margin-top: 8px;
	79	+ padding: 5px 15px;
	80	+ background: #3E67B1 none;
	81	+ color: #FFF;
	82	+ border-radius: 4px;
	83	+ border: 1px solid #3E67B1;
	84	+ font-size: 14px;
	85	+ line-height: 14px;
	86	+ text-transform: uppercase;
	87	+}
	88	+
	89	+.action-search-index #content form input.button.submit:hover,
	90	+.action-search-people #content form input.button.submit:hover,
	91	+.action-search-communities #content form input.button.submit:hover{
	92	+ background: #5E82C6;
	93	+}
	94	+
	95	+.action-search-people #search-results .search-results-type-people,
	96	+.action-search-communities #search-results .search-results-type-community{
	97	+ background: none;
	98	+ border: 1px solid #ccc;
	99	+ border-radius: 10px;
	100	+}
	101	+
	102	+.action-search-index #search-results h3{
	103	+ margin: 20px 0 10px 0;
	104	+ color: #172738;
	105	+ font-size:18px;
	106	+ line-height: 21px;
	107	+ font-family: Arial;
	108	+ font-weight: 700;
	109	+ font-variant: normal;
	110	+}
	111	+
	112	+.action-search-index #search-results .search-results-innerbox{
	113	+ background: none;
	114	+ border: 1px solid #ccc;
	115	+}
...	...
...	...	@@ -11,14 +11,16 @@
11	11	}
12	12
13	13	.action-search-software_infos #content .main-content h2{
14		- color: #ff0066;
	14	+ color: #FF0366;
15	15	font-size: 16px;
16	16	font-family: "open_sansregular",Arial, Helvetica,sans-serif;
	17	+ font-weight: 300;
17	18	text-transform: uppercase;
18	19	}
19	20
20	21	.action-search-software_infos #content .main-content h1{
21	22	padding: 5px 0 10px 0;
	23	+ border-bottom: 1px solid #D3D6DE;
22	24	font-family: Arial, Helvetica, sans-serif;
23	25	font-size: 35px;
24	26	font-variant: normal;
...	...	@@ -32,15 +34,17 @@
32	34	padding: 0;
33	35	background: #ecedf1;
34	36	border-radius: 4px;
35		- border: 1px solid #d7d7d7;
	37	+ border: 1px solid #D3D6DE;
36	38	}
37	39
38	40	.action-search-software_infos #software-search-container .search-form h3{
39	41	margin: 0;
40	42	padding: 16px 0 10px 14px;
	43	+ color: #2C4B6B;
41	44	font-family:"open_sansregular", Arial, Helvetica, sans-serif;
42	45	font-weight: bold;
43	46	font-size: 15px;
	47	+ text-transform: uppercase;
44	48	}
45	49
46	50	.action-search-software_infos #content .search-form .search-field .formfield {
...	...	@@ -53,42 +57,45 @@
53	57	width: 96%;
54	58	margin: 4px 0px 0px 13px;
55	59	padding: 6px;
	60	+ background: #FFF;
56	61	border-radius: 4px;
57		- border: 1px solid #d7d7d7;
	62	+ border: 1px solid #D3D6DE;
58	63	font-size: 14px;
59	64	}
60	65
61	66
62	67	.action-search-software_infos #content .search-form .search-field input.button{
63	68	padding: 0px;
64		- background-color: #2B65cd;
65		- color: #ffffff;
66		- border: 1px solid #2B65cd;
	69	+ background-color: #3E67B1;
	70	+ color: #FFF;
	71	+ border: 1px solid #3E67B1;
67	72	font-family: "open_sansbold",Arial,sans-serif;
68	73	border-radius: 4px;
69	74	}
70	75
71		-.controller-search #content .search-form .search-field input.button.submit {
	76	+.action-search-software_infos #content .search-form .search-field input.button.submit {
72	77	width: auto;
73	78	height: 30px;
74	79	max-height: 30px;
75	80	margin: 14px;
76	81	padding: 0 14px 0 14px;
77		- background-color: #4562b1;
	82	+ background-color: #3E67B1;
	83	+ line-height: 14px;
78	84	text-transform: uppercase;
79	85	}
80	86
81	87	/* Filter options */
82	88
83	89	.action-search-software_infos #filter-catalog-software {
84		- background-color: #d7d7d7;
	90	+ background-color: #D3D6DE;
85	91	}
86	92
87	93	.action-search-software_infos #filter-option-catalog-software {
88	94	padding: 14px;
89		- background-color: #d7d7d7;
90		- border:none;
	95	+ background-color: #D3D6DE;
	96	+ border: none;
91	97	font-size: 11px;
	98	+ text-align: right;
92	99	}
93	100
94	101	.action-search-software_infos #filter-option-catalog-software:hover {
...	...	@@ -97,10 +104,10 @@
97	104
98	105	.action-search-software_infos #filter-option-catalog-software:after {
99	106	content: "";
100		- margin-left:5px;
	107	+ margin-left: 5px;
101	108	padding: 3px 10.5px;
102		- background:url("../images/bottom-arrow.png") no-repeat center;
103		- background-color:#4562b1;
	109	+ background: url("../images/bottom-arrow.png") no-repeat center;
	110	+ background-color: #3E67B1;
104	111	border-radius: 4px;
105	112	}
106	113
...	...	@@ -124,12 +131,12 @@
124	131	}
125	132
126	133	.action-search-software_infos #group-categories label {
127		- font-family:Arial;
	134	+ font-family: Arial;
128	135	font-size: 14px;
129	136	}
130	137
131	138	.action-search-software_infos #group-categories label span {
132		- font-family:Arial;
	139	+ font-family: Arial;
133	140	font-size: 14px;
134	141	}
135	142
...	...	@@ -145,15 +152,15 @@
145	152
146	153	.action-search-software_infos #filter-catalog-software .project-software span {
147	154	padding: 2px 6px;
148		- background: #fff;
149		- color: #3867b7;
	155	+ background: #FFF;
	156	+ color: #3E67B1;
150	157	border-radius: 50%;
151	158	font-size: 16px;
152	159	}
153	160
154	161	.action-search-software_infos button#cleanup-filter-catalg {
155	162	cursor: pointer;
156		- background-color: #4562b1;
	163	+ background-color: #3E67B1;
157	164	font-size: 14px;
158	165	font-family:Arial;
159	166	}
...	...	@@ -167,7 +174,7 @@
167	174	margin-left: 5px;
168	175	padding: 2.5px 10.5px;
169	176	background: url("../images/top-arrow.png") no-repeat center;
170		- background-color: #4562b1;
	177	+ background-color: #3E67B1;
171	178	border-radius: 4px;
172	179	}
173	180
...	...	@@ -234,7 +241,7 @@
234	241	}
235	242
236	243	.action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{
237		- color:#2C66CE;
	244	+ color: #3E67B1;
238	245	}
239	246
240	247	.action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
...	...	@@ -268,7 +275,7 @@
268	275	padding-right: 20px;
269	276	top: 0px;
270	277	position: absolute;
271		- color: #21376c;
	278	+ color: #2C4B6B;
272	279	font-size: 13px;
273	280	font-family: Arial;
274	281	text-align: left;
...	...	@@ -298,7 +305,7 @@
298	305	}
299	306
300	307	.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a {
301		- color: #172938;
	308	+ color: #172738;
302	309	font-size: 19px;
303	310	}
304	311
...	...	@@ -324,12 +331,12 @@
324	331	width: auto !important; /* force overwritting from base */
325	332	margin-left: 7px !important; /* force overwritting from base */
326	333	float: left;
327		- color: #2B65cd;
	334	+ color: #3E67B1;
328	335	font-size: 13px;
329	336	line-height: 18px;
330	337	text-decoration: underline;
331	338	}
332	339
333	340	.action-search-software_infos #search-results .search-software-content-block #categories-list li a{
334		- color: #2B65cd;
	341	+ color: #3E67B1;
335	342	}
...	...
...	...	@@ -181,34 +181,34 @@
181	181	/* Categories and Tags block */
182	182
183	183	#content .box-1 .categories-and-tags-block {
184		- border-top: 4px solid #4562b1;
	184	+ border-top: 4px solid #2C4B6B;
185	185	}
186	186
187	187	#content .box-1 .categories-and-tags-block .block-title {
188		- margin-top: 14px;
189		- background: none;
190		- font-size: 11px;
	188	+ margin: 13px 10px 10px 0;
	189	+ padding: 3px 0px;
191	190	float: left;
192		-}
193		-
194		-#content .box-1 .categories-and-tags-block .block-title:last-child {
195		- border-top: 1px solid #8b949b;
196		- border-bottom: 1px solid #8b949b;
	191	+ background: none;
	192	+ color: #5E82C6;
	193	+ font-family: Arial;
	194	+ font-size: 12px;
	195	+ font-weight: 300;
197	196	}
198	197
199	198	#content .box-1 .categories-and-tags-block .category_cloud {
200		- margin: 12px auto 10px 0px;
	199	+ margin: 13px 10px 10px 0px;
201	200	float: left;
202	201	}
203	202
204	203	#content .box-1 .categories-and-tags-block .category_cloud a {
205		- margin: 10px 3px;
206		- padding: 3px 6px;
207		- border: 1px solid #e9e8ed;
208		- border-radius: 8px;
209		- line-height: 28px;
210		- background-color: #e9e8ed;
211		- font-size: 11px;
	204	+ padding: 3px 10px;
	205	+ margin: 0;
	206	+ float: left;
	207	+ color: #3E67B1;
	208	+ background-color: #ECEDF1;
	209	+ border: 1px solid #D3D6DE;
	210	+ border-radius: 3px;
	211	+ font-size: 12px;
212	212	}
213	213
214	214	#content .box-1 .categories-and-tags-block .category_cloud a:hover {
...	...