3 Baseline CSS file for general usage.
5 This file is intended to be a "quick and dirty" stylesheet you can use to give
6 a straight-up web page some basic styling without having to do the dirty work
7 yourself. It includes a modified version of YUI's reset.css (we pulled some
8 of the list reset definitions, among other things), and then provides some very
9 basic style rules to be applied to general HTML elements.
11 This stylesheet is NOT intended to serve as the foundation for more complex things--
12 including the use of a TABLE for layout purposes. The table definitions in this
13 file make the assumption that you will be using tables for thier declared purpose:
14 displaying tabular data.
16 If you are looking for a baseline stylesheet using tables for grid layout, you will
17 need to supply your own layout rules to override the ones in this stylesheet.
19 Applications using Dojo will function correctly without including this
20 file, but it should provide sane defaults for many common things that page
21 authors often need to set up manually.
23 The Dojo Core uses this stylesheet to quickly style HTML-based tests and demos. Feel
24 free to use it as you will.
27 /*****************************************************************************************/
30 The below are borrowed from YUI's reset style sheets for pages and fonts.
31 We've verified w/ the YUI development team that these are entirely
32 copyright Yahoo, written entirely by Nate Koechley and Matt Sweeney without
33 external contributions.
35 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
36 Code licensed under the BSD License:
37 http://developer.yahoo.net/yui/license.txt
41 body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
50 address, caption, cite, code, dfn, th, var {
66 /* End YUI imported code. */
68 /*****************************************************************************************/
73 Style definitions, based loosely on the Dijit Tundra theme.
74 Relative unit calculations based on "Compose to a Vertical Rhythm",
75 by Richard Rutter (http://24ways.org/2006/compose-to-a-vertical-rhythm)
77 If changing the font size, make sure you do it in both
78 percent and px (% for IE, px for everything else).
79 % value based on default size of 16px (in most browsers).
80 So if you want the default size to be 14px, set the
81 % to 87% (14 / 16 = 0.875).
91 Default: 13px, specified by the YUI imports.
94 font: 13px Myriad,Arial,Helvetica,clean,sans-serif;
111 line-height: 1.286em;
113 margin-bottom:0.643em;
124 /* paragraphs, quotes and lists */
128 margin-bottom: 1.5em;
135 margin-bottom: 3.272em;
136 line-height: 1.636em;
138 border-top: 1px solid #ccc;
139 border-bottom: 1px solid #ccc;
152 font-family: Courier, "Courier New";
153 background-color: #efefef;
154 border: 1px solid #ccc;
165 Note that these table definitions make the assumption that you are using tables
166 to display tabular data, and NOT using tables as layout mechanisms. If you are
167 using tables for layout, you will probably want to override these rules with
170 These definitions make tabular data look presentable, particularly when presented
171 inline with paragraphs.
173 table { font-size:100%; }
176 border-collapse: collapse;
178 border: 1px solid #ccc;
187 table.dojoTabular thead, table.dojoTabular tfoot {
188 background-color: #efefef;
189 border: 1px solid #ccc;
193 table.dojoTabular thead tr th,
194 table.dojoTabular thead tr td,
195 table.dojoTabular tbody tr td,
196 table.dojoTabular tfoot tr td {
197 padding: 0.25em 0.5em;