Blender-ZeroEngine-MSH2-Plugin/src_research_readme/mesh-info-pages/msh Format_files/subpage-style.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%; }