display: block
}
-article, aside, footer, header, nav, section {
+article, aside, footer, header, hgroup, nav, section {
display: block
}
input::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
display: inline-block;
+ -webkit-user-select: none;
}
input::-webkit-outer-spin-button {
-webkit-appearance: outer-spin-button;
display: inline-block;
margin-left: 2px;
+ -webkit-user-select: none;
+}
+
+input::-webkit-input-speech-button {
+ -webkit-appearance: input-speech-button;
+ display: inline-block;
}
textarea {
font-weight: normal;
}
+/* meter */
+
+meter {
+ -webkit-appearance: meter;
+ display: inline-block;
+ height: 1em;
+ width: 5em;
+ vertical-align: -0.2em;
+}
+
+meter::-webkit-meter {
+ -webkit-appearance: meter;
+}
+
+meter::-webkit-meter-horizontal-bar {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc));
+}
+
+meter::-webkit-meter-vertical-bar {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, right top, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc));
+}
+
+meter::-webkit-meter-horizontal-optimum-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3));
+}
+
+meter::-webkit-meter-horizontal-suboptimal-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3));
+}
+
+meter::-webkit-meter-horizontal-even-less-good-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44));
+}
+
+meter::-webkit-meter-vertical-optimum-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, right top, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3));
+}
+
+meter::-webkit-meter-vertical-suboptimal-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, right top, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3));
+}
+
+meter::-webkit-meter-vertical-even-less-good-value {
+ -webkit-appearance: meter;
+ background: -webkit-gradient(linear, left top, right top, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44));
+}
+
+/* progress */
+
+progress {
+ -webkit-appearance: progress-bar;
+ display: inline-block;
+ height: 1em;
+ width: 10em;
+ vertical-align: -0.2em;
+ background-color: gray;
+}
+
+progress::-webkit-progress-bar-value {
+ -webkit-appearance: progress-bar;
+ background-color: green;
+}
+
/* datagrid */
datagrid {
margin: 1__qem 0
}
+mark {
+ background-color: yellow;
+ color: black
+}
+
big {
font-size: larger
}
/* HTML5 ruby elements */
ruby, rt {
- text-indent: 0; /* blocks used for ruby rendering should not trigger this */
+ text-indent: 0; /* blocks used for ruby rendering should not trigger this */
+ line-height: normal;
}
ruby > rt {
border: 2px inset
}
+/* page */
+
+@page {
+ /* FIXME: Define the right default values for page properties. */
+ size: auto;
+ margin: auto;
+ padding: 0px;
+ border-width: 0px;
+}
+
/* noscript is handled internally, as it depends on settings */