MediaWiki:Common.css: различия между версиями
AsnDen (обсуждение | вклад) м #ENG.wikitable |
AsnDen (обсуждение | вклад) Псевдо-модальное окно |
||
| Строка 2336: | Строка 2336: | ||
} | } | ||
/* Прекращение действия лицензии CC BY-SA 4.0*/ | /* Прекращение действия лицензии CC BY-SA 4.0*/ | ||
/* Псевдо-модальное окно */ | |||
.pseudomodal--caller { | |||
cursor:pointer; | |||
} | |||
.pseudomodal { | |||
overflow-y: auto; | |||
display: flex; | |||
flex-direction: column; | |||
visibility: hidden; | |||
opacity: 0; | |||
background-color: #212126; | |||
width: 60%; | |||
height: 80%; | |||
border: 1px solid black; | |||
border-radius: 0.5rem; | |||
padding: 5px 25px; | |||
margin: 25px; | |||
position: fixed; | |||
top: 20%; | |||
left: 35%; | |||
margin-top: -50px; | |||
margin-left: -100px; | |||
z-index: 100 !important; | |||
box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6); | |||
} | |||
.pseudomodal--caller:focus-within + .pseudomodal { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
.pseudomodal:hover { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
.pseudomodal--header { | |||
text-align: center; | |||
font-size: 1.1em; | |||
position: relative; | |||
} | |||
.pseudomodal--header-hr{ | |||
margin: 20px 0; | |||
padding: 0; | |||
height: 0; | |||
border: none; | |||
border-top: 1px solid darkgray; | |||
} | |||
.pseudomodal--body{ | |||
height: 100%; | |||
position: relative; | |||
} | |||
.pseudomodal::-webkit-scrollbar { | |||
width: 0.15rem; | |||
background-color:transparent; | |||
} | |||
.pseudomodal::-webkit-scrollbar-track { | |||
margin:1em; | |||
background: transparent; | |||
} | |||
.pseudomodal::-webkit-scrollbar-thumb { | |||
background-color: transparent; | |||
border: solid #373737; | |||
} | |||