element.style {
}
.block.block--category .block-header {
- text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
- position: relative;
- transition: ease-in .15s border-bottom-left-radius, ease-in .15s border-bottom-right-radius;
}
@media (min-width: 900px) {
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
}
}
.block--category .block-header {
- display: flex;
- align-items: center;
- font-size: 1.6rem;
- color: #fff;
- font-weight: 700;
- border-bottom-width: 0;
- border-bottom-style: solid;
- padding: 10px;
- line-height: 1;
- background-size: cover;
- background-position: center;
- background: linear-gradient(
-270deg, #ffc800 0%, #b38c00 100%);
}
.block-header {
- padding: 10px 10px;
- margin: 0;
- font-weight: 400;
- text-decoration: none;
- font-size: 1.6rem;
- color: #ffc800;
- background: transparent;
- border-bottom: 1px solid #373d4a;
}
* {
- box-sizing: border-box;
}
таблица стилей агента пользователя
h2 {
- display: block;
- font-size: 1.5em;
- margin-block-start: 0.83em;
- margin-block-end: 0.83em;
- margin-inline-start: 0px;
- margin-inline-end: 0px;
- font-weight: bold;
- unicode-bidi: isolate;
}
.block-container {
- color: #e0e6f0;
- background: #1a1f2a;
- border-width: 1px;
- border-style: solid;
- border-top-color: #373d4a;
- border-right-color: #373d4a;
- border-bottom-color: #373d4a;
- border-left-color: #373d4a;
- border-radius: 4px;
- box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
}
body {
- font-size: 1.3rem;
}
Атрибут style {
- font-size: 62.5%;
}
:root {
- --input-border-heavy: #373d4a;
- --input-border-light: #373d4a;
}
html {
- font: 1.3rem / 1.4 sans-serif;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
- font-weight: 400;
- color: #e0e6f0;
- margin: 0;
- padding: 0;
- word-wrap: break-word;
- background-color: #161a21;
}
html {
- line-height: 1.15;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
}
.block-header:before, .block-header:after {
- content: " ";
- display: table;
}
.block.block--category .block-header:after {
- content: '';
- background: url(styles/io_dark/io/images/swirl.png);
- background-size: cover;
- background-position: center;
- position: absolute;
- height: 100%;
- width: 100%;
- z-index: 1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- display: block;
- mix-blend-mode: overlay;
- pointer-events: none;
}
.block-header:after {
- clear: both;
}
.block-header:before, .block-header:after {
- content: " ";
- display: table;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}
*::selection {
- color: #fff;
- background: #ffc800;
}