@evidentpoint/readium-css
Version:
A set of reference stylesheets for EPUB Reading Systems
225 lines (182 loc) • 4.02 kB
CSS
/* HTML5 Suggested rendering versus IE UA Stylesheet (version 11.0.9600.18698 — Win 8.1)
IE 11 - Document mode = Edge (doctype html enables it)
Source: https://www.w3.org/TR/html5/rendering.html */
@namespace url(http://www.w3.org/1999/xhtml);
/* 015
Button */
button {
display: inline-block;
-ms-user-select: text;
font-size: smaller;
font-family: MS Shell Dlg;
border: 1px solid rgb(112, 112, 112);
background-color: rgb(240, 240, 240);
background-image: -ms-linear-gradient(rgb(236, 236, 236), rgb(213, 213, 213));
color: rgb(33, 33, 33);
padding: 3px 10px;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
/* 016
Input as text entry */
input {
display: inline-block;
-ms-user-select: element;
justify-content: space-between;
font-size: smaller;
font-family: MS Shell Dlg;
border: 1px solid rgb(112, 112, 112);
background-color: rgb(255, 255, 255);
color: rgb(33, 33, 33);
padding: 2px 1px;
overflow: hidden;
white-space: pre;
}
input[type=password i] {
font-family: Tahoma;
}
/* 017
Input as domain specific widget */
input[type=date i] {
}
input[type=time i] {
}
input[type=number i] {
}
/* 018
Input as range control */
input[type=range i] {
font-size: medium;
font-family: Times New Roman;
color: black;
border: none;
background-color: transparent;
padding: 32px 0 17px;
overflow: visible;
justify-content: flex-start;
width: 280px;
height: 11px;
}
/* 019
Input as color well */
input[type=color i] {
}
/* 020
Input as checkbox and radio */
input[type=checkbox i] {
font-size: medium;
font-family: Times New Roman;
border: none;
background-color: transparent;
color: black;
width: 13px;
height: 13px;
margin: 3px 3px 3px 4px;
padding: 0;
box-sizing: border-box;
justify-content: center;
overflow: visible;
white-space: normal;
}
input[type=radio i] {
font-size: medium;
font-family: Times New Roman;
border: none;
background-color: transparent;
color: black;
width: 13px;
height: 13px;
margin: 3px 3px 3px 4px;
padding: 0;
box-sizing: border-box;
justify-content: center;
overflow: visible;
white-space: normal;
}
/* 021
Input as file upload */
input[type=file i] {
font-size: smaller;
font-family: MS Shell Dlg;
border: none;
background-color: rgb(240, 240, 240);
color: black;
padding: 0;
}
/* 022
Input as button */
input[type=submit i], input[type=reset i], input[type=button i] {
font-size: smaller;
font-family: MS Shell Dlg;
border: 1px solid rgb(112, 112, 112);
background-color: rgb(240, 240, 240);
background-image: -ms-linear-gradient(rgb(236, 236, 236), rgb(213, 213, 213));
color: rgb(33, 33, 33);
padding: 3px 10px;
justify-content: flex-start;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
/* 023
Marquee */
marquee {
}
/* 024
Meter */
/* Not implemented */
meter {
}
/* 025
Progress */
progress {
-ms-user-select: text;
display: inline;
font-size: medium;
font-family: Times New Roman;
border: none;
background-color: rgb(213, 213, 213);
color: rgb(54, 154, 202);
overflow: visible;
white-space: normal;
padding: 0;
text-indent: 0;
width: 280px;
height: 10px;
}
/* 026
Select */
select {
display: inline-block;
justify-content: space-between;
font-size: smaller;
font-family: MS Shell Dlg;
border: 1px solid rgb(112, 112, 112);
background-color: rgb(255, 255, 255);
color: rgb(33, 33, 33);
box-sizing: border-box;
overflow: hidden;
text-indent: 0;
}
/* 027
Textarea */
textarea {
white-space: pre-wrap;
-ms-user-select: element;
display: inline-block;
font-family: monospace;
padding: 2px;
border: 1px solid rgb(112, 112, 112);
background-color: rgb(255, 255, 255);
color: rgb(33, 33, 33);
overflow: scroll;
text-indent: 0;
}
/* 028
Keygen */
/* Not implemented */
keygen {
}
/* 029
Frame and framesets */