diff --git a/css/animate.css b/css/animate.css new file mode 100644 index 0000000..76810e6 --- /dev/null +++ b/css/animate.css @@ -0,0 +1,68 @@ +.animated { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/css/software-catalog-page.css b/css/software-catalog-page.css index dde1754..e129b0f 100644 --- a/css/software-catalog-page.css +++ b/css/software-catalog-page.css @@ -98,6 +98,10 @@ text-align: right; } +.action-search-software_infos #filter-option-catalog-close { + padding: 7px 7px 17px 10px; + display: none; +} .action-search-software_infos #filter-option-catalog-software:hover { background-color: #c7c7c7; } @@ -112,7 +116,10 @@ } .action-search-software_infos #filter-catalog-software #filter-categories-option { - border:none; + border: none; + position: relative; + display: none; + overflow: hidden; } .action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 { diff --git a/style.css b/style.css index 659822b..c2e317e 100644 --- a/style.css +++ b/style.css @@ -21,7 +21,7 @@ @import url(css/use-report.css); @import url(css/tooltips.css); */ - +@import url(css/animate.css); @import url(font-awesome.min.css); /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/ @@ -207,3 +207,5 @@ img { iframe { border-width: 0; border-style:none; } + + diff --git a/theme.js b/theme.js index b592ffb..04e3a02 100644 --- a/theme.js +++ b/theme.js @@ -83,16 +83,6 @@ $('#link-buscar').click(function(e) { //finality.stop().animate({"top" : "100%"}, TRANSITION_TIME); } - function set_events() { - // Fade css - $('.software-block-finality').css('opacity', 0); - $('.software-block-finality').css('top', 0); - // End Fade CSS - - $(".software-block").mouseover(show_finality); - $(".software-block").mouseout(hide_finality); - } - function move_article_buttons(){ var article_actions = $('#article-actions').clone(); var report = $('.report-abuse-action').remove(); @@ -131,7 +121,43 @@ $('#link-buscar').click(function(e) { //$('
').wrap($(this).find( '.image', '.title', '.lead', '.read_more')); }); + } + //toggle filter options in catalog page + function setFilterCategoriesOptionClass() { + var filterOptions = $("#filter-categories-option"); + filterOptions.addClass("animated slideInDown"); + } + + function toggleFilterOptions(){ + var filterOptions = $("#filter-categories-option"); + var showOptions = $("#filter-option-catalog-software"); + var hideOptions = $("#filter-option-catalog-close"); + if(filterOptions.is(":visible")){ + filterOptions.slideUp(function() { + showOptions.show(); + hideOptions.hide(); + }); + } + else { + filterOptions.slideDown(); + showOptions.hide(); + hideOptions.show(); + } + } + + function setEvents(){ + // Fade css + $('.software-block-finality').css('opacity', 0); + $('.software-block-finality').css('top', 0); + // End Fade CSS + $(".software-block").mouseover(show_finality); + $(".software-block").mouseout(hide_finality); + + var showOptions = $("#filter-option-catalog-software"); + var hideOptions = $("#filter-option-catalog-close"); + showOptions.click(toggleFilterOptions); + hideOptions.click(toggleFilterOptions); } /* Finds all uploaded files from manuals page and sets its names on the right format */ @@ -217,6 +243,7 @@ $('#link-buscar').click(function(e) { } $(document).ready(function(){ + add_top_tooltips(); set_events(); move_article_buttons(); @@ -226,5 +253,11 @@ $('#link-buscar').click(function(e) { set_tooltip_content(); set_arrow_direction(); set_use_report_content(); + + setEvents(); //FIX-ME + move_article_buttons(); + add_link_to_article_div(); + insert_notice_div(); + }); })(jQuery); -- libgit2 0.21.2