Small update for hdrezka.ag/rezka.ag
hdrezka.ag by rostyslav-dubrivnyi
Details
Authorrostyslav-dubrivnyi
LicenseNo License
Categoryhdrezka.ag, rezka.ag
Created
Updated
Size22 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name rezka.ag - 09/04/2022, 14:55:05
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("rezka.ag"),
domain("hdrezka.ag") {
body {
width: 100%;
max-width: 100vw;
min-width: 350px;
height: auto;
min-height: 100vh;
}
body.has-brand #wrapper,
body div#wrapper {
padding: 0 !important;
box-sizing: border-box;
width: 100%;
margin: 0;
overflow: hidden;
}
body div#wrapper > #main {
padding-bottom: 0 !important;
box-sizing: border-box;
width: 100%;
padding-top: 70px!important;
}
.b-tophead_wrapper.fixed {
position: fixed!important;
top: 0;
height: 40px;
overflow: hidden;
}
#top-nav {
position: absolute!important;
top: 40px;
}
.b-tophead__subscribe-dropdown-inner {
display: none;
}
.b-tophead-dropdown {
padding: 0 10px;
}
.b-newest_slider {
width: 100%;
max-width: 1200px;
padding: 10px 15px;
box-sizing: border-box;
overflow: visible;
}
.b-newest_slider .cntrl.prev {
left: 5px;
width: 50px;
top: calc(50% - 25px);
bottom: calc(50% - 25px);
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
background-color: #bcaaa4;
box-shadow: 1px 1px 2px 0px #6f6f6f;
border-radius: 50%;
}
.b-newest_slider .cntrl.prev:before {
box-sizing: border-box;
padding: 0;
margin: 0;
float: none;
width: 2px;
height: 10px;
border: none;
background-color: #ffffff;
transform: rotate(50deg);
margin-bottom: -5px;
}
.b-newest_slider .cntrl.prev:after {
content: ' ';
box-sizing: border-box;
padding: 0;
margin: 0;
float: none;
width: 2px;
height: 10px;
border: none;
background-color: #ffffff;
transform: rotate(-55deg);
margin-top: 0px;
}
.b-newest_slider .cntrl.next {
right: 5px;
width: 50px;
top: calc(50% - 25px);
bottom: calc(50% - 25px);
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
background-color: #bcaaa4;
box-shadow: 1px 1px 2px 0px #6f6f6f;
border-radius: 50%;
}
.b-newest_slider .cntrl.next:before {
box-sizing: border-box;
padding: 0;
margin: 0;
float: none;
width: 2px;
height: 10px;
border: none;
background-color: #ffffff;
transform: rotate(-50deg);
margin-bottom: -5px;
}
.b-newest_slider .cntrl.next:after {
content: ' ';
box-sizing: border-box;
padding: 0;
margin: 0;
float: none;
width: 2px;
height: 10px;
border: none;
background-color: #ffffff;
transform: rotate(55deg);
margin-top: 0px;
}
.b-newest_slider__wrapper {
box-sizing: border-box;
padding: 0;
}
.b-newest_slider__inner {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.b-newest_slider__title {
width: 100%;
max-width: 1200px;
padding: 10px 15px;
box-sizing: border-box;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
.b-newest_slider__list {
display: flex;
}
.b-newest_slider__list .b-content__inline_item {
min-width: 120px;
max-width: 155px;
margin-left: 12px;
box-sizing: border-box;
}
.glory {
width: calc(100vh - 30px);
display: flex;
margin: 20px auto;
position: relative;
}
.glory img {
width: 100%;
max-width: 1200px;
height: auto;
max-height: 100%;
display: block;
margin: 0 auto;
border-radius: 15px;
box-shadow: 0px 0px 10px -5px #000000;
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.glory img {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.b-content__main_filters {
width: 100%;
max-width: 1200px;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 50px auto;
margin-bottom: 0;
overflow: unset;
gap: 15px;
flex-wrap: wrap;
}
..b-content__main_filters_item_left {
float: none;
}
.b-content__main_filters_link,
.b-content__filters_types {
text-decoration: none;
background-color: transparent;
height: auto;
border: none;
border-radius: 2px;
box-shadow: 0px 0px 2px -2px #545454;
color: #282829 !important;
font-weight: 600;
text-transform: lowercase;
transition: 200ms;
box-sizing: border-box;
}
.b-content__main_filters_link .filter-link,
.b-content__filters_types .filter-link {
padding: 0;
margin: 0;
box-sizing: border-box;
line-height: 1;
}
.b-content__main_filters_link:hover,
.b-content__filters_types .filter-link:hover {
text-decoration: none;
background-color: #efebe9;
height: auto;
border: none;
border-radius: 2px;
box-shadow: 0px 6px 6px -8px #545454;
color: #282829 !important;
font-weight: 600;
transition: 200ms;
box-sizing: border-box;
}
.b-content__main_filters_link.active,
.b-content__filters_types .filter-link.active {
background-color: #ffca28;
height: auto;
padding: 4px 10px;
line-height: 1;
border: none;
border-radius: 2px;
box-shadow: 2px 2px 4px -2px #545454;
color: #282829 !important;
font-weight: 600;
transition: 200ms;
text-transform: lowercase;
}
.b-content__filters_types {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: unset;
gap: 15px;
background-color: #fff;
padding: 5px 20px;
border-radius: 4px
}
.b-content__filters_types .filter-text {
display: none;
}
.b-wrapper {
width: 100%;
max-width: 1200px;
padding: 0 15px;
box-sizing: border-box;
}
.b-content.b-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0 auto;
box-sizing: border-box;
}
.b-content__inline {
width: 100%;
}
.b-content__inline_inner {
margin: 0;
}
.b-content__inline_inner.b-content__inline_inner_mainprobar,
.b-content__inline_inner.b-content__inline_inner_main {
display: flex;
flex-direction: column;
padding-right: 0;
box-sizing: border-box;
}
.b-content__inline_inner_mainprobar .b-content__inline_item {
margin: 0 !important;
}
.b-navigation {
position: absolute;
bottom: 0;
box-sizing: border-box;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
margin: 0;
padding: 30px 0;
}
.b-content__inline_items {
width: 100%;
order: 2;
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-around;
padding: 0;
gap: 20px;
margin-top: 0px;
position: relative;
padding-bottom: 120px;
box-sizing: border-box;
}
.b-navigation span,
.b-navigation a {
height: 20px;
width: 20px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #444444;
}
.b-navigation span.no-page {
background-color: transparent;
}
.b-content__inline_item {
flex: 1 0 250px;
margin: 0;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 1px 1px 8px -4px #858585;
box-sizing: border-box;
}
.b-content__inline_item-cover {
border: none;
padding: 0;
box-sizing: border-box;
}
.b-content__inline_item-cover a {
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.b-content__inline_item .info {
left: 5px;
bottom: 5px;
color: #000000;
}
.b-content__inline_item-cover a img {
height: auto;
max-height: 100%;
width: 100%;
display: block;
object-fit: fill;
margin: 0px auto;
box-sizing: border-box;
}
.b-content__inline_item-cover a,
.b-content__inline_item-cover .layer {
background-color: #313131;
}
.b-content__inline_item-link {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: auto;
width: 100%;
padding: 15px 10px;
line-height: 1.4;
gap: 10px;
box-sizing: border-box;
}
.b-content__inline_item-link > a {
display: block;
order: 2;
width: 90%;
}
.b-content__inline_sidebar {
width: 100%;
background-color: #fefefe;
padding: 10px;
order: 1;
float: none;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
margin: 10px auto;
overflow: hidden;
border-radius: 10px;
box-shadow: 1px 1px 8px -4px #858585;
gap: 15px;
box-sizing: border-box;
margin-bottom: 50px;
}
.b-seriesupdate__block {
float: unset;
width: calc(50% - 15px);
box-sizing: border-box;
overflow: hidden;
display: none;
border: none;
background-color: #ffffff;
transition: 200ms;
}
.b-seriesupdate__block:nth-of-type(2),
.b-seriesupdate__block:nth-of-type(3) {
display: block;
}
.b-seriesupdate__block_date {
background-color: transparent;
color: #000000;
padding: 8px 14px;
font-size: 20px;
}
.b-seriesupdate__block_list {
height: 300px;
position: relative;
border-top: none;
...