|
|
| (не показано 28 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| <div class="gradient-header-frame--no-gradient" style="margin:{{{margin|16px 0px}}};> | | <div class="flat-card-with-header" style=" |
| | --bg-color: {{{background-color|var(--theme-bg-color-250)}}}; |
| | margin:{{{margin|16px 0px}}}; |
| | "> |
| {{#if:{{{title|}}}| | | {{#if:{{{title|}}}| |
| <div class="gradient-header-frame--no-gradient__header" style="background-color:{{{background-color|#303039}}}> | | <div class="flat-card-with-header__header" style="{{#if:{{{picture|}}}||justify-content:center}}> |
| {{#if:{{{picture|}}}|<div class="gradient-header-frame--no-gradient__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | | {{#if:{{{picture|}}}|<div class="flat-card-with-header__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} |
| <div style="margin-left:6px;">'''{{{title}}}'''</div> | | <div style="margin-left:4px;">'''{{{title}}}'''</div> |
| </div> | | </div> |
| }} | | }} |
| <div class="gradient-header-frame--no-gradient__content no-margin-edges" style="padding:{{{padding|10px}}};background-color:{{{background-color|#303039}}}{{{transparency|50}}};{{{style}}}>{{{content}}}</div></div><!-- | | <div class="flat-card-with-header__content no-margin-edges" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!-- |
|
| |
|
| -->{{#css: | | --><templatestyles src="FlatCardWithHeader/styles.css" /> |
| .gradient-header-frame--no-gradient {
| |
| border-radius: 0.3em;
| |
| overflow: hidden;
| |
| box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
| |
| }
| |
| | |
| .gradient-header-frame--no-gradient__header {
| |
| display: flex;
| |
| align-items: center;
| |
| font-size: 1.1em;
| |
| font-family: "noto sans";
| |
| text-align: left;
| |
| padding: 4px;
| |
| border: 1px solid #ffffff10;
| |
| border-bottom: 3px solid #00000045 !important;
| |
| border-radius: 0.3em 0.3em 0 0;
| |
| }
| |
| | |
| .gradient-header-frame--no-gradient__header-img {
| |
| background: #00000027;
| |
| padding: 2px;
| |
| border-radius: 0.2em;
| |
| }
| |
| | |
| .gradient-header-frame--no-gradient__content {
| |
| overflow: auto;
| |
| }
| |
| | |
| .gradient-header-frame--no-gradient__content::-webkit-scrollbar { width: 10px; }
| |
| .gradient-header-frame--no-gradient__content::-webkit-scrollbar-track { background: #2c2c33; }
| |
| .gradient-header-frame--no-gradient__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
| |
| }}
| |