writing your own widget class the dojo toolkit.mht

dojo学习资料,从初级开始学起,是初学都认识dojo的好帮手.

	VERTICAL-ALIGN: middle; OVERFLOW: visible; WIDTH: 0%; POSITION: =
absolute! important
}
.dijitSliderRemainingBar {
	Z-INDEX: -1; OVERFLOW: hidden; BACKGROUND-COLOR: transparent
}
.dijitVerticalSliderRemainingBar {
	HEIGHT: 100%; TEXT-ALIGN: left
}
.dijitHorizontalSliderRemainingBar {
	WIDTH: 100%! important
}
.dijitSliderBumper {
	Z-INDEX: -1; OVERFLOW: hidden
}
.dijitVerticalSliderBumper {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: =
0px; WIDTH: 4px; HEIGHT: 8px; BORDER-RIGHT-WIDTH: 1px
}
.dijitHorizontalSliderBumper {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
1px; WIDTH: 8px; HEIGHT: 4px; BORDER-RIGHT-WIDTH: 0px
}
.dijitVerticalSliderBottomBumper {
	BACKGROUND-COLOR: red
}
.dijitHorizontalSliderLeftBumper {
	BACKGROUND-COLOR: red
}
.dijitVerticalSliderTopBumper {
	BACKGROUND-COLOR: transparent
}
.dijitHorizontalSliderRightBumper {
	BACKGROUND-COLOR: transparent
}
.dijitHorizontalSliderDecoration {
	TEXT-ALIGN: center
}
.dijitSlider .dijitSliderButton {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: monospace
}
.dijit_a11y .dijitSliderButtonInner {
	VISIBILITY: visible! important
}
.dijitSlider .dijitVerticalSliderTopButton {
	VERTICAL-ALIGN: bottom
}
.dijitSlider .dijitVerticalSliderBottomButton {
	VERTICAL-ALIGN: top
}
.dijitSliderButtonContainer {
	HEIGHT: 0px; TEXT-ALIGN: center
}
.dijitSlider .dijitButtonNode {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; PADDING-TOP: 0px
}
.dj_ie .RuleContainer {
	Z-INDEX: -1
}
.RuleContainer {
	OVERFLOW: visible; POSITION: relative
}
.VerticalRuleContainer {
	FLOAT: left; LINE-HEIGHT: 0px; HEIGHT: 100%; TEXT-ALIGN: left
}
.dj_opera .VerticalRuleContainer {
	LINE-HEIGHT: 2%
}
.dj_ie .VerticalRuleContainer {
	LINE-HEIGHT: normal
}
.dj_gecko .VerticalRuleContainer {
	MARGIN: 0px 0px 1px
}
.RuleMark {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; =
BORDER-LEFT: black 1px solid; LINE-HEIGHT: 0px; BORDER-BOTTOM: black 1px =
solid; POSITION: absolute; HEIGHT: 100%
}
.HorizontalRuleMark {
	BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; =
BORDER-BOTTOM-WIDTH: 0px! important; WIDTH: 0px
}
.RuleLabelContainer {
	POSITION: absolute
}
.HorizontalRuleLabelContainer {
	DISPLAY: inline-block; TEXT-ALIGN: center
}
.HorizontalRuleLabel {
	LEFT: -50%; POSITION: relative
}
.VerticalRuleMark {
	BORDER-LEFT-WIDTH: 0px! important; LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px! =
important; WIDTH: 100%; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px! important
}
.dj_ie .VerticalRuleLabelContainer {
	MARGIN-TOP: -0.55em
}
.dijit_a11y .dijitButtonContents .dijitButtonText {
	DISPLAY: inline! important
}
.dijitTextArea {
	WIDTH: 100%
}
.dj_ie .dijitTextArea P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
.IEFixedToolbar {
	POSITION: absolute; ; TOP: =
expression(eval((document.documentElement||document.body).scrollTop))
}
.dijitTimePickerItemInner {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; =
BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; =
PADDING-TOP: 2px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.dijitTimePickerTick {
	BORDER-TOP: #dedede 1px solid; COLOR: #dedede; BORDER-BOTTOM: #dedede =
1px solid; POSITION: relative
}
.dijitTimePickerTick .dijitTimePickerItemInner {
	FONT-SIZE: 0.25em
}
.dijitTimePickerMarker {
	BORDER-TOP: #999 1px solid; BORDER-BOTTOM: #999 1px solid; =
BACKGROUND-COLOR: #ededed
}
.dijitTimePickerItemHover {
	BORDER-TOP: #333 1px solid; CURSOR: pointer; COLOR: #fff; =
BORDER-BOTTOM: #333 1px solid; BACKGROUND-COLOR: #808080; opacity: 1
}
.dijitTimePickerItemHover.dijitTimePickerMarker {
	FONT-SIZE: 1.3em
}
.dijitTimePickerItemHover .dijitTimePickerItemInner {
	DISPLAY: block; FONT-SIZE: 1em; OVERFLOW: visible; BACKGROUND-COLOR: =
#808080
}
.dijitTimePickerItemSelected {
	FONT-WEIGHT: bold; COLOR: #333; BACKGROUND-COLOR: #b7cdee! important
}
.dijit_a11y .dijitTimePickerItem {
	BORDER-BOTTOM: #333 1px solid
}
.dijitToggleButtonIconChar {
	DISPLAY: none! important
}
.dijit_a11y .dijitToggleButtonIconChar {
	DISPLAY: inline! important
}
.dijit_a11y .dijitToggleButtonIconChar {
	VISIBILITY: hidden
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	VISIBILITY: visible! important
}

------=_NextPart_000_0252_01C83501.15AD2F90
Content-Type: text/css;
	charset="gb2312"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://dojotoolkit.org/files/css/4538c7b86f5ddf0e20fe837f59d90fef.css

@import url( =
/sites/all/modules/dojo/dtk_build/dijit/themes/tundra/../dijit.css );
#aggregator .feed-source .feed-title {
	MARGIN-TOP: 0px
}
#aggregator .feed-source .feed-image IMG {
	MARGIN-BOTTOM: 0.75em
}
#aggregator .feed-source .feed-icon {
	DISPLAY: block; FLOAT: right
}
#aggregator .feed-item {
	MARGIN-BOTTOM: 1.5em
}
#aggregator .feed-item-title {
	FONT-SIZE: 1.3em; MARGIN-BOTTOM: 0px
}
#aggregator .feed-item-meta {
	MARGIN-BOTTOM: 0.5em
}
#aggregator .feed-item-body {
	MARGIN-BOTTOM: 0.5em
}
#aggregator .feed-item-categories {
	FONT-SIZE: 0.9em
}
#aggregator TD {
	VERTICAL-ALIGN: bottom
}
#aggregator TD.categorize-item {
	WHITE-SPACE: nowrap
}
#aggregator .categorize-item .news-item .body {
	MARGIN-TOP: 0px
}
#aggregator .categorize-item H3 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1em
}
CODE.geshifilter {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; =
BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: =
none
}
PRE.geshifilter {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc =
1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; =
MARGIN: 0.5em; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0.5em; =
BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ffe
}
DIV.geshifilter {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc =
1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; =
MARGIN: 0.5em; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0.5em; =
BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ffe
}
DIV.geshifilter OL {
	MARGIN: 0px
}
.indented {
	MARGIN-LEFT: 25px
}
.comment-unpublished {
	BACKGROUND-COLOR: #fff4f4
}
.preview .comment {
	BACKGROUND-COLOR: #ffffea
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; =
BACKGROUND-IMAGE: url(/sites/all/themes/dtk/./img/dojo-bg.png); =
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: =
repeat-x; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #1f1f1f
}
A {
	COLOR: #164587; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
0px; BORDER-RIGHT-WIDTH: 0px
}
FIELDSET {
	BORDER-TOP: #ccc 1px solid; BORDER-LEFT-WIDTH: 0px; MARGIN: 2em 0px; =
BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f3f3f3; =
BORDER-RIGHT-WIDTH: 0px
}
FIELDSET LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 1em
}
FIELDSET UL {
	FONT-SIZE: 0.9em; MARGIN: 0px 1em
}
FIELDSET.collapsible LEGEND A {
	PADDING-LEFT: 14px; BACKGROUND: =
url(/sites/all/themes/dtk/img/menu-expanded.gif) no-repeat 0% 50%
}
FIELDSET.collapsed LEGEND A {
	BACKGROUND: url(/sites/all/themes/dtk/img/menu-collapsed.gif) no-repeat =
0% 50%
}
.hidden {
	OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; TOP: -9px; HEIGHT: =
1px
}
.content-block {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; =
PADDING-TOP: 5px; POSITION: relative
}
DIV.geshifilter {
	FONT-SIZE: 1.2em! important
}
A.feed-icon {
	DISPLAY: block; TEXT-ALIGN: right
}
#main-container {
	PADDING-RIGHT: 1.5em; PADDING-LEFT: 1.5em; FONT-SIZE: 0.95em; =
