or on
depends on page design... */ /* li right margin may exceed p right margin! */ } table { } tr { vertical-align: baseline; } td, th { padding: 0.2em; } th { font-style: italic; font-weight: normal; text-align: left; } ul { margin: -0.5em 0 0.5em 3.2em; list-style: outside disc url(../images/listbullet.gif); } li { max-width: 64em; } form { margin-top: 1em; max-width: 64em; /* default to adjust as appropriate */ } fieldset { border-radius: 5px; } legend { color: #666666; font-style: italic; margin-left: 1em; padding: 0.5em; } label { font-style: italic; width: 8em; } input, textarea { font: Arial, Helvetica, sans-serif; } input[type=number] { text-align: right; } input + label { font-style: normal; width: auto; } /* eg radio/checkbox labels */ form ul { list-style: none; padding: 0; } form li { margin: 0.5em 1em; } dt { clear: left; float: left; font-weight: bold; width: 20%; } dd { margin-left: 20%; } dd, dt { padding-top: 1.5em; } dl dl dt { text-indent: -1em; width: 33%; } dl dl dt:before { content: url(../images/listbullet.gif); } dl dl dd { font-style: italic; margin-left: 33%; } img.right { float: right; } img.floatRight { float: right; } img.floatLeft { float: left; } /* even line spacing with sub/superscripts: www.cs.tut.fi/~jkorpela/www/linespacing.html */ sup, sub { position: relative; font-size: 0.75em; vertical-align: 0; } sup { bottom: 1ex; } sub { top: 0.8ex; } hr { background: #cccccc; border: 0; color: #cccccc; height: 2px; margin-top: 2em; } hr.fullwidth { /* rule running into margin */ margin-left: -120px; } a { font-weight: bold; text-decoration: none; } a, a:link, a:visited { color: #993300; /* brick red */ } a:visited { font-weight: normal; } a:hover { text-decoration: underline; } a img { border: 0; } /* over-ride 'a' when inside h2 */ h2 a { color: #333333; font-weight: normal; } /* over-ride 'a:visited' when inside h2 */ h2 a:visited { color: #333333; } .margin { margin-left: -150px; } tr.tableRule td { border-top: 2px solid #CCCCCC; } /* scripts pages */ pre { font-family: "Andale Mono", "Lucida Console", Consolas, "Letter Gothic", Courier, monospace; font-size: 0.8em; line-height: 1.4; margin-left: 1cm; margin-top:0; } pre.fullwidth, p.fullwidth { /* use margin to get full width of page */ margin-left: -80px; } /* reset prettyprint defaults */ pre.prettyprint { border: none; font-size: 0.8em; padding: 0; } .formula { font-family: "Times New Roman", Times, serif; font-size: 1.2em; } .note { font-size: 0.9em; line-height: 1.5; } .small-caps { font-variant: small-caps; } code, .code { /* in-line code frags */ font-family: "Andale Mono", "Lucida Console", "Courier New", Courier, monospace; font-size: 0.9em; } /* standard short-hand styles */ .align-right { text-align: right; } .align-top { vertical-align: top; } .border-none { border: none; } .display-none { display: none; } .float-left { float: left; } .float-right { float: right; } .margin-0 { margin: 0; } .nowrap { white-space: nowrap; } .padding-0 { padding: 0; } .width-auto { width: auto; } .width-full { width: 100%; } .grey { color: #999999; } .small { font-size: 75%; } /* like */ /* replace these... */ .hidden { display: none; } .clear-floats { clear: both; } .w2 { width: 2em; } .w3 { width: 3em; } /* eg time */ .w4 { width: 4em; } .w6 { width: 6em; } /* eg date, postcode */ .w8 { width: 8em; } /* eg first/last name, town, phone */ .w12 { width: 12em; } /* eg addr1/2 */ .w16 { width: 16em; } /* eg email */ .w24 { width: 24em; } .w36 { width: 36em; } .w48 { width: 48em; } /* validation */ label.error { color: #990000; font-style: italic; margin-left: 1em; } input.error { border: 1px dotted #990000; } span.rtl { /* obfuscate email */ unicode-bidi: bidi-override; direction: rtl; white-space: nowrap; } /* suppress left margin for printing */ @media print { body { padding-left: 0; } header, .header { margin-left: 0; } header img, .header img { display: none; } pre.fullwidth { margin-left: 0; } footer, .footer { margin-left: 0; } } /* suppress chrome/safari spin buttons: http://stackoverflow.com/questions/3790935/ */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }