Шаблон:FlatCardWithHeader/Сollapsible: различия между версиями
Материал из Space Station 14 Вики
|
|
| (не показано 17 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| <div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed" style="margin:{{{margin|12px 0px}}};> | | <div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed short-scrollbar" style="background-color:{{{background-color|#ddddff}}}{{{transparency|06}}};margin:{{{margin|8px 0px}}};> |
| <div class="flat-card-with-header--сollapsible__header" style="background-color:{{{background-color|#303039}}}> | | |
| {{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | | <div class="flat-card-with-header--сollapsible__header" style="background-color:{{{background-color|var(--theme-bg-color-250)}}}> |
| <div style="margin-left:4px;margin-right:90px;">'''{{{title}}}'''</div> | | {{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img" style="margin-right:2px">[[Файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} |
| | <div style="margin-left:4px;margin-right:95px;">'''{{{title}}}'''</div> |
| </div> | | </div> |
| <div class="flat-card-with-header--сollapsible__content no-margin-edges mw-collapsible-content" style="padding:{{{padding|8px}}};background-color:{{{background-color|#303039}}}{{{transparency|45}}};{{{style}}}>{{{content}}}</div></div><!--
| |
|
| |
| -->{{#css:
| |
| .flat-card-with-header--сollapsible {
| |
| position: relative;
| |
| border-radius: 0.4em;
| |
| overflow: hidden;
| |
| box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
| |
|
| |
| display: grid;
| |
| }
| |
|
| |
| .flat-card-with-header--сollapsible__header {
| |
| display: flex;
| |
| align-items: center;
| |
| font-family: "noto sans";
| |
| text-align: left;
| |
| padding: 4px;
| |
| border: 1px solid #ffffff0c;
| |
| border-bottom: 3px solid #00000035 !important;
| |
| border-radius: 0.4em 0.4em 0 0;
| |
| min-height: 36px;
| |
|
| |
| grid-row: 1;
| |
| grid-column: 1 / 3;
| |
| }
| |
|
| |
| .flat-card-with-header--сollapsible__header-img {
| |
| background: #00000027;
| |
| padding: 2px;
| |
| border-radius: 0.2em;
| |
| }
| |
|
| |
| .flat-card-with-header--сollapsible__content {
| |
| border-top: 1px solid #00000035;
| |
| overflow: auto;
| |
|
| |
| grid-column: 1 / 3;
| |
| grid-row: 2;
| |
| }
| |
|
| |
|
| .flat-card-with-header--сollapsible .mw-collapsible-toggle {
| | <div class="flat-card-with-header--сollapsible__content no-margin-edges mw-collapsible-content" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!-- |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: flex-end;
| |
| padding: 8px;
| |
|
| |
| top: 0;
| |
| right: 0;
| |
|
| |
| grid-row: 1;
| |
| grid-column: 1 / 3;
| |
| }
| |
|
| |
|
| .flat-card-with-header--сollapsible__content::-webkit-scrollbar { width: 10px; }
| | --><templatestyles src="FlatCardWithHeader/Сollapsible/styles.css" /> |
| .flat-card-with-header--сollapsible__content::-webkit-scrollbar-track { background: #2c2c33; }
| |
| .flat-card-with-header--сollapsible__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; } | |
| }}
| |
Версия от 22:47, 12 апреля 2025