PADDING-BOTTOM: 1.5em; PADDING-TOP: 1.5em; BORDER-BOTTOM: #c1c1c1 1px =
solid
}
#main-container H2 {
	MARGIN: 1.5em 0px 0px; COLOR: #232323
}
H3 {
	MARGIN: 1.5em 0px 0px; COLOR: #232323
}
#main-container H2 {
	FONT-SIZE: 1.1em
}
#main-container H3 {
	FONT-SIZE: 1em
}
#main-container P {
	LINE-HEIGHT: 1.5em
}
LI {
	LINE-HEIGHT: 1.5em
}
#main-container P {
	MARGIN: 0px 0px 1.5em
}
DIV#main-container DIV#tabs-wrapper {
=09
}
DIV#main-container DIV#tabs-wrapper H2.with-tabs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.25em; =
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc =
1px solid
}
DIV#main-container DIV#tabs-wrapper UL.tabs {
	BORDER-RIGHT: #ddf 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ddf 1px =
solid; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.25em; =
MARGIN: 0px; BORDER-LEFT: #ddf 1px solid; PADDING-TOP: 0.1em; =
BORDER-BOTTOM: #ddf 1px solid; BACKGROUND-COLOR: #eef; TEXT-ALIGN: left
}
DIV#main-container DIV#tabs-wrapper UL.tabs LI {
	PADDING-RIGHT: 1em; DISPLAY: inline; PADDING-LEFT: 1em; FONT-WEIGHT: =
bold; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
DIV#main-container DIV#tabs-wrapper UL.tabs LI.active {
	BACKGROUND-COLOR: #bcf
}
DIV#main-container DIV#tabs-wrapper UL.tabs LI A {
=09
}
#sidebar_right_container {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; RIGHT: 20px; MIN-HEIGHT: 200px; =
PADDING-BOTTOM: 1em; WIDTH: 260px; PADDING-TOP: 1em; POSITION: absolute; =
TOP: 1.5em; BACKGROUND-COLOR: #e8e8e8
}
#sidebar_right_container H2 {
	FONT-SIZE: 1.25em; COLOR: #454545
}
#content-block {
	COLOR: #454545; POSITION: relative; BACKGROUND-COLOR: #fff
}
.clear {
	CLEAR: both; LINE-HEIGHT: 1px; HEIGHT: 0px
}
#after-content-block-1 {
	ZOOM: 1
}
#after-content-block-2 {
	ZOOM: 1
}
#block-user-1 H2.title {
	DISPLAY: none
}
#logo-block #search-block {
	PADDING-RIGHT: 20px; BACKGROUND-POSITION: right bottom; RIGHT: 0px; =
BACKGROUND-IMAGE: url(/sites/all/themes/dtk/./img/banner-right.png); =
WIDTH: auto; COLOR: #fff; BACKGROUND-REPEAT: no-repeat; POSITION: =
absolute; TOP: 0px; HEIGHT: 32px
}
#search-block INPUT {
	FONT-SIZE: 1em
}
#search {
	PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 0px; BACKGROUND: =
url(/sites/all/themes/dtk/./img/search-bg.gif) no-repeat right top; =
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #989898 1px solid
}
#search .form-submit {
	DISPLAY: block; BACKGROUND: =
url(/sites/all/themes/dtk/./img/search-btn.gif) no-repeat; LEFT: 4px; =
WIDTH: 14px; BORDER-TOP