You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
307 lines
3.5 KiB
307 lines
3.5 KiB
/*
|
|
css reset
|
|
based on https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
|
|
*/
|
|
|
|
.html {
|
|
display: block;
|
|
}
|
|
|
|
/* children of the <head> element all have display:none */
|
|
.head {
|
|
display: none;
|
|
}
|
|
|
|
.meta {
|
|
display: none;
|
|
}
|
|
|
|
.title {
|
|
display: none;
|
|
}
|
|
|
|
.link {
|
|
display: none;
|
|
}
|
|
|
|
.style {
|
|
display: none;
|
|
}
|
|
|
|
.script {
|
|
display: none;
|
|
}
|
|
|
|
/* generic block-level elements */
|
|
|
|
.body {
|
|
display: block;
|
|
margin: 8rpx;
|
|
}
|
|
|
|
.p {
|
|
display: block;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.div {
|
|
display: block;
|
|
}
|
|
|
|
.layer {
|
|
display: block;
|
|
}
|
|
|
|
.article, .aside, .footer, .header, .hgroup, .main, .nav, .section {
|
|
display: block;
|
|
}
|
|
|
|
.marquee {
|
|
display: inline-block;
|
|
}
|
|
|
|
.address {
|
|
display: block;
|
|
}
|
|
|
|
.blockquote {
|
|
display: block;
|
|
margin: 1em 40rpx;
|
|
}
|
|
|
|
.figcaption {
|
|
display: block;
|
|
}
|
|
|
|
.figure {
|
|
display: block;
|
|
margin: 1em 40rpx;
|
|
}
|
|
|
|
.q {
|
|
display: inline;
|
|
}
|
|
|
|
.q:before {
|
|
content: open-quote;
|
|
}
|
|
|
|
.q:after {
|
|
content: close-quote;
|
|
}
|
|
|
|
.center {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.hr {
|
|
display: block;
|
|
margin: 0.5em 0;
|
|
border: 1rpx inset;
|
|
}
|
|
|
|
.map {
|
|
display: inline;
|
|
}
|
|
|
|
/* heading elements */
|
|
|
|
.h1 {
|
|
display: block;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
margin: 0.67em 0;
|
|
}
|
|
|
|
.h2 {
|
|
display: block;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
margin: 0.83em 0;
|
|
}
|
|
|
|
.h3 {
|
|
display: block;
|
|
font-size: 1.17em;
|
|
font-weight: bold;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.h4 {
|
|
display: block;
|
|
font-weight: bold;
|
|
margin: 1.33em 0;
|
|
}
|
|
|
|
.h5 {
|
|
display: block;
|
|
font-size: 0.83em;
|
|
font-weight: bold;
|
|
margin: 1.67em 0;
|
|
}
|
|
|
|
.h6 {
|
|
display: block;
|
|
font-size: 0.67em;
|
|
font-weight: bold;
|
|
margin: 2.33em 0;
|
|
}
|
|
|
|
/* tables */
|
|
|
|
.table {
|
|
display: table;
|
|
border-collapse: separate;
|
|
border-spacing: 2px;
|
|
border-color: gray;
|
|
}
|
|
|
|
.thead {
|
|
display: table-header-group;
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.tbody {
|
|
display: table-row-group;
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.tfoot {
|
|
display: table-footer-group;
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.col {
|
|
display: table-column;
|
|
}
|
|
|
|
.colgroup {
|
|
display: table-column-group;
|
|
}
|
|
|
|
.tr {
|
|
display: table-row;
|
|
vertical-align: inherit;
|
|
border-color: inherit
|
|
}
|
|
|
|
.td, .th {
|
|
display: table-cell;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.caption {
|
|
display: table-caption;
|
|
text-align: center;
|
|
}
|
|
|
|
/* lists */
|
|
|
|
.ul, .menu, .dir {
|
|
list-style-type: disc;
|
|
margin: 1em 0;
|
|
padding-left: 40rpx;
|
|
}
|
|
|
|
.ol {
|
|
display: block;
|
|
list-style-type: decimal;
|
|
margin: 1em 0;
|
|
padding-left: 40rpx;
|
|
}
|
|
|
|
.li {
|
|
display: list-item;
|
|
text-align: match-parent;
|
|
}
|
|
|
|
.ul .ul, .ol .ul {
|
|
list-style-type: circle
|
|
}
|
|
|
|
.ol .ol .ul, .ol .ul .ul, .ul .ol .ul, .ul .ul .ul {
|
|
list-style-type: square;
|
|
}
|
|
|
|
.dd {
|
|
display: block;
|
|
margin-left: 40rpx;
|
|
}
|
|
|
|
.dl {
|
|
display: block;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.dt {
|
|
display: block
|
|
}
|
|
|
|
.ol .ul, .ul .ol, .ul .ul, .ol .ol {
|
|
margin: 0;
|
|
}
|
|
|
|
/* inline elements */
|
|
|
|
.u, .ins {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.strong, .b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.i, .cite, .em, .var, .address, .dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
.tt, .code, .kbd, .samp {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.pre, .xmp, .plaintext, .listing {
|
|
display: block;
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.mark {
|
|
background-color: yellow;
|
|
color: black;
|
|
}
|
|
|
|
.big {
|
|
font-size: larger;
|
|
}
|
|
|
|
.small {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.s, .strike, .del {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.sub {
|
|
vertical-align: sub;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.sup {
|
|
vertical-align: super;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.nobr {
|
|
white-space: nowrap;
|
|
}
|