|
|
| Строка 15: |
Строка 15: |
| --></div><!-- | | --></div><!-- |
|
| |
|
| -->{{#css: | | --><templatestyles src="GradientBlock/styles.css" /> |
| .gradient-block {
| |
| display: flex;
| |
| flex-direction: column;
| |
| border: 1px solid #3c3c47;
| |
| border-radius: 0.2em;
| |
| }
| |
| | |
| .gradient-block__header,
| |
| .gradient-block__sub-body {
| |
| background: linear-gradient(120deg, #33333d, #2b2b33);
| |
| text-align: left;
| |
| border-radius: 0.2em 0.2em 0 0;
| |
| }
| |
| | |
| .gradient-block__header {
| |
| border-radius: 0.2em 0.2em 0 0;
| |
| padding: 6px;
| |
| border-bottom: 2px solid #00000039;
| |
| }
| |
| | |
| .gradient-block__sub-body {
| |
| border-radius: 0 0 0.2em 0.2em;
| |
| padding: 2px 6px;
| |
| flex-grow: 1;
| |
| }
| |
| | |
| .gradient-block__body {
| |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
| |
| background: #232329;
| |
| flex-grow: 100;
| |
| border-radius: 0 0 0.2em 0.2em;
| |
| padding: 8px;
| |
| position: relative;
| |
| font-size: 14px;
| |
| overflow: auto;
| |
| }
| |
| }}
| |