|
|
| (не показаны 22 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| <div class="link-card noExternal mobile-image link-card__side link-card__side--сollapsible z-index-position" style="--background-color:{{{background-color|#cbcbff14}}}> {{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }} | | <div class="link-card--сollapsible z-index-position" style=" |
| <div class="link-card--сollapsible__header no-margin-edges mw-collapsible mw-collapsed"> | | --bg-color:{{{фон|var(--theme-bg-color-300)}}}; |
| <div class="link-card__image link-card--сollapsible__image">[[Файл:{{{image|Doppelganger.png}}}|{{{pixel|64x64px}}}|link=]]</div>
| | --alpha:{{{прозрачность|90%}}}; |
| <div class="link-card__name link-card--сollapsible__name">{{{name|Название}}}</div> | | {{{style|}}}"> |
| <div class="link-card--сollapsible__content short-scrollbar mw-collapsible-content">{{{content}}}</div> | | <div class="link-card--сollapsible__header mw-collapsible {{#if: {{{развернуть|}}} | | mw-collapsed }}> |
| | <div class="link-card--сollapsible__image link-card--сollapsible__image">[[Файл:{{{изображение|Doppelganger.png}}}|{{{pixel|32x32px}}}|link=]]</div> |
| | <div class="link-card--сollapsible__name link-card--сollapsible__name no-margin-edges">{{{название|Название}}}</div> |
| | <div class="link-card--сollapsible__content short-scrollbar mw-collapsible-content" style="{{#if: {{{без_прокрутки|}}} | | max-height:400px; overflow:auto; overflow-x:hidden; }}{{#if: {{{развернуть|}}} | position: unset !important; }}>{{{содержание}}}</div> |
| </div> | | </div> |
| </div> | | </div><noinclude>{{doc}}</noinclude><!-- |
| {{#css: | |
| .link-card__side--сollapsible {
| |
| display: block;
| |
| position: relative;
| |
| } | |
| | |
| .link-card--сollapsible__header {
| |
| display: grid;
| |
| grid-template-columns: 0fr 1fr 0fr;
| |
| height: 100%;
| |
| } | |
| | |
| .link-card--сollapsible__header > .mw-collapsible-toggle {
| |
| position: relative !important;
| |
| font-size: 14px;
| |
| background: #00000020;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| | |
| | |
| .link-card--сollapsible__name,
| |
| .link-card--сollapsible__image {
| |
| grid-row: 1 / 1;
| |
| }
| |
| | |
| .link-card--сollapsible__content {
| |
| grid-column: 1 / -1;
| |
| background: #00000020;
| |
| position: absolute !important;
| |
| top: 100%;
| |
| left: 0;
| |
| right: 0;
| |
| display: flex;
| |
| gap: 4px;
| |
| max-height: 350px;
| |
| padding: 6px;
| |
| border-radius: 0 0 0.2em 0.2em;
| |
| border: 2px solid #31313b;
| |
| border-top: 0;
| |
| background-color: #24242a;
| |
| box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
| |
| overflow: auto;
| |
| overflow-x: hidden;
| |
| flex-direction: column;
| |
| }
| |
|
| |
|
| .link-card--сollapsible__content:has(.mw-collapsible-toggle-expanded) {
| | --><templatestyles src="LinkCard/Сollapsible/styles.css" /> |
| min-height: 300px;
| |
| }
| |
| }}
| |