/* | |
* Basic HTML style information. | |
*/ | |
html, | |
address, | |
blockquote,listing, | |
body, dd, div, | |
dl, dt, fieldset, legend,form, | |
frame, frameset, | |
h1, h2, h3, h4, | |
h5, h6, noframes,noscript, | |
ol, p, ul, center, | |
dir, hr, menu, pre, plaintext, xmp { display: block } | |
ol {counter-reset: _anonymous; list-style-type: decimal} | |
ul,dir,menu {counter-reset: _anonymous; list-style-type: disc} | |
li {display: list-item} | |
li {counter-increment: _anonymous} | |
head { display: none } | |
table { display: table } | |
tr { display: table-row } | |
thead { display: table-header-group } | |
tbody { display: table-row-group } | |
tfoot { display: table-footer-group } | |
col { display: table-column } | |
colgroup { display: table-column-group } | |
td, th { display: table-cell; } | |
caption { display: table-caption } | |
th { font-weight: bolder;} | |
caption { text-align: center;horizontal-align:top } | |
button, textarea, | |
input, object, | |
select, img { display:inline-block; } | |
pre,plaintext, xmp { white-space: pre } | |
h1, h2, h3, h4, | |
h5, h6, b, | |
strong { font-weight: bold } | |
i, cite, em,dfn, | |
var, address { font-style: italic } | |
pre, tt, code,plaintext, xmp, | |
kbd, samp { font-family: monospace } | |
ol { list-style-type: decimal } | |
br:before { content: "\A" } | |
center { text-align: center } | |
sub { vertical-align: sub } | |
sup { vertical-align: super } | |
u, ins { text-decoration: underline } | |
input { text-decoration: none } | |
button { white-space: nowrap } | |
a[href] { text-decoration: underline } | |
/* | |
* styles that may be different for different user agent. | |
* This part may need to move out and put into different css files. | |
*/ | |
body { line-height: 1.12em } | |
h1 { font-size: 2em; margin: .67em 0 } | |
h2 { font-size: 1.5em; margin: .75em 0 } | |
h3 { font-size: 1.17em; margin: .83em 0 } | |
h4, p,ul, | |
fieldset, form, | |
ol, dl, dir, | |
menu { margin: 1.12em 0 } | |
blockquote { margin: 1em 40px } | |
h5 { font-size: .83em; margin: 1.5em 0 } | |
h6 { font-size: .75em; margin: 1.67em 0 } | |
blockquote { margin-left: 40px; margin-right: 40px } | |
big { font-size: larger } | |
small, sub, sup { font-size: smaller } | |
s, strike, del { text-decoration: line-through } | |
hr { border: 1px inset } | |
ol, ul, dir, | |
menu, dd { margin-left: 40px;border:0px } | |
ol ul, ul ol, | |
ul ul, ol ol { margin-top: 0; margin-bottom: 0 } | |
abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em } | |
a[href] { color:blue;} | |
select {background-color: window;font-family:sans-serif;font-size:13px;font-weight: normal;} | |
textarea {border: 2px inset;font-size:13px;font-family:monospace} | |
textarea, | |
input {background-color: window} | |
input, | |
input[type=text], | |
input[type=password] {border: 2px inset;font-size:13px;font-family:sans-serif;font-weight: normal;} | |
/* following upcased TYPE is for workaround the WTP M2 bug of not setting default content type */ | |
input[TYPE=submit],input[TYPE=reset],input[TYPE=button],input[TYPE=cancel], | |
button, | |
input[type=button], | |
input[type=reset], | |
input[type=cancel], | |
input[type=submit] {background-color: ButtonFace; border: 2px outset; font-size:13px; | |
font-family:sans-serif;text-align: center;font-weight: normal;} | |
input[type=image], | |
input[type=checkbox], | |
input[type=radio] {border: none } | |
input[type=hidden] {border: none } | |
img {border: 0px none} | |
listing {font-family:monospace;font-size: medium;white-space: pre; margin: 1em 0;} | |
tbody,thead,tfoot {vertical-align: middle;} | |
blink {text-decoration: blink;} | |
hr {margin: 0.5em auto 0.5em auto;} | |
caption {border: 0px none;margin: 0px; padding:0px 0px 4px 0px;} | |
td, th, | |
table {border: 4px none;} | |
button {padding: 3px 5px;text-align: center;vertical-align: middle;} | |
button,textarea,input {vertical-align: text-bottom;color:black;font-style:none;} | |
select {vertical-align: text-bottom;} | |
input[type=image] {vertical-align: baseline;} | |
li {min-height:1.2em} | |
button {min-height:1.8em} | |
div,tr,form {min-height:1.2em} | |
table,td {min-width:1.2em;min-height:1.2em} | |
/* nested lists have no top/bottom margins */ | |
ul ul, ul ol, ul dir, ul menu, ul dl, | |
ol ul, ol ol, ol dir, ol menu, ol dl, | |
dir ul, dir ol, dir dir, dir menu, dir dl, | |
menu ul, menu ol, menu dir, menu menu, menu dl, | |
dl ul, dl ol, dl dir, dl menu, dl dl {margin-top: 0; margin-bottom: 0;} | |
/* 2 deep unordered lists use a circle */ | |
ol ul, ul ul, menu ul, dir ul, | |
ol menu, ul menu, menu menu, dir menu, | |
ol dir, ul dir, menu dir, dir dir {list-style-type: circle;} | |
/* 3 deep (or more) unordered lists use a square */ | |
ol ol ul, ol ul ul, ol menu ul, ol dir ul, | |
ol ol menu, ol ul menu, ol menu menu, ol dir menu, | |
ol ol dir, ol ul dir, ol menu dir, ol dir dir, | |
ul ol ul, ul ul ul, ul menu ul, ul dir ul, | |
ul ol menu, ul ul menu, ul menu menu, ul dir menu, | |
ul ol dir, ul ul dir, ul menu dir, ul dir dir, | |
menu ol ul, menu ul ul, menu menu ul, menu dir ul, | |
menu ol menu, menu ul menu, menu menu menu, menu dir menu, | |
menu ol dir, menu ul dir, menu menu dir, menu dir dir, | |
dir ol ul, dir ul ul, dir menu ul, dir dir ul, | |
dir ol menu, dir ul menu, dir menu menu, dir dir menu, | |
dir ol dir, dir ul dir, dir menu dir, dir dir dir { list-style-type: square;} | |
/** | |
* We do not write codes to support some elements. This part defines properties for them | |
* to improve the look of these elements. | |
*/ | |
applet {border: 1px solid;} | |
fieldset {border: 2px groove;} | |
applet,iframe {display:inline-block; border:3px inset; } | |
object {display:inline-block;border:0px none;} | |
/* | |
* Sets right margin to have gap between widgets. | |
*/ | |
input,textarea,button { margin-right: 2px;} |