New file |
0,0 → 1,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; |
} |