Участник: TFMB: различия между версиями
Материал из Vanilla Station
TFMB (обсуждение | вклад) Нет описания правки |
TFMB (обсуждение | вклад) Нет описания правки |
||
| (не показано 12 промежуточных версий этого же участника) | |||
| Строка 8: | Строка 8: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.colapsibletext:not(.mw-collapsed) ~ . | .colapsibletext:not(.mw-collapsed) ~ .colapserbtn{ | ||
width:100%; | width:100%; | ||
} | } | ||
. | .mw-headline:before{order:1;} | ||
. | .mw-headline:after{order:3;} | ||
. | .mw-headline:before,.mw-headline:after{ | ||
content: ""; | content: ""; | ||
content: ""; | content: ""; | ||
| Строка 21: | Строка 21: | ||
background: #000000; | background: #000000; | ||
} | } | ||
. | .colapserbtn{ | ||
order: 2; | order: 2; | ||
width:60%; | |||
margin: 3px 0; | margin: 3px 0; | ||
background: repeating-linear-gradient(-45deg, transparent 16px, #27272e 20px); | background: repeating-linear-gradient(-45deg, transparent 16px, #27272e 20px); | ||
| Строка 29: | Строка 30: | ||
user-select: none; | user-select: none; | ||
box-shadow: 0px 0px 1px 1px black; | box-shadow: 0px 0px 1px 1px black; | ||
} | |||
.colapserbtn:hover{ | |||
width:62%; | |||
} | } | ||
.mw-collapsed{ | .mw-collapsed{ | ||
| Строка 35: | Строка 39: | ||
transition: none; | transition: none; | ||
} | } | ||
.extendedcontainer{ | .extendedcontainer, .mw-headline{ | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: center; | align-items: center; | ||
justify-content: center;} | justify-content: center;} | ||
.mw-headline{ | |||
width: 100%; | |||
order: 2; | |||
} | |||
.h3{ | .h3{ | ||
font-size: 1.1em !important;padding: 5px 15px; | |||
} | } | ||
.h2{ | .h2{ | ||
font-size: 1.4em !important;padding: 5px 15px; | |||
} | } | ||
.colapsibletext:has(*:target) { | .colapsibletext:has(*:target) { | ||
| Строка 56: | Строка 58: | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
. | .colapserbtn{ | ||
width:100% !important; | width:100% !important; | ||
} | } | ||
| Строка 66: | Строка 68: | ||
<h2 class="extendedcontainer"> | <h2 class="extendedcontainer"> | ||
<div class="mw-collapsible mw-collapsed colapsibletext" id="mw-customcollapsible-{{{id|myid}}}">{{{2}}}</div> | <div class="mw-collapsible mw-collapsed colapsibletext" id="mw-customcollapsible-{{{id|myid}}}">{{{2}}}</div> | ||
<div class="mw-customtoggle-{{{id|myid}}} {{#switch:{{{3|h3}}}|h2=h2|h3=h3}}">{{{1}}}</div> | <div class="mw-customtoggle-{{{id|myid}}} colapserbtn {{#switch:{{{3|h3}}}|h2=h2|h3=h3}}">{{{1}}}</div> | ||
</h2> | </h2> | ||