.nav-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.125rem; } .nav-row p { margin: 0; } .nav-row__tags { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-row__tags p { color: #828282; font-size: 1rem; } .nav-row__tags__item { margin-left: 4px; } .nav-row__tags__item a { font-size: 1rem; color: #000; } .nav-row__tags__item a:hover { color: #8CC051; } .nav-row__search__form { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-row__search__form__input { border: 1px solid #E0E0E0; border-radius: 4px; padding: .7rem; background-color: transparent; } .nav-row__search__form__btn { cursor: pointer; border: 1px solid #8CC051; border-radius: 4px; padding: .7rem; background-color: transparent; margin-left: 1rem; color: #8CC051; font-size: 1rem; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .nav-row__search__form__btn:hover { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; color: white; background-color: #8CC051; } .nav-row__search__form__input { padding-left: 3rem; background: url(https://my-download.net/nivoher/views/frontend-flat/resources/images/search.png) no-repeat 1rem 50% } .list-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 10rem; } .list-container__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 1rem; border-bottom: 1px solid #C4C4C4; margin-top: 1rem; } .list-container__item__img { -webkit-box-flex: 1; -ms-flex: 1 1 110px; flex: 1 1 110px; min-width: 110px; min-height: 110px; max-width: 110px; max-height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; border-radius: 4px; margin-right: 1.4rem; } .list-container__item__desc { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-container__item__desc__title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .5rem; } .list-container__item__desc__title-author { font-size: .75rem; font-style: italic; } .list-container__item__desc__rate { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .9rem; } .list-container__item__desc__more a { color: #333333; font-size: .75rem; } .list-container__item__desc__more a:hover { color: #8CC051; } .list-container__item__links { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; flex-wrap: wrap; } .list-container__item__links__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 1rem 0; border: 1px solid #BDBDBD; border-radius: 4px; text-decoration: none; font-size: 1rem; box-shadow: none !important; } .list-container__item__links > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .list-container__item__links > div.cmdm-download-files-list-container { display: block; } .plugin-name { margin-right: 1.4rem; font-size: 1rem; color: #000; } .plugin-name a { box-shadow: none; color: #000; } .plugin-desc { margin-bottom: .6rem; } .plugin-desc p { font-size: .9rem; color: #828282; } .show_btn { color: #4F4F4F; line-height: 1.15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; margin-bottom: 5px; } .show_btn:hover { background: #4F4F4F; color: #F2F2F2; border: 1px solid #4F4F4F; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .show_btn:hover > .show_btn_img { background: url("https://my-download.net/nivoher/views/frontend-flat/resources/images/feather_external-link-white.png") no-repeat 0 50%; } .show_btn_img { padding-left: 1.5rem; background: url("https://my-download.net/nivoher/views/frontend-flat/resources/images/feather_external-link.png") no-repeat 0 50%; } .dwn_btn_img { padding-left: 1.5rem; background: url("https://my-download.net/nivoher/views/frontend-flat/resources/images/download.png") no-repeat 0 50%; } .dwn_btn { background: #8CC051; color: #FFFFFF; border: 1px solid #8CC051; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; line-height: 1.15; } .dwn_btn_2 { background: #8CC051; color: #FFFFFF; border: 1px solid #8CC051; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; line-height: 1.15; } .cmdm-category-filter-two-level { display: flex; flex-direction: column; } .cmdm-category-filter-two-level label{ margin-bottom: 5px; } .dwn_btn.disabled:hover{ color: #fff; cursor: default; } .dwn_btn.disabled{ background-color: #ddd; border-color: #ddd; } .dwn_btn:not[class='disabled']:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); } .dwn_btn.disabled:hover { -webkit-box-shadow: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); } .column-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-color: #FFFFFF; padding-bottom: 3.75rem; min-height: 100vh; } .column-left { padding: 0 6rem; margin-bottom: 3rem; -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #C4C4C4; } .column-left__title { padding-top: 2rem; font-size: 1.75rem; font-weight: 600; color: #333333; } .column-left__pdf-preview { width: 100%; margin-bottom: 2.2rem; } .column-left__pdf-preview img { width: 100%; } .column-left__table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border: 1px solid #C4C4C4; border-radius: 4px; margin-bottom: 1.4rem; } .column-left__table__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.4rem 2.1rem; border-bottom: 1px solid #C4C4C4; } .column-left__table__item:last-child { border-bottom: none; } .column-left__table__item-name, .column-left__table__item-attribute { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; font-size: 0.9rem; } .column-left__table__item-name { font-weight: 600; } .column-left__table__item-attribute__rate { display: -webkit-box; display: -ms-flexbox; display: flex; } .column-left .list-container__item__links > div:first-child { } .column-left .list-container__item__links > div:last-child { margin: 0 } .column-left__table__item-attribute__views { display: -webkit-box; display: -ms-flexbox; display: flex; } .column-left__table__item-attribute__views > p { margin-left: 10px; } .column-left__banner-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: white; border: 1px solid #E0E0E0; border-radius: 4px; min-height: 200px; margin-top: 3.75rem; } .column-left__menu { margin: 3rem 0 3.75rem; } .column-left__menu-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #333333; margin-bottom: 1.375rem; } .column-left__menu-nav > a { text-decoration: none; box-shadow: none !important; color: black; font-size: 1.1rem; font-weight: normal; margin: 1rem 2rem 0 0; } .column-left__menu-nav > a:last-child { margin-right: 0; } .column-left__menu-nav > a.column-left__menu-item-active, .column-left__menu-nav > a.column-left__menu-item.on { border-bottom: 4px solid black; font-weight: 600; } .column-left__back { } .column-left__back > a { color: #8CC051; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .column-left__back > a:hover { text-decoration: underline; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .column-left__menu__content > p, .column-left__menu__content > div.tabItem { color: #828282; font-size: 1rem; } .column-right { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } .column-right__container { margin: 2rem 3rem 0 1.2rem; } .column-right__container__item { width: 100%; background-color: #F6F7FB; padding: 1.2rem; margin-bottom: 1.6rem; } .column-right__container__item__downloads-item { margin-bottom: 1.5rem; } .downloads-count { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .5rem; } .downloads-count > p, .post-published { color: #828282; font-style: italic; width: 100%; } .downloads-count > img { width: 14px; height: 14px; margin-right: 10px; } .column-right__container__item-title { color: #4F4F4F; font-size: 1.5rem; } .column-right__container__item__downloads-item-name { font-size: 1rem; font-weight: 600; text-decoration: none; color: #000000; } .column-right__container__item-list > li { margin-bottom: .8rem; font-weight: 500; } .column-right__container__item-list > li > a { text-decoration: none; color: black; } .column-right__container .column-left__back { margin: 3rem 0; } .column-left__menu__content__table { width: 100%; border: 2px solid rgb(245, 245, 245); border-collapse: collapse; margin-bottom: 4.5rem; } .column-left__menu__content__table > thead { color: rgb(89, 89, 89); background-color: rgb(247, 247, 247); padding: 1rem 0; } .column-left__menu__content__table > tbody { color: rgb(161, 166, 173); } .column-left__menu__content__table th, .column-left__menu__content__table td { text-align: left; padding: 1rem .5rem; } .form-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-text .form-title { font-size: 1.5rem; font-weight: 600; color: #4F4F4F; margin-bottom: .8rem; } .form-text .form-advice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.4rem; font-size: .9rem; color: #828282; } .form-input-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 70%; } .form-input-item > input, .form-input-item > textarea { width: 100%; margin-bottom: 2rem; padding: .8rem; border: 1px solid #E0E0E0; border-radius: 4px; } .form-input-item > textarea { resize: none; } .form-input-item-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-input-item-radio > input { margin-right: 10px; display: none; } .form-input-item-radio > label { font-size: 1rem; color: #828282; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: default; font-weight: normal; } .form-input-item-radio > label:before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; content: ""; margin-right: 15px; width: 20px; height: 20px; border: 2px solid #8CC051; border-radius: 3px; } input:checked + label:before { content: url("https://my-download.net/nivoher/views/frontend-flat/resources/images/done.png"); } input:disabled + label:before { background: #eee; color: #aaa; } .post_btn { margin-top: 2rem; padding: 1rem 3rem; background: #8CC051; color: #FFFFFF; border: none; border-radius: 4px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .post_btn:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .column-left__sort-row { margin-bottom: 3.75rem; } .sort-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.3rem; color: black; width: 100%; } .sort-form__item:last-child { text-align: right; margin-left: 10px; } .sort-form__item > select { padding: 8px 2rem 8px 8px; background: #F2F2F2; border: 1px solid #4F4F4F; border-radius: 3px; font-size: .8rem; color: #4F4F4F; margin: 0; -webkit-appearance: none; -moz-appearance: none; } select.minimal { background-image: url("https://my-download.net/nivoher/views/frontend-flat/resources/images/select.png"); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .category-block__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #C4C4C4; margin-bottom: 2.4rem; } .category-block__title { font-size: 1.5rem; color: #4F4F4F; } .category-block:first-child .category-block__title { margin-top: 1rem; } .category-block__title { margin-top: 5rem; } .category-block__list-item__img { -webkit-box-flex: 1; -ms-flex: 1 1 10%; flex: 1 1 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; border-radius: 4px; min-width: 110px; min-height: 91px; } .category-block__list-item__content { -webkit-box-flex: 1; -ms-flex: 1 1 90%; flex: 1 1 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 1.4rem .8rem; } .category-block__list-item__content-rate { display: -webkit-box; display: -ms-flexbox; display: flex; } .category-block__list-item__author p { font-size: .8rem; font-weight: bold; color: #828282; } .category-block__list-item__author p span { font-style: italic; font-weight: normal; } .category-block__list-item__content-title { margin-bottom: 8px; } .category-block__list-item__content-rate { margin-bottom: 14px; } .category-block__list-item__content-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.6rem; } .category-block__list-item__content .dwn_btn { width: auto; padding: 10px 2rem; } .category-block__list-item__content-links .downloads-count { margin: 0; } .column-left.small-padding { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; padding: 0 2.2rem 0 3.4rem; } .column-right.small-padding { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; padding: 0 2.2rem; } .category-block__list-item__audio > audio { width: 100%; margin: 1rem 0; } .column-left__category-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .category-table-small { display: none; } .table-view-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 2rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #C4C4C4; } .table-view-item .category-block__list-item__audio { width: 100%; } .table-view-item .category-block__list-item__audio > audio { width: 40%; margin: 0 0 1rem 0; } .post-header { font-weight: 600; } .table-view-item__title { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .table-view-item_main { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } .table-view-item__title-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-view-item__status { -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; margin-left: 1rem; } .table-view-item__dwn { -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; margin-left: 1rem; } .table-view-item__date { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; margin-left: 1rem; } .table-view-item__dwn .downloads-count { text-align: center; margin-top: 0; } .table-view-item__links { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; margin-left: 1rem; } .table-view-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border: none; } .table-view-item__title .plugin-name { margin: 0; -webkit-box-flex: 1; -ms-flex: 0 0 100%; flex: 1 1 100%; } .table-view-item__title .category-block__list-item__img { width: 20%; min-width: 20%; min-height: 50px; margin-right: 10px; } .table-view-item .table-view-item__links .list-container__item__links__btn { margin-bottom: 10px; width: auto; padding: 6px 1rem; } .display-none { display: none; } .dwn_btn-small { border-radius: 50%; } .dwn_btn-small img { padding: 12px; } .category-block__tiles{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .category-block__tiles-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-bottom: 2rem; overflow: hidden; } .category-block__tiles-item > .category-block__list-item__img{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 100%; min-height: 172px; border-radius: 0; } .category-block__tiles-item > .category-block__list-item__img img{ margin: 0 !important; width: 100% !important; max-height: 100% !important; max-width: 100% !important; } .category-block__tiles-item__content{ -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F6F7FB; padding: 0 1.2rem 2rem; } .category-block__tiles-item__content > .category-block__list-item__content-title{ padding-top: 1.2rem; } .category-block__tiles-item__content > .downloads-count{ margin-bottom: .9rem; } @media all and (max-width: 1200px) { body { font-size: 14px; } .list-container__item__links { -webkit-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-container__item__links > div { margin: 0; width: 100%; } .list-container__item__links > div:last-child { margin-right: 0; margin-top: 1rem; } .list-container__item__links__btn { font-size: .8rem; width: 100%; } .column-left .list-container__item__links > div:last-child { margin: 0; } .column-left .list-container__item__links > div:first-child { margin: 0 0 1rem; } .category-block__list-item__content-links { -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-block__list-item__content-links .category-block__list-item__author { width: 50%; margin-bottom: .8rem; } .category-block__list-item__content-links .downloads-count { width: 50%; margin-bottom: .8rem; } .category-block__list-item__content-links .list-container__item__links__btn { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media all and (max-width: 1024px) { .column-left { padding: 0 1.5rem; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .small-padding { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; padding: 0 2.2rem 0 3.4rem; } .column-right { padding: 0 1.5rem; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .plugin-name { font-size: .8rem; } .column-left__menu-nav > a { font-size: .8rem; } .category-block__tiles-item{ -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; } } @media all and (max-width: 880px) { .nav-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nav-row__search { width: 100%; margin-bottom: 2rem; } .nav-row__search__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-row__search__form__input { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } .nav-row__search__form__btn { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; margin: 0; } .list-container__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .list-container__item__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .list-container__item__desc { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 2rem; } .list-container__item__links { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; min-width: 50%; } .list-container__item__links > div { margin: 0; width: 100%; } .title h1 { font-size: 1.75rem; } .column-left .list-container__item__links { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } .column-left .list-container__item__links > div { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin: 0; } .column-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-left, .column-left.small-padding{ padding: 0 1.5rem; width: 100%; border: none; } .column-right, .column-right.small-padding{ padding: 0 1.5rem; width: 100%; } .column-right__container { width: 100%; margin: 0; } .column-right__container__item { width: 100%; } .category-block__list-item__content-links .category-block__list-item__author { width: auto; margin-bottom: 0; } .category-block__list-item__content-links .downloads-count { width: auto; margin-bottom: 0; } .category-block__list-item__content-links .list-container__item__links__btn { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } .table-view-item__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; } .table-view-item__title-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .table-view-item__title .category-block__list-item__img { margin-bottom: 10px; min-width: 60px; } .category-block__title{ margin: 1rem 0 2rem; } .column-left__sort-row{ margin-bottom: 0; } } @media all and (max-width: 560px) { .category-block__list-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .category-block__list-item__content { padding: 10px; } .table-view-item .category-block__list-item__audio > audio { width: 100%; } .category-block__tiles{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .category-block__tiles-item{ -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; } .column-left__category-content.category-table{ display: none; } .category-table-small{ display: flex; flex-direction: column; } .column-left__menu{ margin: 2rem 0 1rem; } .table-view-item-small .table-view-item-header{ flex-direction: column; } .table-view-item-small{ display: flex; flex-direction: column; position: relative; margin: 1rem 0; border-bottom: 1px solid #C4C4C4; } .table-view-item-small__row{ display: flex; justify-content: flex-start; font-size: .8rem; } .table-view-item-small__row .plugin-name{ font-size: .8rem; } .table-view-item-small__row  *{ margin: 0; } .table-view-item-small__row .post-header{ flex: 0 0 38%; margin-bottom: 2rem; } .table-view-item-small__row .table-view-item-small__row-main-item{ flex: 0 0 58%; } .table-view-item-small__row-main-item .category-block__list-item__img{ order: 2; margin-top: 1rem; } .table-view-item-small__row-main-item .table-view-item__links{ display: flex; flex-direction: row; align-items: center; } .table-view-item-small__row-main-item .table-view-item__links > div{ width: 30%; margin: 0; } .table-view-item-small__row-main-item .table-view-item__links > *{ margin-bottom: 1rem; } .table-view-item-small__row-audio{ width: 100%; } .small_btn{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; padding: 1rem 0; border-radius: 50%; } .edit_btn{ background-color: #8CC051; border: 1px solid #8CC051; } .del_btn{ background-color: #333333; border: 1px solid #333333; } .table-view-item-small__tear-up{ width: 40px; padding-right: 20px; } .open{ padding: 0; align-self: flex-start; transform: rotate(180deg); } } @media all and (max-width: 460px) { .nav-row__search__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-row__search__form__btn { margin: 2rem 0 0; } .category-block__list-item__content-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 10px; } .category-block__list-item__content-links .category-block__list-item__author, .category-block__list-item__content-links .downloads-count { width: 100%; margin-bottom: 10px; } .category-block__list-item__content-links .list-container__item__links__btn { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .sort-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sort-form__item:last-child { margin: 1rem 0 0; } .table-view-item .table-view-item__title, .table-view-item .table-view-item__status, .table-view-item .table-view-item__dwn, .table-view-item .table-view-item__links { margin-left: 10px; font-size: .8rem; } .category-block__tiles-item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media all and (max-width: 380px) { body { font-size: 12px; } .list-container__item__links__btn { font-size: .7rem; } .list-container__item__img { margin-right: 8px; } .column-left__table__item { padding: 1.4rem 1rem; } .form-input-list { width: 90%; } }