Материал из Vanilla Station
|
|
| Строка 1: |
Строка 1: |
| {{#css: | | {{h3|аааа|{{h3|аааа|бббб|id=hello1}}|id=hello}} |
| .colapsiblebtn{
| |
| min-width: 100%;
| |
| max-height: 1000px;
| |
| transition: max-height 0.3s;
| |
| transition-delay: 0.25s;
| |
| order: 4;
| |
| overflow: hidden;
| |
| }
| |
| .colapsiblebtn:not(.mw-collapsed) ~ .colapserbtn{
| |
| width:100%;
| |
| }
| |
| .extendedcontainer:before{order:1;}
| |
| .extendedcontainer:after{order:3;}
| |
| .extendedcontainer:before,.extendedcontainer:after{
| |
| content: "";
| |
| content: "";
| |
| height: 1px;
| |
| flex-grow: 1;
| |
| border-radius: 12px;
| |
| background: #000000;
| |
| }
| |
| .colapserbtn{
| |
| order:2;
| |
| width:70%;
| |
| background: repeating-linear-gradient(-45deg, transparent 16px, #27272e 20px);
| |
| border-radius: 6px;
| |
| transition: all 0.2s;
| |
| user-select: none;
| |
| padding: 5px 15px;
| |
| box-shadow: 0px 0px 1px 1px black;
| |
| }
| |
| .mw-collapsed{
| |
| max-height:0;
| |
| padding: 0;
| |
| padding-right: 10%;
| |
| padding-left: 10%;
| |
| opacity:0;
| |
| padding-right: 10%;
| |
| display: block !important;
| |
| }
| |
| .extendedcontainer{
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: center;
| |
| justify-content: center;}
| |
| | |
| .colapsiblebtn:has(*:target) {
| |
| transition:none;
| |
| }
| |
| }}
| |
| <div class="extendedcontainer">
| |
| <div class="mw-collapsible mw-collapsed colapsiblebtn" id="mw-customcollapsible-{{{id|myid}}}">
| |
| <div class="extendedcontainer">
| |
| <div class="mw-collapsible mw-collapsed colapsiblebtn" id="mw-customcollapsible-{{{id|myid}}}">{{{2}}}</div>
| |
| <div class="mw-customtoggle-{{{id|myid}}} colapserbtn">{{{1}}}</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="mw-customtoggle-{{{id|myid}}} colapserbtn">{{{1}}}</div>
| |
| </div>
| |
| </div>
| |
Версия от 20:58, 28 сентября 2024