Файловый менеджер - Редактировать - /home/lmsyaran/public_html/templates/g5_hydrogen/custom/scss/_portfolio.scss
Назад
// Set the variable defaults in case they are missing in the template $base-title-color: #4d4d4d !default; .g-portfolio { .g-portfolio-filter { margin-bottom: 30px; &.uk-subnav > * { } &.uk-subnav > * > * { color: $base-text-color; } &.uk-subnav-pill > * > * { padding: 3px 8px; border: 1px solid $base-border-color; background: #ffffff; @include transition(all, 0.2s); &:focus, &:hover { background: #ffffff; box-shadow: none; border: 1px solid $accent-color-1; color: $accent-color-1; } } .uk-active { > a { background: #ffffff; border: 1px solid $accent-color-1; color: $accent-color-1; box-shadow: none; } } } .g-portfolio-item { border: 1px solid $base-border-color; } &.gutter-disabled { .g-portfolio-item { border: none; } } .g-portfolio-image { > a { display: block; } } .g-info-container { padding: 20px; background: #ffffff; } p { margin: 0; } .g-portfolio-title { margin: 0; a { color: $base-title-color; &:hover { color: $accent-color-1; } } } .g-item-details { margin-top: 10px; font-size: 90%; color: lighten($base-text-color, 20%); font-style: italic; i { margin-right: 5px; } } .g-portfolio-desc { margin-top: 10px; } .g-info-container-style2 { &.uk-overlay-panel { padding: 15px; p { margin-top: 5px; } a { color: #ffffff; &:hover { color: $accent-color-1; } } } .g-portfolio-special, .g-item-details { color: lighten($base-text-color, 35%); } } .g-portfolio-special { color: lighten($base-text-color, 20%); font-style: italic; float: left; @include breakpoint(small-mobile-range) { float: none; } @include breakpoint(tablet-range) { float: none; } i { margin-right: 5px; } } .g-portfolio-link { float: right; font-style: italic; i { margin-left: 10px; } @include breakpoint(small-mobile-range) { float: none; margin-top: 5px; } @include breakpoint(tablet-range) { float: none; margin-top: 5px; } } .no-special { .g-portfolio-link { float: none; } } .no-link { .g-portfolio-special { float: none; } } .g-bottom-info { margin-top: 15px; } &.style3 { .g-info-container { position: absolute; visibility: hidden; z-index: 9; opacity: 0; border: 1px solid $base-border-color; border-top: none; width: 100%; @include transition(opacity 0.3s); } .g-portfolio-item { border: none; position: relative; &:hover { .g-info-container { visibility: visible; opacity: 1; } } } } &.style4 { .g-info-container-style2 { @include background(linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.8) 100%)); padding: 20px; a { color: #ffffff; &:hover { color: #ffffff; text-decoration: underline; } } } .g-portfolio-image { .uk-overlay { img { @include transition(all 1s); } } &:hover { .uk-overlay { img { @include transform(scale(1.15)); } } } } } } .portfolio-special { .g-portfolio-filter { text-align: center; position: relative; top: -50px; margin-bottom: 0; justify-content: center; } } #g-fullwidth, .g-flushed { .g-portfolio { &.gutter-enabled { padding: 30px; } &.filters-enabled { &.gutter-enabled { padding-top: 0; } } .g-portfolio-filter { border-bottom: 1px solid #f0f0f0; &.uk-subnav-pill > * > * { padding: 0; border: none; height: 50px; width: 100%; line-height: 50px; font-weight: bold; font-size: 1rem; border-radius: 0; @include breakpoint(desktop-range) { font-size: 0.9rem; font-weight: normal; } @include breakpoint(tablet-range) { height: auto; line-height: inherit; padding: 13px 0; font-size: 0.8rem; font-weight: normal; } @include breakpoint(mobile-only) { height: auto; line-height: inherit; padding: 13px 0; font-size: 0.8rem; font-weight: normal; } } &.uk-subnav { margin-left: -30px; margin-right: -30px; > * { padding-left: 0; border-right: 1px solid #f0f0f0; @include flex(1); text-align: center; } } } &.gutter-disabled { .g-portfolio-filter { margin-bottom: 0; &.uk-subnav { padding: 0 30px; } } } } } .uk-tooltip { &.g-portfolio-tooltip { padding: 6px 12px; font-size: 13px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.05 |
proxy
|
phpinfo
|
Настройка