1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
|
/*
dojo.css
Baseline CSS file for general usage.
This file is intended to be a "quick and dirty" stylesheet you can use to give
a straight-up web page some basic styling without having to do the dirty work
yourself. It includes a modified version of YUI's reset.css (we pulled some
of the list reset definitions, among other things), and then provides some very
basic style rules to be applied to general HTML elements.
This stylesheet is NOT intended to serve as the foundation for more complex things--
including the use of a TABLE for layout purposes. The table definitions in this
file make the assumption that you will be using tables for thier declared purpose:
displaying tabular data.
If you are looking for a baseline stylesheet using tables for grid layout, you will
need to supply your own layout rules to override the ones in this stylesheet.
Applications using Dojo will function correctly without including this
file, but it should provide sane defaults for many common things that page
authors often need to set up manually.
The Dojo Core uses this stylesheet to quickly style HTML-based tests and demos. Feel
free to use it as you will.
*/
/*****************************************************************************************/
/*
The below are borrowed from YUI's reset style sheets for pages and fonts.
We've verified w/ the YUI development team that these are entirely
copyright Yahoo, written entirely by Nate Koechley and Matt Sweeney without
external contributions.
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
fieldset, img {
border: 0 none;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
q:before, q:after {
content:"";
}
abbr, acronym {
border:0;
}
/* End YUI imported code. */
/*****************************************************************************************/
/*
Begin Dojo additions.
Style definitions, based loosely on the Dijit Tundra theme.
Relative unit calculations based on "Compose to a Vertical Rhythm",
by Richard Rutter (http://24ways.org/2006/compose-to-a-vertical-rhythm)
If changing the font size, make sure you do it in both
percent and px (% for IE, px for everything else).
% value based on default size of 16px (in most browsers).
So if you want the default size to be 14px, set the
% to 87% (14 / 16 = 0.875).
Typical values:
10px: 62.5%
11px: 69% (68.75)
12px: 75%
13px: 81.25%
14px: 87.5%
16px: 100%
Default: 13px, specified by the YUI imports.
*/
body {
font: 13px Myriad,Arial,Helvetica,clean,sans-serif;
*font-size: small;
*font: x-small;
}
/* Headings */
h1 {
font-size: 1.5em;
font-weight: normal;
line-height: 1em;
margin-top: 1em;
margin-bottom:0;
}
h2 {
font-size: 1.1667em;
font-weight: bold;
line-height: 1.286em;
margin-top: 1.929em;
margin-bottom:0.643em;
}
h3, h4, h5, h6 {
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 0;
}
/* paragraphs, quotes and lists */
p {
font-size: 1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
blockquote {
font-size: 0.916em;
margin-top: 3.272em;
margin-bottom: 3.272em;
line-height: 1.636em;
padding: 1.636em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
ol li, ul li {
font-size: 1em;
line-height: 1.5em;
margin: 0;
}
/* pre and code */
pre, code {
font-size:115%;
*font-size:100%;
font-family: Courier, "Courier New";
background-color: #efefef;
border: 1px solid #ccc;
}
pre {
border-width: 1px 0;
padding: 1.5em;
}
/*
Tables
Note that these table definitions make the assumption that you are using tables
to display tabular data, and NOT using tables as layout mechanisms. If you are
using tables for layout, you will probably want to override these rules with
more specific ones.
These definitions make tabular data look presentable, particularly when presented
inline with paragraphs.
*/
table { font-size:100%; }
table.dojoTabular {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin: 0 1.5em;
}
.dojoTabular th {
text-align: center;
font-weight: bold;
}
table.dojoTabular thead, table.dojoTabular tfoot {
background-color: #efefef;
border: 1px solid #ccc;
border-width: 1px 0;
}
table.dojoTabular thead tr th,
table.dojoTabular thead tr td,
table.dojoTabular tbody tr td,
table.dojoTabular tfoot tr td {
padding: 0.25em 0.5em;
}
|
