diff --git a/src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css b/src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css index 432630a..8d028cf 100644 --- a/src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css +++ b/src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css @@ -1,16 +1,19 @@ /*** Title and subtitle ***/ -.action-search-software_infos #content { +.action-search-software_infos #content, +.action-search-sisp #content{ margin-top: 10px; padding: 0px; } -.action-search-software_infos .main-content { +.action-search-software_infos .main-content, +.action-search-sisp .main-content{ border: none; box-shadow: none; } -.action-search-software_infos #content .main-content h2{ +.action-search-software_infos #content .main-content h2, +.action-search-sisp #content .main-content h2{ color: #FF0366; font-size: 16px; font-family: "open_sansregular",Arial, Helvetica,sans-serif; @@ -18,18 +21,19 @@ text-transform: uppercase; } -.action-search-software_infos #content .main-content h1{ +.action-search-software_infos #content .main-content h1, +.action-search-sisp #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; } - /*** end of title and subtitle ***/ /*** Search Box ***/ -.action-search-software_infos .search-form { +.action-search-software_infos .search-form, +.action-search-sisp .search-form { margin-top:28px; padding: 0; background: #ecedf1; @@ -38,7 +42,7 @@ background-image:url("catalogo.png"); } -.action-search-software_infos #software-search-container .search-form h3{ +.controller-search #software-search-container .search-form h3{ margin: 0px 0px 3px 0px; padding: 16px 0 20px 14px; color: #2C4B6B; @@ -49,16 +53,7 @@ text-transform: uppercase; } -/*.action-search-software_infos #content .search-form .project-software { - margin: 0 0 0 15px; -} - - It's TEMPORARY -.action-search-software_infos #content .search-form .doubts-catalog-software { - display: none; -}*/ - -/**Radio Buttons***/ +/* Radio Buttons */ .action-search-software_infos #public_software_radio_button, .action-search-software_infos #all_radio_button { margin:5px 4px 15px 15px; @@ -87,15 +82,23 @@ border-radius: 50%; } -/******/ +.action-search-sisp .radio-buttons { + display: none; +} -.action-search-software_infos #content .search-form .search-field .formfield { +/* End of radio buttons */ + +/* Form field */ + +.action-search-software_infos #content .search-form .search-field .formfield, +.action-search-sisp #content .search-form .search-field .formfield { width: 100%; margin: 0; padding: 0; } -.action-search-software_infos #content .search-form .search-field #search-input { +.action-search-software_infos #content .search-form .search-field #search-input, +.action-search-sisp #content .search-form .search-field #search-input { width: 95%; margin: 13px 0px 4px 13px; padding: 7px; @@ -106,7 +109,8 @@ } -.action-search-software_infos #content .search-form .search-field input.button{ +.action-search-software_infos #content .search-form .search-field input.button, +.action-search-sisp #content .search-form .search-field input.button { padding: 0px; background-color: #3E67B1; color: #FFF; @@ -115,7 +119,8 @@ border-radius: 4px; } -.action-search-software_infos #content .search-form .search-field input.button.submit { +.action-search-software_infos #content .search-form .search-field input.button.submit, +.action-search-sisp #content .search-form .search-field input.button.submit { width: auto; height: 30px; max-height: 30px; @@ -130,13 +135,15 @@ font-size: 14px; } +/* end of form field */ + /* Filter options */ -.action-search-software_infos #filter-catalog-software { +.controller-search #filter-catalog-software { background-color: #D3D6DE; } -.action-search-software_infos #filter-option-catalog-software { +.controller-search #filter-option-catalog-software { cursor: pointer; padding: 14px; background-color: #D3D6DE; @@ -148,15 +155,16 @@ text-transform: uppercase; } -.action-search-software_infos #filter-option-catalog-close { +.controller-search #filter-option-catalog-close { padding: 7px 7px 17px 10px; display: none; } -.action-search-software_infos #filter-option-catalog-software:hover { + +.controller-search #filter-option-catalog-software:hover { background-color: #c7c7c7; } -.action-search-software_infos #filter-option-catalog-software:after { +.controller-search #filter-option-catalog-software:after { content: ""; margin-left: 5px; padding: 3px 10.5px; @@ -165,7 +173,7 @@ border-radius: 4px; } -.action-search-software_infos #filter-catalog-software #filter-categories-option { +.controller-search #filter-catalog-software #filter-categories-option { border: none; height: 0; max-height: 620px; @@ -174,18 +182,18 @@ padding: 0 15px; } -.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 { +.controller-search #filter-catalog-software #filter-categories-catalog h4 { margin: 20px 0 10px 5px; background: transparent; color: black; } -.action-search-software_infos #filter-catalog-software input[type="checkbox"]{ +.controller-search #filter-catalog-software input[type="checkbox"]{ vertical-align: middle; margin: 0 3px 2px 8px; } -.action-search-software_infos #group-categories ul { +.controller-search #filter-catalog-software #group-categories ul { font-family: Arial; font-size: 14px; line-height: 31px; @@ -194,12 +202,12 @@ -moz-columns: 2; } -.action-search-software_infos #group-categories li span { +.controller-search #filter-catalog-software #group-categories li span { font-family: Arial; font-size: 14px; } -.action-search-software_infos #filter-catalog-software .project-software{ +.controller-search #filter-catalog-software .project-software{ margin: 20px 0 30px; border-top: 1px dotted; border-bottom: 1px dotted; @@ -209,11 +217,11 @@ padding: 10px; } -.action-search-software_infos #filter-catalog-software .project-software label { +.controller-search #filter-catalog-software .project-software label { font-weight: normal; } -.action-search-software_infos #filter-catalog-software .project-software span { +.controller-search #filter-catalog-software .project-software span { padding: 2px 6px; background: #FFF; color: #3E67B1; @@ -221,7 +229,7 @@ font-size: 16px; } -.action-search-software_infos button#cleanup-filter-catalg { +.controller-search button#cleanup-filter-catalg { cursor: pointer; background-color: #3E67B1; font-size: 14px; @@ -233,7 +241,7 @@ padding: 5px 10px; } -.action-search-software_infos button#close-filter-catalog { +.controller-search button#close-filter-catalog { cursor:pointer; float: right; border: none; @@ -245,7 +253,7 @@ padding: 5px; } -.action-search-software_infos button#close-filter-catalog:after { +.controller-search button#close-filter-catalog:after { content: ""; margin-left: 5px; padding: 2.5px 10.5px; @@ -258,25 +266,26 @@ /*** Catalog Options ***/ -.action-search-software_infos #catalog-display-options { +.controller-search #catalog-display-options { font-size: 14px; font-family: Arial; } -.action-search-software_infos #catalog-display-options #catalog-display-options-count{ +.controller-search #catalog-display-options #catalog-display-options-count{ padding: 45px 0 4px 0; float: left; width: 50%; } -.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{ +.controller-search #catalog-display-options #catalog-display-options-show-and-sort{ padding: 38px 0 5px 0; font-weight: bold; float: left; width: 50%; } -.action-search-software_infos #catalog-display-options #catalog-display-options-sort, -.action-search-software_infos #catalog-display-options #catalog-display-options-show{ + +.controller-search #catalog-display-options #catalog-display-options-sort, +.controller-search #catalog-display-options #catalog-display-options-show{ position: relative; float: left; width: 50%; @@ -284,18 +293,19 @@ } /*** Search Results ***/ -.action-search-software_infos #search-results { + +.controller-search #software-search-container #search-results { border-top: 1px solid #d7d7d7; margin-top: 66px; } -.action-search-software_infos #search-results.only-one-result-box .search-software-item { +.controller-search #software-search-container #search-results.only-one-result-box .search-software-item { padding: 29px 0 31px 0; background: #ffffff; border-bottom: 1px solid #d7d7d7; } -.action-search-software_infos #search-results #search-results-empty{ +.controller-search #software-search-container #search-results #search-results-empty{ padding: 30px 0 15px 0; color: #172738; font-size: 16px; @@ -303,55 +313,55 @@ } -.action-search-software_infos #search-results .search-results-innerbox { +.controller-search #software-search-container #search-results .search-results-innerbox { background: #ffffff; border: none; } /* Column left */ -.action-search-software_infos #search-results .search-software-item-column-left { +.controller-search #software-search-container #search-results .search-software-item-column-left { width: 140px; height: 140px; float: left; border-right: 1px dotted #ccc; } -.action-search-software_infos #search-results .search-software-item-column-left .vcard { +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard { display: table; margin: 0; border: none; } -.action-search-software_infos #search-results .search-software-item-column-left .vcard:hover { +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard:hover { border: none; background: none; } -.action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{ +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard a:hover{ color: #3E67B1; } -.action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{ +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard a.profile_link{ float:left; } -.action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger { +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger { display:none; } -.action-search-software_infos #search-results .search-software-item-column-left .profile-image{ +.controller-search #software-search-container #search-results .search-software-item-column-left .profile-image{ width: 130px; height: 130px; margin-left: 130px; margin-top: 35px; } -.action-search-software_infos #search-results .search-software-item-column-left .org { +.controller-search #software-search-container #search-results .search-software-item-column-left .org { display: none; } -.action-search-software_infos #search-results .search-software-item-column-left .extra_info { +.controller-search #software-search-container #search-results .search-software-item-column-left .extra_info { width: 140px; padding-right: 20px; top: 0px; @@ -363,29 +373,29 @@ opacity: inherit; } -.action-search-software_infos #search-results .search-software-item-column-left .software-date { +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date { margin-top: 20px; width: 130px; } -.action-search-software_infos #search-results .search-software-item-column-left .software-date::before{ +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date::before{ content: url("../images/ic-calendar.png"); margin: 0px 7px 20px 0; float: left; } -.action-search-software_infos #search-results .search-software-item-column-left .star-container.catalog_rating_block { +.controller-search #software-search-container #search-results .search-software-item-column-left .star-container.catalog_rating_block { width: 140px; - margin-left: 0px; + margin: 0px 0px 10px 0px; } -.action-search-software_infos #search-results .search-software-item-column-left .software-date-value { +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date-value { margin-left: 23px; } /* Column Right */ -.action-search-software_infos #search-results .search-software-item-column-right { +.controller-search #software-search-container #search-results .search-software-item-column-right { width: 65%; float: left; margin-left: 20px; @@ -394,47 +404,47 @@ font-family: Arial; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-profile-img { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-profile-img { position: relative; float: left; width: 20%; margin-top: 8px; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-profile-img img { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-profile-img img { max-width: 90px; max-height: 130px; height: auto; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block { position: relative; float: left; width: 79%; margin-top: 8px; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4{ +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block h4{ margin-top: 0; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block h4 a { color: #172738; font-size: 19px; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-categories span { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-categories span { width: auto; float: left; font-weight: normal; font-size: 13px; } -.action-search-software_infos #search-results .search-software-item-column-right .search-software-categories { +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-categories { margin-top: 30px; } -.action-search-software_infos #search-results .search-software-content-block #categories-list li { +.controller-search #software-search-container #search-results .search-software-content-block #categories-list li { width: auto !important; /* force overwritting from base */ margin-left: 7px !important; /* force overwritting from base */ float: left; @@ -444,15 +454,15 @@ text-decoration: underline; } -.action-search-software_infos #search-results .search-software-content-block #categories-list li a { +.controller-search #software-search-container #search-results .search-software-content-block #categories-list li a { color: #3E67B1; } -.action-search-software_infos #search-results #individually-category br { +.controller-search #software-search-container #search-results #individually-category br { display: none; } -.action-search-software_infos #search-results #individually-category a { +.controller-search #software-search-container #search-results #individually-category a { margin-right: 10px; float: left; color: #3E67B1; @@ -460,464 +470,4 @@ text-decoration: underline; } - -.action-search-sisp #content { - margin-top: 10px; - padding: 0px; -} - -.action-search-sisp .main-content { - border: none; - box-shadow: none; -} - -.action-search-sisp #content .main-content h2{ - color: #FF0366; - font-size: 16px; - font-family: "open_sansregular",Arial, Helvetica,sans-serif; - font-weight: 300; - text-transform: uppercase; -} - -.action-search-sisp #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; -} - /*** end of title and subtitle ***/ - -/*** Search Box ***/ -.action-search-sisp .search-form { - margin-top:28px; - padding: 0; - background: #ecedf1; - border-radius: 4px; - border: 1px solid #D3D6DE; - background-image:url("catalogo.png"); -} - -.action-search-sisp #software-search-container .search-form h3{ - margin: 0px 0px 3px 0px; - padding: 16px 0 20px 14px; - color: #2C4B6B; - font-family:"open_sansregular", Arial, Helvetica, sans-serif; - color: #2B51A8; - font-weight: bold; - font-size: 15px; - text-transform: uppercase; -} - -/*.action-search-sisp #content .search-form .project-software { - margin: 0 0 0 15px; -} - - It's TEMPORARY -.action-search-sisp #content .search-form .doubts-catalog-software { - display: none; -}*/ - -/**Radio Buttons***/ -.action-search-sisp .radio-buttons { - display: none; -} - -.action-search-sisp #public_software_radio_button, -.action-search-sisp #all_radio_button { - margin:5px 4px 15px 15px; - line-height: 20px; - position:absolute; -} - -.action-search-sisp .search-form label, -.action-search-sisp .search-form label{ - margin:0px 3px 4px 32px; - line-height: 22px; - font-size: 15px; - font-family: Arial; -} - -.action-search-sisp #software-search-container .search-form .doubts-catalog-software{ - padding-top: 2px; - background-color: #3867b7; - color: #ffffff; - font-weight: bold; - cursor: pointer; - height: 15px; - font-family: arial; - width: 17px; - display: inline-block; - text-align: center; - border-radius: 50%; -} - -/******/ - -.action-search-sisp #content .search-form .search-field .formfield { - width: 100%; - margin: 0; - padding: 0; -} - -.action-search-sisp #content .search-form .search-field #search-input { - width: 95%; - margin: 13px 0px 4px 13px; - padding: 7px; - background: #FFF; - border-radius: 4px; - border: 1px solid #D3D6DE; - font-size: 14px; -} - - -.action-search-sisp #content .search-form .search-field input.button{ - padding: 0px; - background-color: #3E67B1; - color: #FFF; - border: 1px solid #3E67B1; - font-family: "open_sansbold",Arial,sans-serif; - border-radius: 4px; -} - -.action-search-sisp #content .search-form .search-field input.button.submit { - width: auto; - height: 30px; - max-height: 30px; - margin: 14px; - padding: 0 14px 0 14px; - background: #3E67B1; - line-height: 14px; - border-radius: 4px; - color: #ffffff; - text-transform: uppercase; - font-family: "open_sansbold",Arial,sans-serif; - font-size: 14px; -} - -/* Filter options */ - -.action-search-sisp #filter-catalog-software { - background-color: #D3D6DE; -} - -.action-search-sisp #filter-option-catalog-software { - cursor: pointer; - padding: 14px; - background-color: #D3D6DE; - border: none; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - font-size: 11px; - text-align: right; - text-transform: uppercase; -} - -.action-search-sisp #filter-option-catalog-close { - padding: 7px 7px 17px 10px; - display: none; -} -.action-search-sisp #filter-option-catalog-software:hover { - background-color: #c7c7c7; -} - -.action-search-sisp #filter-option-catalog-software:after { - content: ""; - margin-left: 5px; - padding: 3px 10.5px; - background: url("../images/bottom-arrow.png") no-repeat center; - background-color: #3E67B1; - border-radius: 4px; -} - -.action-search-sisp #filter-catalog-software #filter-categories-option { - border: none; - height: 0; - max-height: auto; - position: relative; - overflow: auto; - padding: 0 15px; -} - -.action-search-sisp #filter-catalog-software #filter-categories-catalog h4 { - margin: 20px 0 10px 5px; - background: transparent; - color: black; -} - -.action-search-sisp #filter-catalog-software input[type="checkbox"]{ - vertical-align: middle; - margin: 0 3px 2px 8px; -} - -.action-search-sisp #group-categories ul { - font-family: Arial; - font-size: 14px; - line-height: 31px; - columns: 2; - -webkit-columns: 2; - -moz-columns: 2; -} - -.action-search-sisp #group-categories li span { - font-family: Arial; - font-size: 14px; -} - -.action-search-sisp #filter-catalog-software .project-software{ - margin: 20px 0 30px; - border-top: 1px dotted; - border-bottom: 1px dotted; - font-weight: bold; - font-size: 15px; - font-family: Arial; - padding: 10px; -} - -.action-search-sisp #filter-catalog-software .project-software label { - font-weight: normal; -} - -.action-search-sisp #filter-catalog-software .project-software span { - padding: 2px 6px; - background: #FFF; - color: #3E67B1; - border-radius: 50%; - font-size: 16px; -} - -.action-search-sisp button#cleanup-filter-catalg { - cursor: pointer; - background-color: #3E67B1; - font-size: 14px; - font-family: Arial; - color: #ffffff; - border: 1px solid #2B65CD; - border-radius: 4px; - margin: 5px 0 0 5px; - padding: 5px 10px; -} - -.action-search-sisp button#close-filter-catalog { - cursor:pointer; - float: right; - border: none; - background: none; - font-size: 12px; - margin-top: 5px; - color: #000; - text-transform: uppercase; - padding: 5px; -} - -.action-search-sisp button#close-filter-catalog:after { - content: ""; - margin-left: 5px; - padding: 2.5px 10.5px; - background: url("../images/top-arrow.png") no-repeat center; - background-color: #3E67B1; - border-radius: 4px; -} - -/*** end of search box ***/ - -/*** Catalog Options ***/ - -.action-search-sisp #catalog-display-options { - font-size: 14px; - font-family: Arial; -} - -.action-search-sisp #catalog-display-options #catalog-display-options-count{ - padding: 45px 0 4px 0; - float: left; - width: 50%; -} - -.action-search-sisp #catalog-display-options #catalog-display-options-show-and-sort{ - padding: 38px 0 5px 0; - font-weight: bold; - float: left; - width: 50%; -} -.action-search-sisp #catalog-display-options #catalog-display-options-sort, -.action-search-sisp #catalog-display-options #catalog-display-options-show{ - position: relative; - float: left; - width: 50%; - text-align: right; -} - -/*** Search Results ***/ -.action-search-sisp #search-results { - border-top: 1px solid #d7d7d7; - margin-top: 66px; -} - -.action-search-sisp #search-results.only-one-result-box .search-software-item { - padding: 29px 0 31px 0; - background: #ffffff; - border-bottom: 1px solid #d7d7d7; -} - -.action-search-sisp #search-results #search-results-empty{ - padding: 30px 0 15px 0; - color: #172738; - font-size: 16px; - text-align: left; -} - - -.action-search-sisp #search-results .search-results-innerbox { - background: #ffffff; - border: none; -} - -/* Column left */ - -.action-search-sisp #search-results .search-software-item-column-left { - width: 140px; - height: 140px; - float: left; - border-right: 1px dotted #ccc; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard { - display: table; - margin: 0; - border: none; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard:hover { - border: none; - background: none; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard a:hover{ - color: #3E67B1; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard a.profile_link{ - float:left; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger { - display:none; -} - -.action-search-sisp #search-results .search-software-item-column-left .profile-image{ - width: 130px; - height: 130px; - margin-left: 130px; - margin-top: 35px; -} - -.action-search-sisp #search-results .search-software-item-column-left .vcard img { - max-width: 90px; - max-height: 130px; - height: auto; - margin-left:170px; -} - -.action-search-sisp #search-results .search-software-item-column-left .org { - display: none; -} - -.action-search-sisp #search-results .search-software-item-column-left .extra_info { - width: 140px; - padding-right: 20px; - top: 0px; - position: absolute; - color: #172738; - font-size: 13px; - font-family: Arial; - text-align: left; - opacity: inherit; -} - -.action-search-sisp #search-results .search-software-item-column-left .software-date { - margin-top: 20px; - width: 130px; -} - -.action-search-sisp #search-results .search-software-item-column-left .software-date::before{ - content: url("../images/ic-calendar.png"); - margin: 0px 7px 20px 0; - float: left; -} - -.action-search-sisp #search-results .search-software-item-column-left .star-container.catalog_rating_block { - width: 140px; - margin-left: 0px; -} - -.action-search-sisp #search-results .search-software-item-column-left .software-date-value { - margin-left: 23px; -} - -/* Column Right */ - -.action-search-sisp #search-results .search-software-item-column-right { - width: 65%; - float: left; - margin-left: 140px; - padding: 0 0 0 8px; - font-size: 15px; - font-family: Arial; -} - -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block h4{ - margin-top: 0; -} - -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block h4 a { - color: #172738; - font-size: 19px; -} - -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block:last-child { - margin-top: 30px; -} - -.action-search-sisp #search-results .search-software-item-column-right span{ - width: 100%; -} - -.action-search-sisp #search-results .search-software-item-column-right span b{ - font-weight: normal; - font-size: 13px; -} - -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block:last-child span{ - width: auto; - float: left; -} - -.action-search-sisp #search-results .search-software-content-block #categories-list li { - width: auto !important; /* force overwritting from base */ - margin-left: 7px !important; /* force overwritting from base */ - float: left; - color: #3E67B1; - font-size: 13px; - line-height: 18px; - text-decoration: underline; -} - -.action-search-sisp #search-results .search-software-content-block #categories-list li a { - color: #3E67B1; -} - -.action-search-sisp #search-results #individually-category br { - display: none; -} - -.action-search-sisp #search-results #individually-category a { - margin-right: 10px; - float: left; - color: #3E67B1; - font-size: 13px; - text-decoration: underline; -} - - -- libgit2 0.21.2