?? writing your own widget class the dojo toolkit.mht
字號:
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode {
BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode {
BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitComboButton .dijitDownArrowButton {
BORDER-LEFT-WIDTH: 0px! important
}
.dijit_a11y .dijitComboBox .dijitDownArrowButton {
BORDER-LEFT-WIDTH: 0px! important
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
DISPLAY: inline! important
}
.dijitLeft {
BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat
}
.dijitStretch {
BACKGROUND-REPEAT: repeat-x; WHITE-SPACE: nowrap
}
.dijitRight {
BACKGROUND-POSITION: right top; DISPLAY: inline; BACKGROUND-REPEAT: =
no-repeat
}
.dijitRTL .dijitRightArrow {
MARGIN-LEFT: -2.1em
}
.dijitButton {
MARGIN: 0.2em; LINE-HEIGHT: 1.3em
}
.dijitDropDownButton {
MARGIN: 0.2em; LINE-HEIGHT: 1.3em
}
.dijitComboButton {
MARGIN: 0.2em; LINE-HEIGHT: 1.3em
}
.dijitComboBox {
MARGIN: 0.2em; LINE-HEIGHT: 1.3em
}
.dj_safari .dijitToolbar .dijitDropDownButton {
PADDING-LEFT: 0.3em
}
.dijitButtonNode {
BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: gray =
1px solid; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; MARGIN: 0px; =
VERTICAL-ALIGN: middle; OVERFLOW: visible; BORDER-LEFT: gray 1px solid; =
CURSOR: pointer; LINE-HEIGHT: normal; PADDING-TOP: 0.2em; BORDER-BOTTOM: =
gray 1px solid; FONT-FAMILY: inherit; WHITE-SPACE: nowrap; TEXT-ALIGN: =
center
}
.dijitDownArrowButton {
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; FONT-SIZE: 0.7em; =
PADDING-BOTTOM: 0em; MARGIN: 0px; PADDING-TOP: 0em
}
.dijitUpArrowButton {
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; FONT-SIZE: 0.7em; =
PADDING-BOTTOM: 0em; MARGIN: 0px; PADDING-TOP: 0em
}
.dijitButtonContents {
=09
}
.dijitDropDownButton .dijitA11yDownArrow {
MARGIN-LEFT: 0.8em
}
.dijitComboButton TABLE {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; =
BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; =
MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: separate; =
BORDER-RIGHT-WIDTH: 0px
}
.dijitComboButton .dijitButtonContents {
BORDER-RIGHT-WIDTH: 0px! important
}
TABLE .dijitButton .dijitButtonNode {
OVERFLOW: hidden
}
TABLE .dijitComboButton .dijitButtonNode {
OVERFLOW: hidden
}
.dijitButtonNode IMG {
MARGIN-BOTTOM: 0.2em; VERTICAL-ALIGN: middle
}
.dijitTextBox {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; =
BORDER-LEFT: black 1px solid; WIDTH: 15em; BORDER-BOTTOM: black 1px =
solid
}
.dijitComboBox {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; =
BORDER-LEFT: black 1px solid; WIDTH: 15em; BORDER-BOTTOM: black 1px =
solid
}
.dijitSpinner {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; =
BORDER-LEFT: black 1px solid; WIDTH: 15em; BORDER-BOTTOM: black 1px =
solid
}
.dijitTextBox INPUT:focus {
outline: none
}
.dijitComboBox INPUT:focus {
outline: none
}
.dijitSpinner INPUT:focus {
outline: none
}
.dijitTextBoxFocused {
outline: auto 5px -webkit-focus-ring-color
}
.dijitComboBoxFocused {
outline: auto 5px -webkit-focus-ring-color
}
.dijitSpinnerFocused {
outline: auto 5px -webkit-focus-ring-color
}
.dijitTextBox INPUT {
BORDER-TOP-WIDTH: 0px! important; PADDING-RIGHT: 0px; DISPLAY: inline; =
PADDING-LEFT: 0px; BACKGROUND-IMAGE: none! important; VISIBILITY: =
visible! important; BORDER-BOTTOM-WIDTH: 0px! important; PADDING-BOTTOM: =
0px; MARGIN: 0px; VERTICAL-ALIGN: 0em! important; BORDER-LEFT: black 0px =
solid; WIDTH: 100%! important; PADDING-TOP: 0px; POSITION: static! =
important; BACKGROUND-COLOR: transparent! important; BORDER-RIGHT-WIDTH: =
0px! important
}
.dijitComboBox INPUT {
BORDER-TOP-WIDTH: 0px! important; PADDING-RIGHT: 0px; DISPLAY: inline; =
PADDING-LEFT: 0px; BACKGROUND-IMAGE: none! important; VISIBILITY: =
visible! important; BORDER-BOTTOM-WIDTH: 0px! important; PADDING-BOTTOM: =
0px; MARGIN: 0px; VERTICAL-ALIGN: 0em! important; BORDER-LEFT: black 0px =
solid; WIDTH: 100%! important; PADDING-TOP: 0px; POSITION: static! =
important; BACKGROUND-COLOR: transparent! important; BORDER-RIGHT-WIDTH: =
0px! important
}
.dijitSpinner INPUT {
BORDER-TOP-WIDTH: 0px! important; PADDING-RIGHT: 0px; DISPLAY: inline; =
PADDING-LEFT: 0px; BACKGROUND-IMAGE: none! important; VISIBILITY: =
visible! important; BORDER-BOTTOM-WIDTH: 0px! important; PADDING-BOTTOM: =
0px; MARGIN: 0px; VERTICAL-ALIGN: 0em! important; BORDER-LEFT: black 0px =
solid; WIDTH: 100%! important; PADDING-TOP: 0px; POSITION: static! =
important; BACKGROUND-COLOR: transparent! important; BORDER-RIGHT-WIDTH: =
0px! important
}
.dj_ie .dijitTextBox .dijitInputField {
POSITION: relative
}
.dj_ie .dijitComboBox .dijitInputField {
POSITION: relative
}
.dj_ie .dijitSpinner .dijitInputField {
POSITION: relative
}
.dj_ie .dijitTextBox .dijitInputField INPUT {
FONT-SIZE: 100%; RIGHT: auto! important; LEFT: auto! important; BOTTOM: =
auto! important; POSITION: absolute! important; TOP: auto! important
}
.dj_ie .dijitComboBox .dijitInputField INPUT {
FONT-SIZE: 100%; RIGHT: auto! important; LEFT: auto! important; BOTTOM: =
auto! important; POSITION: absolute! important; TOP: auto! important
}
.dj_ie .dijitSpinner .dijitInputField INPUT {
FONT-SIZE: 100%; RIGHT: auto! important; LEFT: auto! important; BOTTOM: =
auto! important; POSITION: absolute! important; TOP: auto! important
}
.dj_ie INPUT.dijitTextBox {
FONT-SIZE: 100%
}
.dijitValidationIcon {
DISPLAY: none; BACKGROUND-POSITION-Y: center
}
.dijitValidationIconText {
VISIBILITY: hidden
}
.dijit_a11y .dijitValidationIcon {
DISPLAY: none! important
}
.dijit_a11y .dijitValidationIconText {
DISPLAY: block! important
}
.dijitTextBoxError .dijitValidationIconText {
VISIBILITY: visible
}
.dijitComboBoxError .dijitValidationIconText {
VISIBILITY: visible
}
.dijitSpinnerError .dijitValidationIconText {
VISIBILITY: visible
}
.dijitSpinner .dijitDownArrowButton {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 0.4em; BORDER-TOP: 1px solid; =
PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; BORDER-LEFT: 1px; LINE-HEIGHT: =
0.76em; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid
}
.dijitSpinner .dijitUpArrowButton {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 0.4em; BORDER-TOP: 1px solid; =
PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; BORDER-LEFT: 1px; LINE-HEIGHT: =
0.76em; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid
}
.dj_ie .dijitSpinner .dijitDownArrowButton {
PADDING-RIGHT: 0.2em! important; PADDING-LEFT: 0.2em! important; =
PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important; TEXT-ALIGN: =
center
}
.dj_ie .dijitSpinner .dijitUpArrowButton {
PADDING-RIGHT: 0.2em! important; PADDING-LEFT: 0.2em! important; =
PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important; TEXT-ALIGN: =
center
}
.dijitSpinner .dijitDownArrowButton DIV {
FONT-SIZE: 0.76em; MARGIN: 0px auto; VERTICAL-ALIGN: baseline; =
LINE-HEIGHT: 1em; TEXT-ALIGN: center
}
.dijitSpinner .dijitUpArrowButton DIV {
FONT-SIZE: 0.76em; MARGIN: 0px auto; VERTICAL-ALIGN: baseline; =
LINE-HEIGHT: 1em; TEXT-ALIGN: center
}
.dijitTextBox .dijitDownArrowButton {
DISPLAY: none
}
.dijitCheckBox {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center =
center; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
0px; PADDING-BOTTOM: 0px; WIDTH: 16px; PADDING-TOP: 0px; =
BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px; BORDER-RIGHT-WIDTH: 0px
}
.dijitRadio {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center =
center; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
0px; PADDING-BOTTOM: 0px; WIDTH: 16px; PADDING-TOP: 0px; =
BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px; BORDER-RIGHT-WIDTH: 0px
}
.dijitCheckBoxInput {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center =
center; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
0px; PADDING-BOTTOM: 0px; WIDTH: 16px; PADDING-TOP: 0px; =
BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px; BORDER-RIGHT-WIDTH: 0px
}
.dijitCheckBox INPUT {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dijitRadio INPUT {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dijitCheckBoxInput {
OVERFLOW: hidden; opacity: 0.01
}
.dj_ie .dijitCheckBoxInput {
FILTER: alpha(opacity=3D0)
}
.dijit_a11y .dijitCheckBox {
WIDTH: auto; HEIGHT: auto
}
.dijit_a11y .dijitRadio {
WIDTH: auto; HEIGHT: auto
}
.dijit_a11y .dijitCheckBoxInput {
FILTER: none; WIDTH: auto; HEIGHT: auto; opacity: 1
}
.dijitProgressBarEmpty {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: =
hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; =
POSITION: relative
}
.dijitProgressBarFull {
Z-INDEX: -1; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: =
0px; HEIGHT: 100%
}
.dijitProgressBarTile {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; =
BACKGROUND-ATTACHMENT: fixed; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: =
0px; OVERFLOW: hidden; WIDTH: auto; BOTTOM: 0px; PADDING-TOP: 0px; =
POSITION: absolute; TOP: 0px; HEIGHT: auto; BACKGROUND-COLOR: #aaa
}
.dijit_a11y .dijitProgressBarTile {
BORDER-RIGHT: 4px solid; BORDER-TOP: 4px solid; BORDER-LEFT: 4px solid; =
BORDER-BOTTOM: 4px solid; BACKGROUND-COLOR: transparent! important
}
.dj_iequirks .dijitProgressBarTile {
WIDTH: 100%; HEIGHT: 100%
}
.dj_ie6 .dijitProgressBarTile {
POSITION: static; HEIGHT: 100%
}
.dijitProgressBarIndeterminate .dijitProgressBarLabel {
VISIBILITY: hidden
}
.dijitProgressBarIndeterminate .dijitProgressBarTile {
=09
}
.dijitProgressBarIndeterminateHighContrastImage {
DISPLAY: none
}
.dijit_a11y .dijitProgressBarIndeterminate =
.dijitProgressBarIndeterminateHighContrastImage {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: =
0px; MARGIN: 0px; WIDTH: 100%; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: =
absolute; TOP: 0px; HEIGHT: auto
}
.dijitProgressBarLabel {
DISPLAY: block; WIDTH: 100%; POSITION: static; BACKGROUND-COLOR: =
transparent; TEXT-ALIGN: center
}
.dijitProgressBarVertical .dijitProgressBarFull {
BOTTOM: 0px
}
.dj_ie6 .dijitProgressBarVertical .dijitProgressBarTile {
WIDTH: 100%; POSITION: absolute
}
.dijitTooltip {
DISPLAY: block; Z-INDEX: 2000; LEFT: 50%; OVERFLOW: visible; POSITION: =
absolute; TOP: -10000px
}
.dijitTooltipContainer {
BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FONT-SIZE: =
small; BACKGROUND: #b8b5b5; BORDER-LEFT: black 2px solid; COLOR: black; =
BORDER-BOTTOM: black 2px solid
}
.dijitTooltipFocusNode {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; =
PADDING-TOP: 2px
}
.dijitTooltipConnector {
POSITION: absolute
}
.dijitLayoutContainer {
DISPLAY: block; OVERFLOW: hidden; POSITION: relative
}
BODY .dijitAlignTop {
OVERFLOW: hidden; POSITION: absolute
}
BODY .dijitAlignBottom {
OVERFLOW: hidden; POSITION: absolute
}
BODY .dijitAlignLeft {
OVERFLOW: hidden; POSITION: absolute
}
BODY .dijitAlignRight {
OVERFLOW: hidden; POSITION: absolute
}
BODY .dijitAlignClient {
POSITION: absolute
}
.dijitSplitContainer {
DISPLAY: block; OVERFLOW: hidden; POSITION: relative
}
.dijitSplitPane {
POSITION: absolute
}
.dijitSplitContainerSizerH {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px =
solid; FONT-SIZE: 1px; MARGIN: 0px; BORDER-LEFT: buttonhighlight 1px =
solid; CURSOR: w-resize; BORDER-BOTTOM: buttonshadow 1px solid; =
POSITION: absolute; BACKGROUND-COLOR: buttonface
}
.dijitSplitContainerSizerV {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px =
solid; FONT-SIZE: 1px; MARGIN: 0px; BORDER-LEFT: buttonhighlight 1px =
solid; CURSOR: w-resize; BORDER-BOTTOM: buttonshadow 1px solid; =
POSITION: absolute; BACKGROUND-COLOR: buttonface
}
.dijitSplitContainerSizerV {
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -