м (Обновление) |
(Обновление стилей шаблона, добавление) |
||
Строка 30: | Строка 30: | ||
.mainpage-sop-book:hover:not(:has(div:hover)) { | .mainpage-sop-book:hover:not(:has(div:hover)) { | ||
width: | width: fit-content !important; | ||
backdrop-filter: blur(10px); | backdrop-filter: blur(10px); | ||
background: #1f1b57b0; | background: #1f1b57b0; | ||
Строка 47: | Строка 47: | ||
.mainpage-sop-block { | .mainpage-sop-block { | ||
position: relative; | |||
display: inline-block; | display: inline-block; | ||
width: 100px; | width: 100px; | ||
Строка 82: | Строка 83: | ||
top: 2px; | top: 2px; | ||
left: 2px | left: 2px | ||
} | |||
.mainpage-sop-book.right { | |||
float: right; | |||
right: 0; | |||
flex-direction: row-reverse; | |||
} | } |
Версия от 19:59, 7 мая 2024
/*** Шаблон:JobBanWarn ***/
table.jobbanwarn {
background: #ff000020;
border-radius: 15px;
text-align: center;
margin: auto;
}
table.jobbanwarn td.first {
font-size: 36px;
color: red;
padding: 7px;
text-shadow: 0 0 black;
}
table.jobbanwarn td.second p {
margin-bottom:0 ;
}
/*** Шаблон:Заглавная/СРП/Модуль ***/
.mainpage-sop-book {
display: flex;
align-items: center;
max-width: fit-content;
overflow: hidden;
border-radius: var(--border-radius--medium);
transition: background 0.1s linear,
width 0.15s cubic-bezier(1, 0, 1, 1);
}
.mainpage-sop-book:hover:not(:has(div:hover)) {
width: fit-content !important;
backdrop-filter: blur(10px);
background: #1f1b57b0;
z-index: 1;
position: absolute;
}
.mainpage-sop-book img {
transition: all 0.15s;
}
.mainpage-sop-book img:hover {
filter: brightness(1.5);
transform: scale(1.2);
}
.mainpage-sop-block {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
overflow: visible;
}
.mainpage-sop-text {
padding: 0 25px;
text-wrap: nowrap;
align-self: stretch;
}
.mainpage-sop-text p {
font-family: "Boxfont_Round";
font-size: 32px;
color: black;
display: block;
position: relative;
}
.mainpage-sop-text p:before,
.mainpage-sop-text p:after {
content: attr(title);
color: rgb(255 255 255 / 30%);
position: absolute;
}
.mainpage-sop-text p:before {
top: 1px;
left: 1px
}
.mainpage-sop-text p:after {
top: 2px;
left: 2px
}
.mainpage-sop-book.right {
float: right;
right: 0;
flex-direction: row-reverse;
}