This commit is contained in:
cutemeli
2025-12-22 10:35:30 +00:00
parent 0bfc6c8425
commit 5ce7ca2c5d
38927 changed files with 0 additions and 4594700 deletions

View File

@@ -1,173 +0,0 @@
/*
<div class="cards content-sidebar__cards">
<div class="card">
<div class="card__image card__image--top">
<img src="assets/img/image.svg" alt="">
</div>
<div class="card__content">
<h4 class="card__title">Title</h4>
<p class="card__text">Text</p>
<a class="btn card__button">Button</a>
</div>
<button class="card__close" type="button">
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path class="card__close-x" d="M 6,6 L 18,18 M 18,6 L 6,18"/>
</svg>
</button>
</div>
</div>
*/
.plesk-ext-catalog-card {
position: relative;
display: flex;
flex-direction: column;
border: 1px solid #0076ad;
margin: 0 0 16px;
vertical-align: top;
}
.plesk-ext-catalog-card__image {
text-align: center;
}
.plesk-ext-catalog-card__image img {
max-width: 100%;
}
.plesk-ext-catalog-card__image [class^="icon-"],
.plesk-ext-catalog-card__image [class*=" icon-"] {
margin-top: 20px;
}
.plesk-ext-catalog-card__content {
padding: 20px;
color: #212121;
}
.plesk-ext-catalog-card__content > :last-child {
margin-bottom: 0;
}
.plesk-ext-catalog-card__title {
margin-bottom: 4px;
line-height: inherit;
font-size: inherit;
font-weight: 700;
color: #212121;
}
.plesk-ext-catalog-card__close {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
width: 24px;
height: 24px;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 50%;
background-color: rgba(255 255 255 / 0.4);
outline: none;
}
.plesk-ext-catalog-card__close:hover {
background-color: rgba(255 255 255 / 0.7);
}
.plesk-ext-catalog-card__close svg {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.plesk-ext-catalog-card__close-x {
stroke: #000;
fill: transparent;
stroke-linecap: round;
stroke-width: 2;
opacity: 0.3;
}
.plesk-ext-catalog-card__close:hover .plesk-ext-catalog-card__close-x {
opacity: 0.87;
}
.plesk-ext-catalog-context-promos .plesk-ext-catalog-card {
width: 228px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide {
margin-right: 0 !important;
}
.plesk-ext-catalog-context-promos__actions {
margin-bottom: 10px;
text-align: right;
color: #a8a8a8;
}
.plesk-ext-catalog-context-promos__actions--loading {
position: relative;
pointer-events: none;
cursor: default;
}
.plesk-ext-catalog-context-promos__actions--loading::before {
display: inline-block;
content: "";
box-sizing: border-box;
width: 16px;
height: 16px;
margin-right: 6px;
vertical-align: -3px;
border-radius: 50%;
border: 2px solid;
border-color: #1e96c9 rgba(0 0 0 / 0.15) rgba(0 0 0 / 0.15);
animation: plesk-ext-catalog-context-promos__actions--spin 0.7s linear;
animation-iteration-count: infinite;
box-shadow: 0 0 0 1px transparent;
}
.plesk-ext-catalog-context-promos__actions-link {
color: #2498e3;
cursor: pointer;
}
.plesk-ext-catalog-context-promos__actions-link:hover {
color: #188dd9;
text-decoration: underline;
}
@media (min-width: 768px) {
.plesk-ext-catalog-context-promos__content-side--hide {
position: absolute;
right: 270px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide p:first-child,
.plesk-ext-catalog-context-promos__content-wrapper--hide .msg-box:first-child {
margin-right: 250px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide #backup-list-operations {
width: calc(100% - 250px) !important;
}
}
@media (max-width: 959px) {
.plesk-ext-catalog-context-promos {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -8px;
}
.plesk-ext-catalog-context-promos__content-side {
margin-top: 0 !important;
}
.plesk-ext-catalog-context-promos__actions {
flex-basis: 100%;
margin: 0 8px 10px;
}
.plesk-ext-catalog-context-promos .plesk-ext-catalog-card {
flex: none;
margin: 0 8px 16px;
}
}
@media (max-width: 767px) {
.plesk-ext-catalog-context-promos__actions {
text-align: center;
margin-top: 10px;
}
}
@keyframes plesk-ext-catalog-context-promos__actions--spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}

View File

@@ -1,173 +0,0 @@
/*
<div class="cards content-sidebar__cards">
<div class="card">
<div class="card__image card__image--top">
<img src="assets/img/image.svg" alt="">
</div>
<div class="card__content">
<h4 class="card__title">Title</h4>
<p class="card__text">Text</p>
<a class="btn card__button">Button</a>
</div>
<button class="card__close" type="button">
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path class="card__close-x" d="M 6,6 L 18,18 M 18,6 L 6,18"/>
</svg>
</button>
</div>
</div>
*/
.plesk-ext-catalog-card {
position: relative;
display: flex;
flex-direction: column;
border: 1px solid #0076ad;
margin: 0 0 16px;
vertical-align: top;
}
.plesk-ext-catalog-card__image {
text-align: center;
}
.plesk-ext-catalog-card__image img {
max-width: 100%;
}
.plesk-ext-catalog-card__image [class^="icon-"],
.plesk-ext-catalog-card__image [class*=" icon-"] {
margin-top: 20px;
}
.plesk-ext-catalog-card__content {
padding: 20px;
color: #212121;
}
.plesk-ext-catalog-card__content > :last-child {
margin-bottom: 0;
}
.plesk-ext-catalog-card__title {
margin-bottom: 4px;
line-height: inherit;
font-size: inherit;
font-weight: 700;
color: #212121;
}
.plesk-ext-catalog-card__close {
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
width: 24px;
height: 24px;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 50%;
background-color: rgba(255 255 255 / 0.4);
outline: none;
}
.plesk-ext-catalog-card__close:hover {
background-color: rgba(255 255 255 / 0.7);
}
.plesk-ext-catalog-card__close svg {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.plesk-ext-catalog-card__close-x {
stroke: #000;
fill: transparent;
stroke-linecap: round;
stroke-width: 2;
opacity: 0.3;
}
.plesk-ext-catalog-card__close:hover .plesk-ext-catalog-card__close-x {
opacity: 0.87;
}
.plesk-ext-catalog-context-promos .plesk-ext-catalog-card {
width: 228px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide {
margin-left: 0 !important;
}
.plesk-ext-catalog-context-promos__actions {
margin-bottom: 10px;
text-align: left;
color: #a8a8a8;
}
.plesk-ext-catalog-context-promos__actions--loading {
position: relative;
pointer-events: none;
cursor: default;
}
.plesk-ext-catalog-context-promos__actions--loading::before {
display: inline-block;
content: "";
box-sizing: border-box;
width: 16px;
height: 16px;
margin-left: 6px;
vertical-align: -3px;
border-radius: 50%;
border: 2px solid;
border-color: #1e96c9 rgba(0 0 0 / 0.15) rgba(0 0 0 / 0.15);
animation: plesk-ext-catalog-context-promos__actions--spin 0.7s linear;
animation-iteration-count: infinite;
box-shadow: 0 0 0 1px transparent;
}
.plesk-ext-catalog-context-promos__actions-link {
color: #2498e3;
cursor: pointer;
}
.plesk-ext-catalog-context-promos__actions-link:hover {
color: #188dd9;
text-decoration: underline;
}
@media (min-width: 768px) {
.plesk-ext-catalog-context-promos__content-side--hide {
position: absolute;
left: 270px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide p:first-child,
.plesk-ext-catalog-context-promos__content-wrapper--hide .msg-box:first-child {
margin-left: 250px;
}
.plesk-ext-catalog-context-promos__content-wrapper--hide #backup-list-operations {
width: calc(100% - 250px) !important;
}
}
@media (max-width: 959px) {
.plesk-ext-catalog-context-promos {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -8px;
}
.plesk-ext-catalog-context-promos__content-side {
margin-top: 0 !important;
}
.plesk-ext-catalog-context-promos__actions {
flex-basis: 100%;
margin: 0 8px 10px;
}
.plesk-ext-catalog-context-promos .plesk-ext-catalog-card {
flex: none;
margin: 0 8px 16px;
}
}
@media (max-width: 767px) {
.plesk-ext-catalog-context-promos__actions {
text-align: center;
margin-top: 10px;
}
}
@keyframes plesk-ext-catalog-context-promos__actions--spin {
from {
transform: rotate(0);
}
to {
transform: rotate(-360deg);
}
}

View File

@@ -1,4 +0,0 @@
.plesk-ext-catalog-ext-install .ext-inst-btn {
margin-right: 8px;
}

View File

@@ -1,4 +0,0 @@
.plesk-ext-catalog-ext-install .ext-inst-btn {
margin-left: 8px;
}

View File

@@ -1,528 +0,0 @@
.plesk-ext-catalog-preferences__section-title {
margin-top: 4px;
font-size: 14px;
}
.plesk-ext-catalog-preferences__simple-form {
margin-top: 20px;
}
.plesk-ext-catalog-extension-overview-actions {
display: inline-block;
position: relative;
}
.plesk-ext-catalog-extension-overview-actions:not(:first-child) {
margin-left: 8px;
}
div.plesk-ext-catalog-upsell-button {
display: inline;
}
.plesk-ext-catalog-upsell-button__price-text {
margin-left: 3px;
}
.plesk-ext-catalog-header__heading {
margin: 0 0 12px;
display: flex;
align-items: center;
}
.plesk-ext-catalog-header__heading__title {
margin-right: 20px;
}
.plesk-ext-catalog-header__heading__title h2 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 28px;
}
.plesk-ext-catalog-header__heading__toolbar {
margin-top: 3px;
}
.plesk-ext-catalog-header__popover_button {
margin-top: 20px;
}
.plesk-ext-catalog-installed__item-name {
display: block;
margin-bottom: 3px;
}
.plesk-ext-catalog-installed__item-version {
font-size: 12px;
color: #a9a9a9;
}
.plesk-ext-catalog-installed__item-actions .plesk-ext-catalog-installed__item-action {
margin: 5px 8px 0 0;
vertical-align: middle;
}
.plesk-ext-catalog-installed .plesk-ext-catalog-installed__customize-button {
float: right;
margin-right: 0;
}
.plesk-ext-catalog-installed .r-actions-active-toolbar .plesk-ext-catalog-installed__customize-button {
float: none;
}
.plesk-ext-catalog-installed-customize__list {
margin-top: 20px;
}
.plesk-ext-catalog-installed-customize__item {
display: flex;
flex-direction: column;
align-items: center;
}
.plesk-ext-catalog-installed-customize__item-icon {
margin: 0 0 6px;
}
.plesk-ext-catalog-installed-customize__item-content {
width: 100%;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.plesk-ext-catalog-installed-customize__alert {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.plesk-ext-catalog-installed-customize__button--done {
margin-left: 10px;
}
.plesk-ext-catalog-purchases__item-name {
display: block;
margin-bottom: 3px;
}
.plesk-ext-catalog-purchases__item-version {
color: #737373;
}
.plesk-ext-catalog-purchases__item-actions {
margin-top: 8px;
}
.plesk-ext-catalog-purchases__item-actions .plesk-ext-catalog-purchases__item-action {
margin: 8px 8px 0 0;
vertical-align: middle;
}
.plesk-ext-catalog-purchases .r-actions-active-toolbar .plesk-ext-catalog-purchases__customize-button {
float: none;
}
.plesk-ext-catalog-purchases__header {
margin-bottom: 24px;
font-weight: bold;
}
.plesk-ext-catalog-purchases__extension-item {
padding-left: 16px !important;
padding-bottom: 24px !important;
}
.plesk-ext-catalog-purchases__toolbar {
margin-bottom: 20px;
}
.plesk-ext-catalog-purchase-overview__extension-name {
margin-left: 16px;
font-size: 24px;
font-weight: 600;
vertical-align: bottom;
}
.plesk-ext-catalog-purchase-overview__main {
background: #F5F5F5;
border-radius: 2px;
padding: 16px;
}
.plesk-ext-catalog-purchase-overview__details {
margin-top: 16px;
}
.plesk-ext-catalog-purchase-overview__details--row {
display: table-row;
}
.plesk-ext-catalog-purchase-overview__details--cell {
display: table-cell;
font-size: 14px;
line-height: 20px;
vertical-align: top;
color: #222;
}
.plesk-ext-catalog-purchase-overview__details--cell:first-child {
color: #737373;
min-width: 64px;
}
.plesk-ext-catalog-purchase-overview__details--cell:last-child {
font-weight: 600;
padding-left: 16px;
}
.plesk-ext-catalog-purchase-overview__details--cell-period {
text-transform: capitalize;
font-weight: normal;
}
/*
Carousel
Markup:
<div class="catalog-featured">
<figure class="catalog-featured__slide">
<img src="..." alt="" width="320">
<a class="catalog-featured__overlay catalog-featured__overlay--cover catalog-featured__action" href="#!"></a>
<figcaption class="catalog-featured__overlay catalog-featured__overlay--bottom catalog-featured--color-inverse">{{children}}</figcaption>
</figure>
</div>
<div class="catalog-featured__categories">
<a class="media media--large catalog-featured__categories-item" href="">
<figure class="media__figure"><i class="icon-xxl"><img src="" alt=""></i></figure>
<div class="media__body">
<h4 class="media__title">{{title}}</h4>
{{description}}
</div>
</a>
</div>
Modifiers:
.catalog-featured__overlay--cover
.catalog-featured__overlay--bottom
.catalog-featured--color-inverse
*/
.plesk-ext-catalog-catalog-featured__slide {
position: relative;
display: inline-block;
margin: 0;
}
.plesk-ext-catalog-catalog-featured__caption {
padding-top: 5px;
}
.plesk-ext-catalog-catalog-featured__overlay {
position: absolute;
padding: 16px;
}
.plesk-ext-catalog-catalog-featured__overlay--bottom {
right: 0;
bottom: 0;
left: 0;
}
.plesk-ext-catalog-catalog-featured__overlay--cover {
inset: 0;
}
.plesk-ext-catalog-catalog-featured__action {
background-image: linear-gradient(to bottom, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%, rgba(0 0 0 / 0.8) 100%);
cursor: pointer;
}
.plesk-ext-catalog-catalog-featured__action:hover {
background-color: rgba(0 0 0 / 0.4);
}
.plesk-ext-catalog-catalog-featured__action + .plesk-ext-catalog-catalog-featured__overlay {
pointer-events: none;
line-height: 1.3;
font-weight: 300;
font-size: 12px;
text-shadow: 0 1px 0 rgba(0 0 0 / 0.8);
}
.plesk-ext-catalog-catalog-featured--color-inverse,
.plesk-ext-catalog-catalog-featured__categories {
color: #fff;
}
.plesk-ext-catalog-catalog-featured__categories-item {
background: #3c84c5;
color: #fff;
padding: 10px;
}
.plesk-ext-catalog-catalog-featured__categories-item .media__body {
padding: 8px 0;
}
.plesk-ext-catalog-catalog-featured__categories-item .media__title {
margin-bottom: 5px;
font-size: 16px;
color: #fff;
}
.plesk-ext-catalog-category-switcher {
display: inline-block;
margin-left: 4px;
}
.plesk-ext-catalog-category-switcher > .plesk-ext-catalog-category-switcher__button {
margin: 0;
padding: 0;
min-height: 22px;
min-width: 22px;
}
.plesk-ext-catalog-category-switcher__menu-content {
box-sizing: border-box;
max-width: 420px;
padding: 5px 10px;
}
.plesk-ext-catalog-category-switcher__header .media,
.plesk-ext-catalog-category-switcher__title .media {
width: 200px;
margin: 0 auto 16px;
line-height: 16px;
}
.plesk-ext-catalog-category-switcher__header {
margin-bottom: 16px;
padding-top: 6px;
border-bottom: 1px solid #ccc;
}
.plesk-ext-catalog-category-switcher__categories {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 0 6px;
list-style-type: disc;
}
.plesk-ext-catalog-category-switcher__category {
flex: 0 0 50%;
min-width: 160px;
box-sizing: border-box;
margin-bottom: 10px;
padding-right: 20px;
}
/*
Category
Markup:
<div class="category">
<h4 class="category__title">
<a class="category__title-link" href="">{{title}}</a>
</h4>
<ul class="category__list">
<li class="category__list-item">...</li>
</ul>
</div>
*/
.plesk-ext-catalog-category__title {
border-bottom: 1px solid #ddd;
margin-bottom: 8px;
padding-bottom: 2px;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.plesk-ext-catalog-category__title-link {
cursor: pointer;
color: #444;
text-decoration: none;
}
.plesk-ext-catalog-category__title-link:hover {
color: rgba(0 0 0 / 0.7);
text-decoration: none;
}
.plesk-ext-catalog-category__bottom {
margin-top: 8px;
}
div .plesk-ext-catalog-category__price {
display: flex;
}
div .plesk-ext-catalog-category__price_text {
margin-top: 8px;
color: #222;
font-weight: 600;
line-height: 14px;
background-color: #ececec;
border-radius: 8px;
padding: 0 8px;
}
div .plesk-ext-catalog-category__price_vat {
margin-top: 8px;
margin-left: 4px;
color: #737373;
}
.plesk-ext-catalog-extension-overview__section {
margin-top: 16px;
}
.plesk-ext-catalog-extension-overview__section--info {
border-bottom: 1px solid #ddd;
margin-top: 0;
}
.plesk-ext-catalog-extension-overview__section--package-info {
border-top: 1px solid #ddd;
padding-top: 16px;
}
.plesk-ext-catalog-extension-overview__details {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
}
.plesk-ext-catalog-extension-overview__details-block {
min-width: 250px;
max-width: 400px;
padding: 0 0 16px 16px;
}
.plesk-ext-catalog-extension-overview__details-table {
display: table;
}
.plesk-ext-catalog-extension-overview__details--row {
display: table-row;
}
.plesk-ext-catalog-extension-overview__details--cell {
display: table-cell;
font-size: 12px;
line-height: 16px;
vertical-align: top;
padding-bottom: 4px;
}
.plesk-ext-catalog-extension-overview__details--cell:not(:last-child) {
padding-right: 11px;
color: #979797;
}
.plesk-ext-catalog-extension-overview__details-item {
max-width: 250px;
}
.plesk-ext-catalog-extension-overview__details-item:not(:last-child) {
margin-bottom: 3px;
}
.plesk-ext-catalog-extension-overview__details-item > :last-child {
margin-bottom: 0;
}
.plesk-ext-catalog-extension-overview__details-item--actions {
margin-top: 12px;
}
.plesk-ext-catalog-extension-overview__details-item--rating-stars {
float: left;
margin-right: 10px;
}
.plesk-ext-catalog-extension-overview__details-price {
line-height: 16px;
font-size: 12px;
}
.plesk-ext-catalog-extension-overview__details-price--action-button:not(:first-child) {
display: block;
margin-top: 15px;
}
.pul-segmented-control + .plesk-ext-catalog-extension-overview__details-price {
margin-top: 8px;
}
.plesk-ext-catalog-extension-overview__details-price:not(first-child) {
margin-top: 7px;
}
.plesk-ext-catalog-extension-overview__section-title {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 12px;
}
.plesk-ext-catalog-extension-overview__section-title--info {
font-size: 24px;
line-height: 32px;
margin: -3px 0 3px;
}
.plesk-ext-catalog-extension-overview__section-body {
word-wrap: break-word;
overflow-wrap: break-word;
}
.plesk-ext-catalog-extension-overview__categories-list a {
color: #969696;
}
.plesk-ext-catalog-extension-overview__categories-list a:hover {
color: #188dd9;
}
.plesk-ext-catalog-extension-overview__screenshots {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.plesk-ext-catalog-extension-overview__screenshots > a {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #d6dfe3;
border-radius: 3px;
background: #fff;
}
.plesk-ext-catalog-extension-overview__screenshots img {
width: 160px;
max-width: 100%;
}
.plesk-ext-catalog-extension-overview__popover {
width: 380px;
}
.plesk-ext-catalog-extension-overview__price {
display: flex;
}
.plesk-ext-catalog-extension-overview__price_text {
margin-top: 8px;
color: #222;
font-weight: 600;
line-height: 14px;
background-color: #ececec;
border-radius: 8px;
padding: 0 8px;
}
.plesk-ext-catalog-extension-overview__price_vat {
margin-top: 4px;
margin-left: 8px;
color: #737373;
}
@media (max-width: 480px) {
.plesk-ext-catalog-extension-overview__popover {
width: auto !important;
}
}
@media (min-width: 768px) {
.plesk-ext-catalog-extension-overview__section-body {
padding-left: 80px;
}
.plesk-ext-catalog-extension-overview__details-item--rating {
position: relative;
}
}
@media (min-width: 992px) {
.plesk-ext-catalog-extension-overview__sections {
display: flex;
flex-flow: row nowrap;
}
.plesk-ext-catalog-extension-overview__sections-group {
flex: 1;
min-width: 0;
}
.plesk-ext-catalog-extension-overview__section--screenshots {
order: 1;
}
.plesk-ext-catalog-extension-overview__screenshots {
flex-flow: column nowrap;
margin: 27px 75px 0 50px;
}
}
.plesk-ext-catalog-extension-overview-alert {
display: flex;
align-items: center;
margin: 0;
}
.plesk-ext-catalog-extension-overview-alert__message {
flex: 1 1 auto;
}
.plesk-ext-catalog-extension-overview-alert__button,
.plesk-ext-catalog-extension-overview-alert__icon {
flex: none;
margin-right: 6px;
}
.plesk-ext-catalog-extension-overview-alert__icon {
margin-top: 1px;
margin-bottom: 1px;
align-self: flex-start;
}
.plesk-ext-catalog-extension-overview-alert .s-btn {
margin: 0;
}
@media (max-width: 480px) {
.plesk-ext-catalog-extension-overview-alert--responsive {
flex-wrap: wrap;
}
.plesk-ext-catalog-extension-overview-alert--responsive .plesk-ext-catalog-extension-overview-alert__button {
margin-bottom: 6px;
}
}
@media (min-width: 768px) {
.pul-toaster {
padding-left: 230px;
}
.page-sidebar-closed .pul-toaster,
.page-sidebar-hidden .pul-toaster {
padding-left: 10px;
}
}
.s-btn .pul-icon {
float: left;
margin-left: -20px;
}
.dropdown-icon-menu > li > a .pul-icon {
float: left;
margin-left: -28px;
}

View File

@@ -1,528 +0,0 @@
.plesk-ext-catalog-preferences__section-title {
margin-top: 4px;
font-size: 14px;
}
.plesk-ext-catalog-preferences__simple-form {
margin-top: 20px;
}
.plesk-ext-catalog-extension-overview-actions {
display: inline-block;
position: relative;
}
.plesk-ext-catalog-extension-overview-actions:not(:first-child) {
margin-right: 8px;
}
div.plesk-ext-catalog-upsell-button {
display: inline;
}
.plesk-ext-catalog-upsell-button__price-text {
margin-right: 3px;
}
.plesk-ext-catalog-header__heading {
margin: 0 0 12px;
display: flex;
align-items: center;
}
.plesk-ext-catalog-header__heading__title {
margin-left: 20px;
}
.plesk-ext-catalog-header__heading__title h2 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 28px;
}
.plesk-ext-catalog-header__heading__toolbar {
margin-top: 3px;
}
.plesk-ext-catalog-header__popover_button {
margin-top: 20px;
}
.plesk-ext-catalog-installed__item-name {
display: block;
margin-bottom: 3px;
}
.plesk-ext-catalog-installed__item-version {
font-size: 12px;
color: #a9a9a9;
}
.plesk-ext-catalog-installed__item-actions .plesk-ext-catalog-installed__item-action {
margin: 5px 0 0 8px;
vertical-align: middle;
}
.plesk-ext-catalog-installed .plesk-ext-catalog-installed__customize-button {
float: left;
margin-left: 0;
}
.plesk-ext-catalog-installed .r-actions-active-toolbar .plesk-ext-catalog-installed__customize-button {
float: none;
}
.plesk-ext-catalog-installed-customize__list {
margin-top: 20px;
}
.plesk-ext-catalog-installed-customize__item {
display: flex;
flex-direction: column;
align-items: center;
}
.plesk-ext-catalog-installed-customize__item-icon {
margin: 0 0 6px;
}
.plesk-ext-catalog-installed-customize__item-content {
width: 100%;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.plesk-ext-catalog-installed-customize__alert {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.plesk-ext-catalog-installed-customize__button--done {
margin-right: 10px;
}
.plesk-ext-catalog-purchases__item-name {
display: block;
margin-bottom: 3px;
}
.plesk-ext-catalog-purchases__item-version {
color: #737373;
}
.plesk-ext-catalog-purchases__item-actions {
margin-top: 8px;
}
.plesk-ext-catalog-purchases__item-actions .plesk-ext-catalog-purchases__item-action {
margin: 8px 0 0 8px;
vertical-align: middle;
}
.plesk-ext-catalog-purchases .r-actions-active-toolbar .plesk-ext-catalog-purchases__customize-button {
float: none;
}
.plesk-ext-catalog-purchases__header {
margin-bottom: 24px;
font-weight: bold;
}
.plesk-ext-catalog-purchases__extension-item {
padding-right: 16px !important;
padding-bottom: 24px !important;
}
.plesk-ext-catalog-purchases__toolbar {
margin-bottom: 20px;
}
.plesk-ext-catalog-purchase-overview__extension-name {
margin-right: 16px;
font-size: 24px;
font-weight: 600;
vertical-align: bottom;
}
.plesk-ext-catalog-purchase-overview__main {
background: #F5F5F5;
border-radius: 2px;
padding: 16px;
}
.plesk-ext-catalog-purchase-overview__details {
margin-top: 16px;
}
.plesk-ext-catalog-purchase-overview__details--row {
display: table-row;
}
.plesk-ext-catalog-purchase-overview__details--cell {
display: table-cell;
font-size: 14px;
line-height: 20px;
vertical-align: top;
color: #222;
}
.plesk-ext-catalog-purchase-overview__details--cell:first-child {
color: #737373;
min-width: 64px;
}
.plesk-ext-catalog-purchase-overview__details--cell:last-child {
font-weight: 600;
padding-right: 16px;
}
.plesk-ext-catalog-purchase-overview__details--cell-period {
text-transform: capitalize;
font-weight: normal;
}
/*
Carousel
Markup:
<div class="catalog-featured">
<figure class="catalog-featured__slide">
<img src="..." alt="" width="320">
<a class="catalog-featured__overlay catalog-featured__overlay--cover catalog-featured__action" href="#!"></a>
<figcaption class="catalog-featured__overlay catalog-featured__overlay--bottom catalog-featured--color-inverse">{{children}}</figcaption>
</figure>
</div>
<div class="catalog-featured__categories">
<a class="media media--large catalog-featured__categories-item" href="">
<figure class="media__figure"><i class="icon-xxl"><img src="" alt=""></i></figure>
<div class="media__body">
<h4 class="media__title">{{title}}</h4>
{{description}}
</div>
</a>
</div>
Modifiers:
.catalog-featured__overlay--cover
.catalog-featured__overlay--bottom
.catalog-featured--color-inverse
*/
.plesk-ext-catalog-catalog-featured__slide {
position: relative;
display: inline-block;
margin: 0;
}
.plesk-ext-catalog-catalog-featured__caption {
padding-top: 5px;
}
.plesk-ext-catalog-catalog-featured__overlay {
position: absolute;
padding: 16px;
}
.plesk-ext-catalog-catalog-featured__overlay--bottom {
left: 0;
bottom: 0;
right: 0;
}
.plesk-ext-catalog-catalog-featured__overlay--cover {
inset: 0;
}
.plesk-ext-catalog-catalog-featured__action {
background-image: linear-gradient(to bottom, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%, rgba(0 0 0 / 0.8) 100%);
cursor: pointer;
}
.plesk-ext-catalog-catalog-featured__action:hover {
background-color: rgba(0 0 0 / 0.4);
}
.plesk-ext-catalog-catalog-featured__action + .plesk-ext-catalog-catalog-featured__overlay {
pointer-events: none;
line-height: 1.3;
font-weight: 300;
font-size: 12px;
text-shadow: 0 1px 0 rgba(0 0 0 / 0.8);
}
.plesk-ext-catalog-catalog-featured--color-inverse,
.plesk-ext-catalog-catalog-featured__categories {
color: #fff;
}
.plesk-ext-catalog-catalog-featured__categories-item {
background: #3c84c5;
color: #fff;
padding: 10px;
}
.plesk-ext-catalog-catalog-featured__categories-item .media__body {
padding: 8px 0;
}
.plesk-ext-catalog-catalog-featured__categories-item .media__title {
margin-bottom: 5px;
font-size: 16px;
color: #fff;
}
.plesk-ext-catalog-category-switcher {
display: inline-block;
margin-right: 4px;
}
.plesk-ext-catalog-category-switcher > .plesk-ext-catalog-category-switcher__button {
margin: 0;
padding: 0;
min-height: 22px;
min-width: 22px;
}
.plesk-ext-catalog-category-switcher__menu-content {
box-sizing: border-box;
max-width: 420px;
padding: 5px 10px;
}
.plesk-ext-catalog-category-switcher__header .media,
.plesk-ext-catalog-category-switcher__title .media {
width: 200px;
margin: 0 auto 16px;
line-height: 16px;
}
.plesk-ext-catalog-category-switcher__header {
margin-bottom: 16px;
padding-top: 6px;
border-bottom: 1px solid #ccc;
}
.plesk-ext-catalog-category-switcher__categories {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 6px 0 0;
list-style-type: disc;
}
.plesk-ext-catalog-category-switcher__category {
flex: 0 0 50%;
min-width: 160px;
box-sizing: border-box;
margin-bottom: 10px;
padding-left: 20px;
}
/*
Category
Markup:
<div class="category">
<h4 class="category__title">
<a class="category__title-link" href="">{{title}}</a>
</h4>
<ul class="category__list">
<li class="category__list-item">...</li>
</ul>
</div>
*/
.plesk-ext-catalog-category__title {
border-bottom: 1px solid #ddd;
margin-bottom: 8px;
padding-bottom: 2px;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.plesk-ext-catalog-category__title-link {
cursor: pointer;
color: #444;
text-decoration: none;
}
.plesk-ext-catalog-category__title-link:hover {
color: rgba(0 0 0 / 0.7);
text-decoration: none;
}
.plesk-ext-catalog-category__bottom {
margin-top: 8px;
}
div .plesk-ext-catalog-category__price {
display: flex;
}
div .plesk-ext-catalog-category__price_text {
margin-top: 8px;
color: #222;
font-weight: 600;
line-height: 14px;
background-color: #ececec;
border-radius: 8px;
padding: 0 8px;
}
div .plesk-ext-catalog-category__price_vat {
margin-top: 8px;
margin-right: 4px;
color: #737373;
}
.plesk-ext-catalog-extension-overview__section {
margin-top: 16px;
}
.plesk-ext-catalog-extension-overview__section--info {
border-bottom: 1px solid #ddd;
margin-top: 0;
}
.plesk-ext-catalog-extension-overview__section--package-info {
border-top: 1px solid #ddd;
padding-top: 16px;
}
.plesk-ext-catalog-extension-overview__details {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
}
.plesk-ext-catalog-extension-overview__details-block {
min-width: 250px;
max-width: 400px;
padding: 0 16px 16px 0;
}
.plesk-ext-catalog-extension-overview__details-table {
display: table;
}
.plesk-ext-catalog-extension-overview__details--row {
display: table-row;
}
.plesk-ext-catalog-extension-overview__details--cell {
display: table-cell;
font-size: 12px;
line-height: 16px;
vertical-align: top;
padding-bottom: 4px;
}
.plesk-ext-catalog-extension-overview__details--cell:not(:last-child) {
padding-left: 11px;
color: #979797;
}
.plesk-ext-catalog-extension-overview__details-item {
max-width: 250px;
}
.plesk-ext-catalog-extension-overview__details-item:not(:last-child) {
margin-bottom: 3px;
}
.plesk-ext-catalog-extension-overview__details-item > :last-child {
margin-bottom: 0;
}
.plesk-ext-catalog-extension-overview__details-item--actions {
margin-top: 12px;
}
.plesk-ext-catalog-extension-overview__details-item--rating-stars {
float: right;
margin-left: 10px;
}
.plesk-ext-catalog-extension-overview__details-price {
line-height: 16px;
font-size: 12px;
}
.plesk-ext-catalog-extension-overview__details-price--action-button:not(:first-child) {
display: block;
margin-top: 15px;
}
.pul-segmented-control + .plesk-ext-catalog-extension-overview__details-price {
margin-top: 8px;
}
.plesk-ext-catalog-extension-overview__details-price:not(first-child) {
margin-top: 7px;
}
.plesk-ext-catalog-extension-overview__section-title {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 12px;
}
.plesk-ext-catalog-extension-overview__section-title--info {
font-size: 24px;
line-height: 32px;
margin: -3px 0 3px;
}
.plesk-ext-catalog-extension-overview__section-body {
word-wrap: break-word;
overflow-wrap: break-word;
}
.plesk-ext-catalog-extension-overview__categories-list a {
color: #969696;
}
.plesk-ext-catalog-extension-overview__categories-list a:hover {
color: #188dd9;
}
.plesk-ext-catalog-extension-overview__screenshots {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.plesk-ext-catalog-extension-overview__screenshots > a {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #d6dfe3;
border-radius: 3px;
background: #fff;
}
.plesk-ext-catalog-extension-overview__screenshots img {
width: 160px;
max-width: 100%;
}
.plesk-ext-catalog-extension-overview__popover {
width: 380px;
}
.plesk-ext-catalog-extension-overview__price {
display: flex;
}
.plesk-ext-catalog-extension-overview__price_text {
margin-top: 8px;
color: #222;
font-weight: 600;
line-height: 14px;
background-color: #ececec;
border-radius: 8px;
padding: 0 8px;
}
.plesk-ext-catalog-extension-overview__price_vat {
margin-top: 4px;
margin-right: 8px;
color: #737373;
}
@media (max-width: 480px) {
.plesk-ext-catalog-extension-overview__popover {
width: auto !important;
}
}
@media (min-width: 768px) {
.plesk-ext-catalog-extension-overview__section-body {
padding-right: 80px;
}
.plesk-ext-catalog-extension-overview__details-item--rating {
position: relative;
}
}
@media (min-width: 992px) {
.plesk-ext-catalog-extension-overview__sections {
display: flex;
flex-flow: row nowrap;
}
.plesk-ext-catalog-extension-overview__sections-group {
flex: 1;
min-width: 0;
}
.plesk-ext-catalog-extension-overview__section--screenshots {
order: 1;
}
.plesk-ext-catalog-extension-overview__screenshots {
flex-flow: column nowrap;
margin: 27px 50px 0 75px;
}
}
.plesk-ext-catalog-extension-overview-alert {
display: flex;
align-items: center;
margin: 0;
}
.plesk-ext-catalog-extension-overview-alert__message {
flex: 1 1 auto;
}
.plesk-ext-catalog-extension-overview-alert__button,
.plesk-ext-catalog-extension-overview-alert__icon {
flex: none;
margin-left: 6px;
}
.plesk-ext-catalog-extension-overview-alert__icon {
margin-top: 1px;
margin-bottom: 1px;
align-self: flex-start;
}
.plesk-ext-catalog-extension-overview-alert .s-btn {
margin: 0;
}
@media (max-width: 480px) {
.plesk-ext-catalog-extension-overview-alert--responsive {
flex-wrap: wrap;
}
.plesk-ext-catalog-extension-overview-alert--responsive .plesk-ext-catalog-extension-overview-alert__button {
margin-bottom: 6px;
}
}
@media (min-width: 768px) {
.pul-toaster {
padding-right: 230px;
}
.page-sidebar-closed .pul-toaster,
.page-sidebar-hidden .pul-toaster {
padding-right: 10px;
}
}
.s-btn .pul-icon {
float: right;
margin-right: -20px;
}
.dropdown-icon-menu > li > a .pul-icon {
float: right;
margin-right: -28px;
}