96flo (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
96flo (обсуждение | вклад) Нет описания правки |
||
| Строка 10: | Строка 10: | ||
.tooltip { | .tooltip { | ||
position: relative; | |||
display: inline; | |||
} | } | ||
.tooltiptext { | .tooltiptext { | ||
position: absolute; | |||
min-width: 240px; | |||
max-width: 100%; | |||
bottom: 100%; /* Изменено для появления над элементом */ | |||
left: 50%; | |||
transform: translateX(-50%); | |||
z-index: 99; | |||
padding: 22px; | |||
pointer-events: none; | |||
visibility: hidden; | |||
transition: all 0.05s; | |||
border: 1px solid var(--color-contrast); | |||
border-radius: 1.4rem; | |||
background: var(--ooui--bg-color); | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | |||
} | } | ||
.tooltip:hover>.tooltiptext { | .tooltip:hover > .tooltiptext { | ||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
@media screen and (min-width: 851px) { | @media screen and (min-width: 851px) { | ||
.mobile { | |||
display: none; | |||
} | |||
.headder { | |||
width: 25%; | |||
float: right; | |||
margin-left: 1em; | |||
} | |||
.stiky { | |||
position: sticky; | |||
top: 0.1em; | |||
} | |||
} | } | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
.nomobile { | |||
display: none !important; | |||
} | |||
.headder { | |||
width: 100%; | |||
margin-left: 0; | |||
} | |||
.tooltip { | |||
position: static; | |||
} | |||
.tooltiptext { | |||
box-shadow: var(--box-shadow-overlay); | |||
position: fixed !important; | |||
width: 80vw !important; | |||
bottom: 0 !important; /* Изменено для появления внизу экрана */ | |||
left: 50% !important; | |||
transform: translateX(-50%) !important; | |||
margin: 0 !important; | |||
} | |||
/* | |||
.mobilefont { | |||
font-size: 80%; | |||
} | |||
*/ | |||
.mobile-image img { | |||
width: 32px; | |||
height: 32px; | |||
} | |||
} | } | ||
Версия от 14:28, 31 мая 2025
/* Hide title and edit tools on main page */
.page-Заглавная_страница .mw-body-header,
.page-Заглавная_страница .mw-body-footer {
display: none!important;
}
.page-Заглавная_страница .citizen-body-container {
margin: 0!important;
}
.tooltip {
position: relative;
display: inline;
}
.tooltiptext {
position: absolute;
min-width: 240px;
max-width: 100%;
bottom: 100%; /* Изменено для появления над элементом */
left: 50%;
transform: translateX(-50%);
z-index: 99;
padding: 22px;
pointer-events: none;
visibility: hidden;
transition: all 0.05s;
border: 1px solid var(--color-contrast);
border-radius: 1.4rem;
background: var(--ooui--bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.tooltip:hover > .tooltiptext {
visibility: visible;
opacity: 1;
}
@media screen and (min-width: 851px) {
.mobile {
display: none;
}
.headder {
width: 25%;
float: right;
margin-left: 1em;
}
.stiky {
position: sticky;
top: 0.1em;
}
}
@media screen and (max-width: 850px) {
.nomobile {
display: none !important;
}
.headder {
width: 100%;
margin-left: 0;
}
.tooltip {
position: static;
}
.tooltiptext {
box-shadow: var(--box-shadow-overlay);
position: fixed !important;
width: 80vw !important;
bottom: 0 !important; /* Изменено для появления внизу экрана */
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important;
}
/*
.mobilefont {
font-size: 80%;
}
*/
.mobile-image img {
width: 32px;
height: 32px;
}
}