560 lines
13 KiB
CSS
560 lines
13 KiB
CSS
|
h1, h2, h3, h4, h5, h6,
|
||
|
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
|
||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
color: #222;
|
||
|
margin-top: 0;
|
||
|
font-weight: 400;
|
||
|
text-rendering: optimizeLegibility;
|
||
|
line-height: 1; }
|
||
|
|
||
|
h1, .heading-1 {
|
||
|
font-size: 3.333rem;
|
||
|
margin-bottom: 1.333rem;
|
||
|
padding-bottom: .666rem; }
|
||
|
|
||
|
h2, .heading-2 {
|
||
|
font-size: 2.899rem;
|
||
|
margin-bottom: 1rem;
|
||
|
padding-bottom: .666rem; }
|
||
|
|
||
|
h3, .heading-3 {
|
||
|
font-size: 2.133rem;
|
||
|
margin-bottom: .666rem;
|
||
|
padding-bottom: .4rem; }
|
||
|
|
||
|
h4, .heading-4 {
|
||
|
font-size: 1.666rem;
|
||
|
margin-bottom: .666rem;
|
||
|
padding-bottom: .333rem; }
|
||
|
|
||
|
h5, .heading-5 {
|
||
|
font-size: 1.133rem;
|
||
|
margin-bottom: 0.333rem;
|
||
|
padding-bottom: .333rem; }
|
||
|
|
||
|
h6, .heading-6 {
|
||
|
font-size: .799rem;
|
||
|
margin-bottom: 0.333rem;
|
||
|
padding-bottom: .333rem; }
|
||
|
|
||
|
h2, h3, h4, h5, h6 {
|
||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
|
||
|
|
||
|
h2 {
|
||
|
margin-bottom: 1rem;
|
||
|
padding-bottom: .616161rem; }
|
||
|
|
||
|
p {
|
||
|
text-align: justify;
|
||
|
margin-bottom: 1rem;
|
||
|
margin-top: 0; }
|
||
|
|
||
|
small {
|
||
|
font-size: 65%; }
|
||
|
|
||
|
h1, h2, h3, h4, h5, h6, p {
|
||
|
hyphens: auto; }
|
||
|
|
||
|
.anchor {
|
||
|
font-size: 50%;
|
||
|
padding-right: .3em;
|
||
|
padding-left: .3em;
|
||
|
display: none; }
|
||
|
|
||
|
h1:hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
|
||
|
display: inline; }
|
||
|
|
||
|
ul, ol {
|
||
|
margin: 0 0 1rem; }
|
||
|
ul li, ol li {
|
||
|
text-align: justify; }
|
||
|
ul li p, ol li p {
|
||
|
margin-bottom: 0; }
|
||
|
|
||
|
ul {
|
||
|
padding-left: 1.6rem; }
|
||
|
|
||
|
dl {
|
||
|
margin: 0; }
|
||
|
dl dt {
|
||
|
font-weight: bold; }
|
||
|
dl dd {
|
||
|
margin-left: 1.6rem; }
|
||
|
|
||
|
ol {
|
||
|
counter-reset: item;
|
||
|
padding: 0; }
|
||
|
ol > li {
|
||
|
counter-increment: item;
|
||
|
list-style-type: none;
|
||
|
text-indent: -1.6rem;
|
||
|
padding-left: 1.6rem; }
|
||
|
ol > li:before {
|
||
|
content: counter(item) ".";
|
||
|
display: inline-block;
|
||
|
text-align: right;
|
||
|
width: 1.3rem;
|
||
|
padding-right: .3rem;
|
||
|
font-weight: bold; }
|
||
|
ol > li.fancy-block:before {
|
||
|
background: black;
|
||
|
color: white; }
|
||
|
|
||
|
ul.collapsed {
|
||
|
list-style: none;
|
||
|
padding: 0; }
|
||
|
ul.collapsed li {
|
||
|
display: inline-block; }
|
||
|
|
||
|
ul.blocks, ol.blocks {
|
||
|
list-style: none;
|
||
|
padding: 0; }
|
||
|
|
||
|
pre, code {
|
||
|
font-family: Monaco, Consolas, monospace;
|
||
|
text-align: left;
|
||
|
white-space: pre;
|
||
|
word-spacing: normal;
|
||
|
tab-size: 4; }
|
||
|
|
||
|
pre,
|
||
|
:not(pre) > code {
|
||
|
background: rgba(0, 0, 0, 0.066); }
|
||
|
|
||
|
pre {
|
||
|
border-radius: .199em;
|
||
|
margin: .5em 0;
|
||
|
padding: 1em; }
|
||
|
|
||
|
:not(pre) > code {
|
||
|
padding: .15em .2em .05em;
|
||
|
border-radius: .333em; }
|
||
|
|
||
|
h1 > code, h2 > code, h3 > code, h4 > code, h5 > code, h6 > code {
|
||
|
background: none; }
|
||
|
|
||
|
table {
|
||
|
width: 100%;
|
||
|
margin-bottom: 1rem;
|
||
|
border-collapse: collapse; }
|
||
|
table thead {
|
||
|
border-bottom: 2px solid rgba(0, 0, 0, 0.15); }
|
||
|
table thead .title {
|
||
|
text-transform: uppercase; }
|
||
|
table tbody tr:nth-child(odd) {
|
||
|
background: rgba(0, 0, 0, 0.033); }
|
||
|
table td, table th {
|
||
|
padding: .1rem .666rem;
|
||
|
text-align: left;
|
||
|
vertical-align: top; }
|
||
|
table td p, table th p {
|
||
|
margin: 0; }
|
||
|
|
||
|
.tags {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
flex-direction: row-reverse;
|
||
|
flex-wrap: wrap; }
|
||
|
.tags .tag {
|
||
|
padding: .33em .66em;
|
||
|
background: rgba(0, 0, 0, 0.1);
|
||
|
border-radius: .3333em;
|
||
|
font-size: 65%; }
|
||
|
|
||
|
.page__title {
|
||
|
padding: 1.666rem 0; }
|
||
|
.page__title h1 {
|
||
|
margin: 0; }
|
||
|
|
||
|
.page__header {
|
||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
|
||
|
|
||
|
.menu {
|
||
|
flex: 0 0 280px;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
align-items: stretch; }
|
||
|
@media screen and (min-width: 768px) {
|
||
|
.menu {
|
||
|
padding: 0 .66rem 0 0; } }
|
||
|
@media screen and (max-width: 991px) {
|
||
|
.menu {
|
||
|
flex: 1 1 auto; } }
|
||
|
.menu a.home {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch; }
|
||
|
.menu .hr {
|
||
|
text-align: center; }
|
||
|
.menu__nav {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
flex-wrap: wrap; }
|
||
|
.menu__category {
|
||
|
padding: .666rem 0 .222rem;
|
||
|
margin-top: .333rem;
|
||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
|
||
|
.menu__category .category-title {
|
||
|
margin-bottom: 0;
|
||
|
text-align: center;
|
||
|
font-weight: 700;
|
||
|
border: none; }
|
||
|
|
||
|
.container {
|
||
|
margin: 0 auto;
|
||
|
display: flex;
|
||
|
flex-direction: row; }
|
||
|
@media screen and (min-width: 1200px) {
|
||
|
.container {
|
||
|
width: 1160px; } }
|
||
|
@media screen and (max-width: 1199px) {
|
||
|
.container {
|
||
|
width: 952px; } }
|
||
|
@media screen and (max-width: 991px) {
|
||
|
.container {
|
||
|
width: 85%;
|
||
|
flex-direction: column; } }
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.container {
|
||
|
width: 90%;
|
||
|
flex-direction: column; } }
|
||
|
@media screen and (max-width: 991px) {
|
||
|
.container {
|
||
|
flex-direction: column;
|
||
|
margin-top: 2rem; } }
|
||
|
.container .content {
|
||
|
flex: 5;
|
||
|
padding-top: 8px; }
|
||
|
@media screen and (min-width: 768px) {
|
||
|
.container .content {
|
||
|
padding-left: 1rem; } }
|
||
|
.container .content .content-header {
|
||
|
height: 92px; }
|
||
|
.container .content .content-header .content-title {
|
||
|
margin-bottom: 0; }
|
||
|
.container .content .block {
|
||
|
margin-bottom: 3rem; }
|
||
|
|
||
|
input, textarea, select, option {
|
||
|
color: #444; }
|
||
|
|
||
|
input, select {
|
||
|
padding: 0 .666rem;
|
||
|
height: 1.8rem;
|
||
|
font-size: 1rem;
|
||
|
line-height: 1;
|
||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
margin: 0;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
|
border-radius: .199rem;
|
||
|
transition: all .1s; }
|
||
|
input:hover, select:hover {
|
||
|
border-color: rgba(0, 0, 0, 0.333); }
|
||
|
input:active, input:focus, select:active, select:focus {
|
||
|
outline: 0;
|
||
|
border-color: #0070d4;
|
||
|
box-shadow: 0 0 4px 1px rgba(0, 112, 212, 0.333); }
|
||
|
input[type=checkbox], select[type=checkbox] {
|
||
|
height: auto;
|
||
|
position: relative;
|
||
|
cursor: pointer;
|
||
|
-webkit-appearance: none;
|
||
|
appearance: none;
|
||
|
background: rgba(0, 0, 0, 0.15);
|
||
|
border-radius: .15em;
|
||
|
padding: .333em; }
|
||
|
input[type=checkbox]:checked:before, select[type=checkbox]:checked:before {
|
||
|
display: inline-block;
|
||
|
position: absolute;
|
||
|
top: -.333rem;
|
||
|
left: -.063rem;
|
||
|
content: '\002714';
|
||
|
color: black;
|
||
|
font-weight: bold;
|
||
|
font-size: 1.1rem; }
|
||
|
input[type=number], select[type=number] {
|
||
|
padding-right: .333rem; }
|
||
|
|
||
|
select option {
|
||
|
font-size: 1rem;
|
||
|
line-height: 1;
|
||
|
height: 1rem;
|
||
|
border: none; }
|
||
|
select option:hover {
|
||
|
background: rgba(0, 0, 0, 0.3); }
|
||
|
|
||
|
label {
|
||
|
font-weight: bold;
|
||
|
padding: 0;
|
||
|
cursor: pointer; }
|
||
|
label > input {
|
||
|
margin: 0 .5rem; }
|
||
|
|
||
|
button {
|
||
|
font-size: 1rem;
|
||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
padding: .333rem .666rem;
|
||
|
margin: .1rem .15rem;
|
||
|
background: rgba(0, 0, 0, 0.1);
|
||
|
border-radius: .15rem;
|
||
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
|
cursor: pointer;
|
||
|
transition: all .1s; }
|
||
|
button:hover {
|
||
|
border-color: rgba(0, 0, 0, 0.15);
|
||
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.066); }
|
||
|
button:active {
|
||
|
background: rgba(0, 0, 0, 0.13);
|
||
|
box-shadow: none; }
|
||
|
button:first-child {
|
||
|
margin-left: 0; }
|
||
|
|
||
|
.calculator input, .calculator select {
|
||
|
font-family: Monaco, Consolas, monospace;
|
||
|
text-align: right; }
|
||
|
|
||
|
.calculator > * {
|
||
|
margin-bottom: 1rem; }
|
||
|
|
||
|
.calculator .flags {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
flex-wrap: wrap;
|
||
|
margin-bottom: 1rem; }
|
||
|
.calculator .flags .flag {
|
||
|
flex: 0 0 50%; }
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.calculator .flags .flag {
|
||
|
flex: 100%; } }
|
||
|
|
||
|
.calculator .flag-values {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: center;
|
||
|
flex-wrap: wrap;
|
||
|
margin-bottom: 1rem; }
|
||
|
.calculator .flag-values input {
|
||
|
max-width: 4em; }
|
||
|
|
||
|
.calculator .render-type label {
|
||
|
flex: 1;
|
||
|
display: inline-block; }
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.calculator .render-type label {
|
||
|
flex: 100%; } }
|
||
|
|
||
|
.calculator .render-type input {
|
||
|
flex: 0 0 4em;
|
||
|
align-self: flex-end;
|
||
|
margin-right: .666rem; }
|
||
|
|
||
|
.calculator .render-type select {
|
||
|
flex: 1;
|
||
|
align-self: flex-end;
|
||
|
margin-right: .666rem; }
|
||
|
|
||
|
.calculator .data-values label {
|
||
|
flex: 1;
|
||
|
display: inline-block; }
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.calculator .data-values label {
|
||
|
flex: 100%; } }
|
||
|
|
||
|
.calculator .data-values input, .calculator .data-values select {
|
||
|
flex: 0 0 4em;
|
||
|
align-self: flex-end;
|
||
|
margin-right: .666rem; }
|
||
|
|
||
|
.calculator .inputs {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: flex-start;
|
||
|
flex-wrap: wrap;
|
||
|
width: 100%; }
|
||
|
.calculator .inputs > * {
|
||
|
flex: 0 0 50%;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
margin-bottom: .1rem; }
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.calculator .inputs > * {
|
||
|
flex: 100%; } }
|
||
|
|
||
|
.calculator .chunk {
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch; }
|
||
|
.calculator .chunk > * {
|
||
|
display: flex;
|
||
|
align-items: center; }
|
||
|
.calculator .chunk #chunk {
|
||
|
text-align: center; }
|
||
|
|
||
|
* {
|
||
|
box-sizing: border-box; }
|
||
|
|
||
|
body {
|
||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
color: #444;
|
||
|
font-size: 15px;
|
||
|
line-height: 1.65;
|
||
|
margin: 0;
|
||
|
overflow-y: scroll;
|
||
|
background: white; }
|
||
|
|
||
|
img {
|
||
|
max-width: 100%;
|
||
|
height: auto; }
|
||
|
|
||
|
hr {
|
||
|
width: 100%;
|
||
|
border-color: rgba(0, 0, 0, 0.15);
|
||
|
border-style: dashed;
|
||
|
margin: .399em 0 .6em; }
|
||
|
|
||
|
.theme-dark hr, .footer-theme-dark hr {
|
||
|
border-color: rgba(255, 255, 255, 0.1); }
|
||
|
|
||
|
.solid {
|
||
|
border-style: solid; }
|
||
|
|
||
|
.side-hr {
|
||
|
flex: 1;
|
||
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
|
||
|
|
||
|
.side-hr:first-child {
|
||
|
margin-right: 1em; }
|
||
|
|
||
|
.side-hr:last-child {
|
||
|
margin-left: 1em; }
|
||
|
|
||
|
.side-hr.bright {
|
||
|
border-color: rgba(0, 0, 0, 0.05); }
|
||
|
|
||
|
.side-hr.bright {
|
||
|
border-color: rgba(255, 255, 255, 0.1); }
|
||
|
|
||
|
a:not(.button) {
|
||
|
color: #0070d4;
|
||
|
padding-bottom: .1em; }
|
||
|
a:not(.button):hover {
|
||
|
color: #0061c7;
|
||
|
text-decoration: underline; }
|
||
|
|
||
|
a, a:hover, a:focus, button, button:hover, button:focus {
|
||
|
text-decoration: none;
|
||
|
outline: 0; }
|
||
|
|
||
|
a.no-style, a.no-style:hover {
|
||
|
border: none;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
text-transform: none;
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
color: initial; }
|
||
|
|
||
|
a.chunk {
|
||
|
font-family: Monaco, Consolas, monospace;
|
||
|
border-bottom: 0;
|
||
|
padding: .066rem .3rem;
|
||
|
background: rgba(0, 0, 0, 0.05); }
|
||
|
a.chunk:hover {
|
||
|
background: rgba(0, 0, 0, 0.075); }
|
||
|
|
||
|
span.chunk {
|
||
|
font-family: Monaco, Consolas, monospace;
|
||
|
border-bottom: 0;
|
||
|
padding: .066rem .3rem;
|
||
|
background: rgba(0, 0, 0, 0.05); }
|
||
|
|
||
|
nav a, .navigation a {
|
||
|
display: block;
|
||
|
padding: .099rem .666rem; }
|
||
|
nav a:hover, .navigation a:hover {
|
||
|
background: rgba(0, 0, 0, 0.033);
|
||
|
text-decoration: none !important; }
|
||
|
|
||
|
*::selection {
|
||
|
background-color: #2090f4;
|
||
|
color: white; }
|
||
|
|
||
|
*::-moz-selection {
|
||
|
background-color: #2090f4;
|
||
|
color: white; }
|
||
|
|
||
|
.no-select {
|
||
|
-webkit-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none;
|
||
|
cursor: default; }
|
||
|
|
||
|
.long, .float, .short, .byte, .string, .crc {
|
||
|
font-family: Monaco, Consolas, monospace; }
|
||
|
|
||
|
.long, .short, .float {
|
||
|
color: red; }
|
||
|
|
||
|
.string {
|
||
|
color: lightgreen; }
|
||
|
|
||
|
.byte {
|
||
|
color: orange; }
|
||
|
|
||
|
.crc {
|
||
|
color: orange; }
|
||
|
|
||
|
table.structure tr td:first-child {
|
||
|
white-space: nowrap; }
|
||
|
|
||
|
table.structure tr td:nth-child(2) {
|
||
|
font-family: Monaco, Consolas, monospace;
|
||
|
white-space: nowrap; }
|
||
|
|
||
|
table.structure tr td:nth-child(1), table.structure tr th:nth-child(1) {
|
||
|
width: 16%; }
|
||
|
|
||
|
table.structure tr td:nth-child(2), table.structure tr th:nth-child(2) {
|
||
|
text-align: right;
|
||
|
width: 8%; }
|
||
|
|
||
|
table.hierarchy tr td:nth-child(1), table.hierarchy tr th:nth-child(1) {
|
||
|
width: 15%; }
|
||
|
|
||
|
table.hierarchy tr td:nth-child(2), table.hierarchy tr th:nth-child(2) {
|
||
|
width: 50%; }
|
||
|
|
||
|
table.hierarchy tr td:nth-child(3), table.hierarchy tr th:nth-child(3) {
|
||
|
width: 35%; }
|
||
|
|
||
|
table.render-type tr td:first-child, table.render-type tr td:nth-child(2) {
|
||
|
font-family: Monaco, Consolas, monospace; }
|
||
|
|
||
|
table.render-type tr td:first-child, table.render-type tr th:first-child,
|
||
|
table.render-type tr td:nth-child(2), table.render-type tr th:nth-child(2) {
|
||
|
text-align: right;
|
||
|
width: 5%; }
|
||
|
|
||
|
table.render-type tr td:nth-child(3), table.render-type tr th:nth-child(3) {
|
||
|
width: 45%; }
|
||
|
|
||
|
table.render-type tr td:nth-child(4), table.render-type tr th:nth-child(4) {
|
||
|
width: 45%; }
|
||
|
|
||
|
.hierarchy .children {
|
||
|
padding-left: 3rem;
|
||
|
border-left: 1px dotted rgba(0, 0, 0, 0.15); }
|
||
|
|
||
|
.hierarchy header:not(.has-children) {
|
||
|
display: inline-block; }
|
||
|
|
||
|
.block-msh2txt table td:first-child, .block-msh2txt table td:nth-child(2) {
|
||
|
font-family: monospace;
|
||
|
width: 20%; }
|