mirror of https://github.com/alibaba/ice.git
650 lines
9.1 KiB
CSS
650 lines
9.1 KiB
CSS
.h5-html {
|
|
display: block;
|
|
}
|
|
|
|
.h5-head {
|
|
display: none;
|
|
}
|
|
|
|
.h5-meta {
|
|
display: none;
|
|
}
|
|
|
|
.h5-title {
|
|
display: none;
|
|
}
|
|
|
|
.h5-link {
|
|
display: none;
|
|
}
|
|
|
|
.h5-style {
|
|
display: none;
|
|
}
|
|
|
|
.h5-script {
|
|
display: none;
|
|
}
|
|
|
|
.h5-body {
|
|
display: block;
|
|
margin: 8px;
|
|
}
|
|
|
|
.h5-p {
|
|
display: block;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-div {
|
|
display: block;
|
|
}
|
|
|
|
.h5-layer {
|
|
display: block;
|
|
}
|
|
|
|
.h5-article,
|
|
.h5-aside,
|
|
.h5-footer,
|
|
.h5-header,
|
|
.h5-hgroup,
|
|
.h5-main,
|
|
.h5-nav,
|
|
.h5-section {
|
|
display: block;
|
|
}
|
|
|
|
.h5-marquee {
|
|
display: inline-block;
|
|
width: stretch;
|
|
}
|
|
|
|
.h5-address {
|
|
display: block;
|
|
}
|
|
|
|
.h5-blockquote {
|
|
display: block;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 40px;
|
|
margin-inline-end: 40px;
|
|
}
|
|
|
|
.h5-figcaption {
|
|
display: block;
|
|
}
|
|
|
|
.h5-figure {
|
|
display: block;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 40px;
|
|
margin-inline-end: 40px;
|
|
}
|
|
|
|
.h5-q {
|
|
display: inline;
|
|
}
|
|
|
|
.h5-q::before {
|
|
content: open-quote;
|
|
}
|
|
|
|
.h5-q::after {
|
|
content: close-quote;
|
|
}
|
|
|
|
.h5-center {
|
|
display: block;
|
|
text-align: -webkit-center;
|
|
}
|
|
|
|
.h5-hr {
|
|
display: block;
|
|
overflow: hidden;
|
|
border-width: 1px;
|
|
border-style: inset;
|
|
unicode-bidi: isolate;
|
|
margin-block-start: 0.5em;
|
|
margin-block-end: 0.5em;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
}
|
|
|
|
.h5-map {
|
|
display: inline;
|
|
}
|
|
|
|
.h5-video {
|
|
object-fit: contain;
|
|
}
|
|
|
|
.h5-h1 {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 2em;
|
|
margin-block-start: 0.67em;
|
|
margin-block-end: 0.67em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
:-webkit-any(.h5-article) .h5-h1 {
|
|
font-size: 1.5em;
|
|
margin-block-start: 0.83em;
|
|
margin-block-end: 0.83em;
|
|
}
|
|
|
|
:-webkit-any(.h5-article) :-webkit-any(.h5-article) .h5-h1 {
|
|
font-size: 1.17em;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
}
|
|
|
|
:-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) .h5-h1 {
|
|
font-size: 1em;
|
|
margin-block-start: 1.33em;
|
|
margin-block-end: 1.33em;
|
|
}
|
|
|
|
:-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) .h5-h1 {
|
|
font-size: 0.83em;
|
|
margin-block-start: 1.67em;
|
|
margin-block-end: 1.67em;
|
|
}
|
|
|
|
:-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) :-webkit-any(.h5-article) .h5-h1 {
|
|
font-size: 0.67em;
|
|
margin-block-start: 2.33em;
|
|
margin-block-end: 2.33em;
|
|
}
|
|
|
|
.h5-h2 {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
margin-block-start: 0.83em;
|
|
margin-block-end: 0.83em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-h3 {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 1.17em;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-h4 {
|
|
display: block;
|
|
margin-block-start: 1.33em;
|
|
margin-block-end: 1.33em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.h5-h5 {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 0.83em;
|
|
margin-block-start: 1.67em;
|
|
margin-block-end: 1.67em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-h6 {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 0.67em;
|
|
margin-block-start: 2.33em;
|
|
margin-block-end: 2.33em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-table {
|
|
display: table;
|
|
border-collapse: separate;
|
|
border-spacing: 2px;
|
|
box-sizing: border-box;
|
|
border-color: gray;
|
|
text-indent: initial;
|
|
}
|
|
|
|
.h5-thead {
|
|
display: table-header-group;
|
|
border-color: inherit;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.h5-tbody {
|
|
display: table-row-group;
|
|
border-color: inherit;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.h5-tfoot {
|
|
display: table-footer-group;
|
|
border-color: inherit;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.h5-table > .h5-tr {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.h5-col {
|
|
display: table-column;
|
|
}
|
|
|
|
.h5-colgroup {
|
|
display: table-column-group;
|
|
}
|
|
|
|
.h5-tr {
|
|
display: table-row;
|
|
border-color: inherit;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.h5-td,
|
|
.h5-th {
|
|
display: table-cell;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.h5-th {
|
|
text-align: -internal-center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.h5-caption {
|
|
display: table-caption;
|
|
text-align: -webkit-center;
|
|
}
|
|
|
|
.h5-ul,
|
|
.h5-menu,
|
|
.h5-dir {
|
|
display: block;
|
|
list-style-type: disc;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
padding-inline-start: 40px;
|
|
}
|
|
|
|
.h5-ol {
|
|
display: block;
|
|
list-style-type: decimal;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
padding-inline-start: 40px;
|
|
}
|
|
|
|
.h5-li {
|
|
display: list-item;
|
|
text-align: -webkit-match-parent;
|
|
}
|
|
|
|
.h5-ul .h5-ul,
|
|
.h5-ol .h5-ul {
|
|
list-style-type: circle;
|
|
}
|
|
|
|
.h5-ol .h5-ol .h5-ul,
|
|
.h5-ol .h5-ul .h5-ul,
|
|
.h5-ul .h5-ol .h5-ul,
|
|
.h5-ul .h5-ul .h5-ul {
|
|
list-style-type: square;
|
|
}
|
|
|
|
.h5-dd {
|
|
display: block;
|
|
margin-inline-start: 40px;
|
|
}
|
|
|
|
.h5-dl {
|
|
display: block;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.h5-dt {
|
|
display: block;
|
|
}
|
|
|
|
.h5-ol .h5-ul,
|
|
.h5-ul .h5-ol,
|
|
.h5-ul .h5-ul,
|
|
.h5-ol .h5-ol {
|
|
margin-block-start: 0;
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.h5-form {
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.h5-label {
|
|
cursor: default;
|
|
}
|
|
|
|
.h5-legend {
|
|
display: block;
|
|
padding-inline-start: 2px;
|
|
padding-inline-end: 2px;
|
|
border: none;
|
|
}
|
|
|
|
.h5-fieldset {
|
|
display: block;
|
|
margin-inline-start: 2px;
|
|
margin-inline-end: 2px;
|
|
padding-block-start: 0.35em;
|
|
padding-inline-start: 0.75em;
|
|
padding-inline-end: 0.75em;
|
|
padding-block-end: 0.625em;
|
|
border: 2px groove ThreeDFace;
|
|
min-inline-size: min-content;
|
|
}
|
|
|
|
.h5-button {
|
|
appearance: auto;
|
|
}
|
|
|
|
.h5-input,
|
|
.h5-textarea,
|
|
.h5-select,
|
|
.h5-button,
|
|
.h5-meter,
|
|
.h5-progress {
|
|
writing-mode: horizontal-tb !important;
|
|
}
|
|
|
|
.h5-input,
|
|
.h5-textarea,
|
|
.h5-select,
|
|
.h5-button {
|
|
display: inline-block;
|
|
margin: 0;
|
|
line-height: normal;
|
|
text-align: start;
|
|
text-indent: 0;
|
|
text-shadow: none;
|
|
text-transform: none;
|
|
font-variant: small-control;
|
|
color: black;
|
|
word-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.h5-textarea {
|
|
column-count: initial !important;
|
|
padding: 2px;
|
|
border: 1px solid #767676;
|
|
appearance: auto;
|
|
background-color: #fff;
|
|
resize: auto;
|
|
cursor: text;
|
|
font-family: monospace;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
-webkit-rtl-ordering: logical;
|
|
}
|
|
|
|
.h5-input {
|
|
padding: 1px 0;
|
|
border: 2px inset #767676;
|
|
appearance: auto;
|
|
background-color: #fff;
|
|
cursor: text;
|
|
-webkit-rtl-ordering: logical;
|
|
}
|
|
|
|
.h5-option:-internal-spatial-navigation-focus {
|
|
outline: black dashed 1px;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
.h5-datalist {
|
|
display: none;
|
|
}
|
|
|
|
.h5-area {
|
|
display: inline;
|
|
}
|
|
|
|
.h5-param {
|
|
display: none;
|
|
}
|
|
|
|
.h5-select {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
border: 1px solid #767676;
|
|
border-radius: 0;
|
|
appearance: auto;
|
|
background-color: #fff;
|
|
cursor: default;
|
|
color: black;
|
|
white-space: pre;
|
|
-webkit-rtl-ordering: logical;
|
|
}
|
|
|
|
.h5-optgroup {
|
|
display: block;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.h5-option {
|
|
display: block;
|
|
padding: 0 2px 1px;
|
|
min-height: 1.2em;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.h5-selectmenu {
|
|
display: inline-block;
|
|
}
|
|
|
|
.h5-output {
|
|
display: inline;
|
|
}
|
|
|
|
.h5-meter {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 5em;
|
|
height: 1em;
|
|
appearance: auto;
|
|
-webkit-user-modify: read-only !important;
|
|
vertical-align: -0.2em;
|
|
}
|
|
|
|
.h5-progress {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 10em;
|
|
height: 1em;
|
|
appearance: auto;
|
|
vertical-align: -0.2em;
|
|
}
|
|
|
|
.h5-u,
|
|
.h5-ins {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.h5-strong,
|
|
.h5-b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.h5-i,
|
|
.h5-cite,
|
|
.h5-em,
|
|
.h5-var,
|
|
.h5-address,
|
|
.h5-dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
.h5-tt,
|
|
.h5-code,
|
|
.h5-kbd,
|
|
.h5-samp {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.h5-pre,
|
|
.h5-xmp,
|
|
.h5-plaintext,
|
|
.h5-listing {
|
|
display: block;
|
|
margin: 1em 0;
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
}
|
|
|
|
.h5-mark {
|
|
background-color: yellow;
|
|
color: black;
|
|
}
|
|
|
|
.h5-big {
|
|
font-size: larger;
|
|
}
|
|
|
|
.h5-small {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.h5-s,
|
|
.h5-strike,
|
|
.h5-del {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.h5-sub {
|
|
vertical-align: sub;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.h5-sup {
|
|
vertical-align: super;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.h5-nobr {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.h5-ruby,
|
|
.h5-rt {
|
|
text-indent: 0;
|
|
}
|
|
|
|
.h5-rt {
|
|
line-height: normal;
|
|
text-emphasis: none;
|
|
}
|
|
|
|
.h5-ruby > .h5-rt {
|
|
display: block;
|
|
text-align: start;
|
|
font-size: 50%;
|
|
}
|
|
|
|
.h5-rp {
|
|
display: none;
|
|
}
|
|
|
|
.h5-noframes {
|
|
display: none;
|
|
}
|
|
|
|
.h5-frameset,
|
|
.h5-frame {
|
|
display: block;
|
|
}
|
|
|
|
.h5-frameset {
|
|
border-color: inherit;
|
|
}
|
|
|
|
.h5-iframe {
|
|
border: 2px inset;
|
|
}
|
|
|
|
.h5-details {
|
|
display: block;
|
|
}
|
|
|
|
.h5-summary {
|
|
display: block;
|
|
}
|
|
|
|
.h5-template {
|
|
display: none;
|
|
}
|
|
|
|
.h5-bdi,
|
|
.h5-output {
|
|
unicode-bidi: isolate;
|
|
}
|
|
|
|
.h5-bdo {
|
|
unicode-bidi: bidi-override;
|
|
}
|
|
|
|
.h5-dialog:not([open]) {
|
|
display: none;
|
|
}
|
|
|
|
.h5-dialog {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
padding: 1em;
|
|
border: solid;
|
|
width: fit-content;
|
|
height: fit-content;
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
.h5-dialog::backdrop {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: rgb(0 0 0 / 10%);
|
|
}
|
|
|
|
.h5-slot {
|
|
display: contents;
|
|
}
|