add dijit/dojo stuff; initial ui mockup
This commit is contained in:
Andrew Dolgov
@@ -0,0 +1,125 @@
|
||||
|
||||
.claro .dijitButtonNode {
|
||||
|
||||
-webkit-transition-property:background-color;
|
||||
-webkit-transition-duration:.3s;
|
||||
}
|
||||
.claro .dijitButton .dijitButtonNode,
|
||||
.claro .dijitDropDownButton .dijitButtonNode,
|
||||
.claro .dijitComboButton .dijitButtonNode,
|
||||
.claro .dijitToggleButton .dijitButtonNode {
|
||||
|
||||
border: 1px solid #769dc0;
|
||||
padding:2px 4px 4px 4px;
|
||||
background-image: url("images/button.png");
|
||||
background-position: center top;
|
||||
background-repeat: repeat-x;
|
||||
background-color: #e4f2ff;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
box-shadow:0px 1px 1px rgba(0,0,0,0.15);
|
||||
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
|
||||
}
|
||||
.claro .dijitComboButton .dijitArrowButton {
|
||||
border-left-width: 0px;
|
||||
padding: 4px 2px 4px 2px;
|
||||
}
|
||||
.claro .dijitArrowButtonInner {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 0 auto;
|
||||
background-image:url("images/buttonArrows.png");
|
||||
background-repeat:no-repeat;
|
||||
background-position:-51px 53%;
|
||||
}
|
||||
.claro .dijitLeftArrowButton .dijitArrowButtonInner {
|
||||
background-position: -77px 53%;
|
||||
}
|
||||
.claro .dijitRightArrowButton .dijitArrowButtonInner {
|
||||
background-position: -26px 53%;
|
||||
}
|
||||
.claro .dijitUpArrowButton .dijitArrowButtonInner {
|
||||
background-position: 0px 53%;
|
||||
}
|
||||
.claro .dijitDisabled .dijitArrowButtonInner {
|
||||
background-position: -151px 53%;
|
||||
}
|
||||
.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
|
||||
background-position: -177px 53%;
|
||||
}
|
||||
.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
|
||||
background-position: -126px 53%;
|
||||
}
|
||||
.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
|
||||
background-position: -100px 53%;
|
||||
}
|
||||
.claro .dijitButtonText {
|
||||
padding: 0 0.3em;
|
||||
text-align: center;
|
||||
}
|
||||
.claro .dijitDisabled .dijitButtonText {
|
||||
color: #7F7F7F;
|
||||
}
|
||||
.claro .dijitButtonHover .dijitButtonNode,
|
||||
.claro .dijitDropDownButtonHover .dijitButtonNode,
|
||||
.claro .dijitComboButton .dijitButtonNodeHover,
|
||||
.claro .dijitComboButton .dijitDownArrowButtonHover,
|
||||
.claro .dijitToggleButtonHover .dijitButtonNode {
|
||||
background-color: #afd9ff;
|
||||
color:#000;
|
||||
-webkit-transition-duration:.2s;
|
||||
}
|
||||
.claro .dijitButtonActive .dijitButtonNode,
|
||||
.claro .dijitDropDownButtonActive .dijitButtonNode,
|
||||
.claro .dijitComboButtonActive .dijitButtonNode,
|
||||
.claro .dijitToggleButtonActive .dijitButtonNode {
|
||||
background-color: #99cfff;
|
||||
box-shadow:0px 0px 0px rgba(0,0,0,0);
|
||||
-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
|
||||
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
|
||||
-webkit-transition-duration:.1s;
|
||||
}
|
||||
.claro .dijitButtonDisabled,
|
||||
.claro .dijitDropDownButtonDisabled,
|
||||
.claro .dijitComboButtonDisabled,
|
||||
.claro .dijitToggleButtonDisabled {
|
||||
background-image: none;
|
||||
outline: none;
|
||||
}
|
||||
.claro .dijitButtonDisabled .dijitButtonNode,
|
||||
.claro .dijitDropDownButtonDisabled .dijitButtonNode,
|
||||
.claro .dijitComboButtonDisabled .dijitButtonNode,
|
||||
.claro .dijitToggleButtonDisabled .dijitButtonNode {
|
||||
background-position:0px -149px;
|
||||
background-color: #e3e3e3;
|
||||
border: solid 1px #c9c9c9;
|
||||
color: #696969;
|
||||
box-shadow:0px 0px 0px rgba(0,0,0,0);
|
||||
-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
|
||||
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
|
||||
}
|
||||
.claro .dijitComboButtonDisabled .dijitArrowButton{
|
||||
border-left-width: 0px;
|
||||
}
|
||||
.claro table.dijitComboButton {
|
||||
border-collapse: separate;
|
||||
}
|
||||
.dj_ie6 .claro .dijitButtonNode {
|
||||
background-image: none;
|
||||
}
|
||||
.claro .dijitComboButton .dijitStretch {
|
||||
-moz-border-radius: 4px 0px 0px 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-webkit-border-top-right-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
}
|
||||
.claro .dijitComboButton .dijitArrowButton {
|
||||
-moz-border-radius: 0px 4px 4px 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
.claro .dijitComboButtonRtl .dijitStretch {
|
||||
-moz-border-radius: 0px 4px 4px 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
}
|
||||
.claro .dijitComboButtonRtl .dijitArrowButton {
|
||||
-moz-border-radius: 4px 0px 0px 4px;
|
||||
-webkit-border-top-left-radius:4px;
|
||||
-webkit-border-top-right-radius:0px;
|
||||
-webkit-border-bottom-right-radius:0px;
|
||||
-webkit-border-bottom-left-radius:4px;
|
||||
padding:3px 0px 4px;
|
||||
border-left-width: 1px;
|
||||
border-right-width: 0px;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
|
||||
.claro .dijitToggleButton .dijitCheckBoxIcon {
|
||||
background-image: url('../images/checkmarkNoBorder.png');
|
||||
}
|
||||
.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon {
|
||||
background-image: url('../images/checkmarkNoBorder.gif');
|
||||
}
|
||||
.claro .dijitCheckBox,
|
||||
.claro .dijitCheckBoxIcon {
|
||||
background-image: url('images/checkboxRadioButtonStates.png');
|
||||
background-repeat: no-repeat;
|
||||
width: 15px;
|
||||
height: 16px;
|
||||
margin: 0 2px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.dj_ie6 .claro .dijitCheckBox,
|
||||
.dj_ie6 .claro .dijitCheckBoxIcon {
|
||||
background-image: url('images/checkboxAndRadioButtons_IE6.png');
|
||||
}
|
||||
.claro .dijitCheckBox,
|
||||
.claro .dijitToggleButton .dijitCheckBoxIcon {
|
||||
|
||||
background-position: -15px;
|
||||
}
|
||||
.claro .dijitCheckBoxChecked,
|
||||
.claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
|
||||
|
||||
background-position: -0px;
|
||||
}
|
||||
.claro .dijitCheckBoxDisabled {
|
||||
|
||||
background-position: -75px;
|
||||
}
|
||||
.claro .dijitCheckBoxCheckedDisabled {
|
||||
|
||||
background-position: -60px;
|
||||
}
|
||||
.claro .dijitCheckBoxHover {
|
||||
|
||||
background-position: -45px;
|
||||
}
|
||||
.claro .dijitCheckBoxCheckedHover {
|
||||
|
||||
background-position: -30px;
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
|
||||
.claro .dijitTextBoxError .dijitValidationContainer {
|
||||
background-color: #d46363;
|
||||
background-image: url('images/error.png');
|
||||
background-position: top center;
|
||||
border: solid #d46464 0px;
|
||||
border-left-width: 1px;
|
||||
width: 9px;
|
||||
}
|
||||
.claro .dijitTextBoxError .dijitValidationIcon {
|
||||
width: 0px;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.claro .dijitTextBox .dijitInputContainer,
|
||||
.claro .dijitTextArea,
|
||||
.claro .dijitInputField .dijitPlaceHolder {
|
||||
padding: 2px;
|
||||
}
|
||||
.claro .dijitTextBox,
|
||||
.claro .dijitTextBox .dijitButtonNode {
|
||||
|
||||
border-color: #b5bcc7;
|
||||
-webkit-transition-property:background-color, border;
|
||||
-webkit-transition-duration:.35s;
|
||||
}
|
||||
.claro .dijitTextBox {
|
||||
background-color: #f7fcff;
|
||||
}
|
||||
.claro .dijitTextBoxHover,
|
||||
.claro .dijitTextBoxHover .dijitButtonNode {
|
||||
border-color: #769dc0;
|
||||
-webkit-transition-duration:.25s;
|
||||
}
|
||||
.claro .dijitTextBoxHover {
|
||||
background-color: #e9f4fe;
|
||||
background-image: url('images/textBox_back.png');
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.claro .dijitTextBoxError,
|
||||
.claro .dijitTextBoxError .dijitButtonNode {
|
||||
border-color: #d46464;
|
||||
}
|
||||
.claro .dijitTextBoxError,
|
||||
.claro .dijitTextBoxError .dijitInputContainer {
|
||||
background-color: #fdf7f7;
|
||||
}
|
||||
.claro .dijitTextBoxFocused,
|
||||
.claro .dijitTextBoxFocused .dijitButtonNode {
|
||||
border-color:#769dc0;
|
||||
-webkit-transition-duration:.1s;
|
||||
}
|
||||
.claro .dijitTextBoxFocused {
|
||||
background-color: #fff;
|
||||
background-image: url('images/textBox_back.png');
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.claro .dijitTextBoxFocused .dijitInputContainer {
|
||||
background: #fff;
|
||||
}
|
||||
.claro .dijitTextBoxErrorFocused,
|
||||
.claro .dijitTextBoxErrorFocused .dijitButtonNode {
|
||||
border-color: #ce4f4f;
|
||||
}
|
||||
.claro .dijitTextBoxDisabled,
|
||||
.claro .dijitTextBoxDisabled .dijitButtonNode {
|
||||
border-color: #d3d3d3;
|
||||
}
|
||||
.claro .dijitTextBoxDisabled {
|
||||
background-color: #efefef;
|
||||
background-image: none;
|
||||
color: #818181;
|
||||
}
|
||||
.claro .dijitComboBox .dijitArrowButtonInner {
|
||||
background-image: url("images/commonFormArrows.png");
|
||||
background-position:-35px 53%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0px;
|
||||
width:16px;
|
||||
height:100%;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
.claro .dijitTextBox .dijitInputField {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.claro .dijitTextBox .dijitInputInner {
|
||||
|
||||
padding: 1px 2px 1px 0;
|
||||
}
|
||||
.claro .dijitTextBox .dijitValidationContainer {
|
||||
padding: 0 0 2px 0;
|
||||
}
|
||||
.claro .dijitComboBox .dijitButtonNode {
|
||||
background-color: #ebeef4;
|
||||
background-image: url("images/formHighlight.png");
|
||||
background-repeat:repeat-x;
|
||||
}
|
||||
.claro .dijitComboBoxHover .dijitButtonNode {
|
||||
background-color:#abd6ff;
|
||||
}
|
||||
.claro .dijitComboBoxHover .dijitArrowButtonInner {
|
||||
background-position:-70px 53%;
|
||||
}
|
||||
.claro .dijitComboBoxFocused .dijitButtonNode {
|
||||
background-color:#7dbefa;
|
||||
background-position:0px -177px;
|
||||
padding: 1px;
|
||||
}
|
||||
.claro .dijitComboBoxFocused .dijitArrowButtonInner {
|
||||
background-position:-70px 53%;
|
||||
border: 0px none;
|
||||
}
|
||||
.claro div.dijitComboBoxDisabled .dijitArrowButtonInner {
|
||||
|
||||
background-position:0px 50%;
|
||||
background-color:#f1f1f1;
|
||||
}
|
||||
.dj_ff3 .claro .dijitInputField input[type="hidden"] {
|
||||
display: none;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.dj_ie6 .claro .dijitTextBox,
|
||||
.dj_ie6 .claro .dijitComboBox .dijitButtonNode {
|
||||
background-image: none;
|
||||
}
|
||||
.dj_quirks .claro .dijitComboBox .dijitArrowButtonInner {
|
||||
border: 0px;
|
||||
}
|
||||
.dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer {
|
||||
padding: 1px;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
|
||||
.claro .dijitTextBoxRtlError .dijitValidationContainer {
|
||||
border-left-width: 0px;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
|
||||
.claro .dijitSpinnerButtonContainer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: auto;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner {
|
||||
border-width: 1px 0;
|
||||
border-style: solid none;
|
||||
}
|
||||
.claro .dijitSpinner .dijitArrowButton {
|
||||
width:auto;
|
||||
background-color: #ebeef4;
|
||||
background-image: url("images/formHighlight.png");
|
||||
background-position:0px 0px;
|
||||
background-repeat:repeat-x;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dj_iequirks .claro .dijitSpinner .dijitArrowButton {
|
||||
overflow: visible;
|
||||
}
|
||||
.claro .dijitSpinner .dijitSpinnerButtonInner {
|
||||
width: 15px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitArrowButtonInner {
|
||||
border:solid 1px #fff;
|
||||
border-bottom-width: 0;
|
||||
background-image: url("images/commonFormArrows.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
width:15px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
|
||||
background-position:-139px center;
|
||||
|
||||
display: block;
|
||||
margin: -1px 0px -1px 0px;
|
||||
#margin-top: 0;
|
||||
}
|
||||
.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner {
|
||||
width: 19px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
|
||||
background-position:-34px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField {
|
||||
padding: 0;
|
||||
}
|
||||
.claro .dijitUpArrowButtonActive,
|
||||
.claro .dijitDownArrowButtonActive {
|
||||
background-color:#abd6ff;
|
||||
}
|
||||
.claro .dijitSpinner .dijitUpArrowButtonHover,
|
||||
.claro .dijitSpinner .dijitDownArrowButtonHover,
|
||||
.claro .dijitSpinnerFocused .dijitArrowButton {
|
||||
background-color: #a0d1ff;
|
||||
}
|
||||
.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner {
|
||||
background-position:-174px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner {
|
||||
background-position:-69px;
|
||||
}
|
||||
.claro .dijitSpinnerFocused {
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
}
|
||||
.claro .dijitSpinner .dijitDownArrowButtonActive,
|
||||
.claro .dijitSpinner .dijitUpArrowButtonActive {
|
||||
background-color: #3299f9;
|
||||
background-position:0px -177px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner,
|
||||
.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner {
|
||||
|
||||
border: 0px;
|
||||
padding: 1px;
|
||||
margin-right:2px;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner {
|
||||
background-position:-173px;
|
||||
}
|
||||
.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner {
|
||||
background-position:-68px;
|
||||
}
|
||||
.claro .dijitSpinnerDisabled .dijitArrowButtonInner {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner {
|
||||
background-position:-104px;
|
||||
}
|
||||
.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner {
|
||||
background-position:1px;
|
||||
}
|
||||
.dj_ie7 .claro .dijitSpinner {
|
||||
overflow:visible;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
.claro .dijitToggleButton .dijitRadio,
|
||||
.claro .dijitToggleButton .dijitRadioIcon {
|
||||
background-image: url('images/checkboxRadioButtonStates.png');
|
||||
}
|
||||
.dj_ie6 .claro .dijitToggleButton .dijitRadio,
|
||||
.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon {
|
||||
background-image: url('images/checkboxAndRadioButtons_IE6.png');
|
||||
}
|
||||
.claro .dijitRadio,
|
||||
.claro .dijitRadioIcon {
|
||||
background-image: url('images/checkboxRadioButtonStates.png');
|
||||
background-repeat: no-repeat;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 0px 2px 0px 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.dj_ie6 .claro .dijitRadio,
|
||||
.dj_ie6 .claro .dijitRadioIcon {
|
||||
background-image: url('images/checkboxAndRadioButtons_IE6.png');
|
||||
}
|
||||
.claro .dijitRadio{
|
||||
|
||||
background-position: -105px;
|
||||
}
|
||||
.claro .dijitToggleButton .dijitRadioIcon {
|
||||
|
||||
background-position: -107px;
|
||||
}
|
||||
.claro .dijitRadioDisabled {
|
||||
|
||||
background-position: -165px;
|
||||
}
|
||||
.claro .dijitRadioHover {
|
||||
|
||||
background-position: -135px;
|
||||
}
|
||||
.claro .dijitRadioChecked{
|
||||
background-position: -90px;
|
||||
}
|
||||
.claro .dijitToggleButtonChecked .dijitRadioIcon {
|
||||
background-position: -92px;
|
||||
}
|
||||
.claro .dijitRadioCheckedHover{
|
||||
background-position: -120px;
|
||||
}
|
||||
.claro .dijitRadioCheckedDisabled {
|
||||
|
||||
background-position: -150px;
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
|
||||
.claro .dijitSelect .dijitButtonText {
|
||||
padding: 0px 5px 2px 5px;
|
||||
}
|
||||
.claro .dijitSelect {
|
||||
border: 1px solid #b5bcc7;
|
||||
background-color: #f7fcff;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.dj_ie6 .claro .dijitSelect,
|
||||
.dj_ie6 .claro .dijitSelect .dijitButtonNode {
|
||||
background-image:none;
|
||||
}
|
||||
.claro .dijitSelect .dijitButtonContents {
|
||||
border: 0px solid #b5bcc7;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.claro .dijitSelect .dijitArrowButton {
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
border-top:none;
|
||||
background-color:#ebeef4;
|
||||
background-image: url("images/formHighlight.png");
|
||||
background-repeat:repeat-x;
|
||||
}
|
||||
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-image: url("images/commonFormArrows.png");
|
||||
background-position:-35px 70%;
|
||||
background-repeat: no-repeat;
|
||||
width:16px;
|
||||
height:16px;
|
||||
display:block;
|
||||
}
|
||||
.claro .dijitSelectHover {
|
||||
border: 1px solid #769dc0;
|
||||
background-color: #e9f4fe;
|
||||
background-image: url('images/textBox_back.png');
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.claro .dijitSelectHover .dijitButtonContents {
|
||||
border-color:#81a5c6;
|
||||
}
|
||||
.claro .dijitSelectHover .dijitArrowButton {
|
||||
background-color:#abd6ff;
|
||||
}
|
||||
.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position:-70px 70%;
|
||||
}
|
||||
.claro .dijitSelectFocused {
|
||||
border: 1px solid #769dc0;
|
||||
}
|
||||
.claro .dijitSelectFocused .dijitButtonContents {
|
||||
border-color:#81a5c6;
|
||||
}
|
||||
.claro .dijitSelectFocused .dijitArrowButton {
|
||||
background-color:#7dbefa;
|
||||
background-position:0px -177px;
|
||||
border: none;
|
||||
padding: 0px 1px;
|
||||
}
|
||||
.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position:-70px 70%;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.claro .dijitSelectDisabled {
|
||||
border: 1px solid #d3d3d3;
|
||||
background-color: #efefef;
|
||||
background-image: none;
|
||||
color: #818181;
|
||||
}
|
||||
.claro .dijitSelectDisabled .dijitArrowButton {
|
||||
background-color: #efefef;
|
||||
}
|
||||
.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position:0px 70%
|
||||
}
|
||||
.claro .dijitSelectMenu td.dijitMenuItemIconCell,
|
||||
.claro .dijitSelectMenu td.dijitMenuArrowCell {
|
||||
|
||||
display: none;
|
||||
}
|
||||
.claro .dijitSelectMenu td.dijitMenuItemLabel {
|
||||
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.claro .dijitSelectMenu .dijitMenuSeparatorTop {
|
||||
border-bottom:1px solid #769dc0;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.claro .dijitSelectRtl .dijitButtonContents {
|
||||
border-right-width: 0px;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
@@ -0,0 +1,294 @@
|
||||
|
||||
.claro .dijitSliderBar {
|
||||
border-style: solid;
|
||||
outline: 1px;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderBar {
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderBar {
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderBar {
|
||||
background-image: none;
|
||||
border-color: #d3d3d3;
|
||||
}
|
||||
.claro .dijitRuleLabelsContainerH {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.claro .dijitSlider .dijitSliderProgressBarH,
|
||||
.claro .dijitSlider .dijitSliderLeftBumper{
|
||||
background-image: url("images/sliderHorizontal.png");
|
||||
background-repeat:repeat-x;
|
||||
background-position:0 -20px;
|
||||
border-color: #b5bcc7;
|
||||
background-color: #cfe5fa;
|
||||
}
|
||||
.claro .dijitSlider .dijitSliderRemainingBarH,
|
||||
.claro .dijitSlider .dijitSliderRightBumper{
|
||||
background-image: url("images/sliderHorizontal.png");
|
||||
background-repeat:repeat-x;
|
||||
background-position:0 -11px;
|
||||
border-color: #b5bcc7;
|
||||
background-color: #fff;
|
||||
}
|
||||
.claro .dijitSliderRightBumper {
|
||||
border-right: solid 1px #b5bcc7;
|
||||
}
|
||||
.claro .dijitSliderLeftBumper {
|
||||
border-left: solid 1px #b5bcc7;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderProgressBarH,
|
||||
.claro .dijitSliderHover .dijitSliderLeftBumper{
|
||||
background-position:0 -20px;
|
||||
background-color: #abd6ff;
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderRemainingBarH,
|
||||
.claro .dijitSliderHover .dijitSliderRightBumper{
|
||||
background-position:0 0px;
|
||||
background-color: #fff;
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderProgressBarH,
|
||||
.claro .dijitSliderFocused .dijitSliderLeftBumper{
|
||||
background-position:0 -30px;
|
||||
background-color: #abd6ff;
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderRemainingBarH,
|
||||
.claro .dijitSliderFocused .dijitSliderRightBumper{
|
||||
background-position:0 -9px;
|
||||
background-color: #fff;
|
||||
border-color: #769dc0;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderProgressBarH,
|
||||
.claro .dijitSliderDisabled .dijitSliderLeftBumper{
|
||||
background-color: #cdcdcd;
|
||||
background-image:none;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderRemainingBarH,
|
||||
.claro .dijitSliderDisabled .dijitSliderRightBumper{
|
||||
background-color: #efefef;
|
||||
}
|
||||
.claro .dijitRuleLabelsContainerV {
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.claro .dijitSlider .dijitSliderProgressBarV,
|
||||
.claro .dijitSlider .dijitSliderBottomBumper{
|
||||
background-image: url("images/sliderVertical.png");
|
||||
background-repeat:repeat-y;
|
||||
background-position:-36px 0;
|
||||
border-color: #b5bcc7;
|
||||
background-color: #cfe5fa;
|
||||
}
|
||||
.claro .dijitSlider .dijitSliderRemainingBarV,
|
||||
.claro .dijitSlider .dijitSliderTopBumper{
|
||||
background-image: url("images/sliderVertical.png");
|
||||
background-repeat:repeat-y;
|
||||
background-position:-3px 0;
|
||||
border-color: #b5bcc7;
|
||||
background-color: #fff;
|
||||
}
|
||||
.claro .dijitSliderBottomBumper {
|
||||
border-bottom: solid 1px #b5bcc7;
|
||||
}
|
||||
.claro .dijitSliderTopBumper {
|
||||
border-top: solid 1px #b5bcc7;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderProgressBarV,
|
||||
.claro .dijitSliderHover .dijitSliderBottomBumper{
|
||||
background-position:-36px 0;
|
||||
background-color: #abd6ff;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderRemainingBarV,
|
||||
.claro .dijitSliderHover .dijitSliderTopBumper{
|
||||
background-position:0 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderProgressBarV,
|
||||
.claro .dijitSliderFocused .dijitSliderBottomBumper{
|
||||
background-position:-56px 0;
|
||||
background-color: #abd6ff;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderRemainingBarV,
|
||||
.claro .dijitSliderFocused .dijitSliderTopBumper{
|
||||
background-position:-18px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderProgressBarV,
|
||||
.claro .dijitSliderDisabled .dijitSliderBottomBumper{
|
||||
background-color: #cdcdcd;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderRemainingBarV,
|
||||
.claro .dijitSliderDisabled .dijitSliderTopBumper{
|
||||
background-color: #efefef;
|
||||
}
|
||||
.claro .dijitSliderImageHandleH {
|
||||
border: 0px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-image: url("images/sliderThumbs.png");
|
||||
background-repeat:no-repeat;
|
||||
background-position:0 0;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderImageHandleH {
|
||||
background-position:-18px 0;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderImageHandleH {
|
||||
background-position:-36px 0;
|
||||
}
|
||||
.claro .dijitSliderProgressBarH .dijitSliderThumbHover{
|
||||
background-position:-36px 0;
|
||||
}
|
||||
.claro .dijitSliderProgressBarH .dijitSliderThumbActive{
|
||||
background-position:-36px 0;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderImageHandleH,
|
||||
.claro .dijitSliderDisabled .dijitSliderImageHandleH {
|
||||
background-position:-54px 0;
|
||||
}
|
||||
.claro .dijitSliderImageHandleV {
|
||||
border: 0px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-image: url("images/sliderThumbs.png");
|
||||
background-repeat:no-repeat;
|
||||
background-position:-289px 0;
|
||||
}
|
||||
.claro .dijitSliderHover .dijitSliderImageHandleV {
|
||||
background-position:-307px 0;
|
||||
}
|
||||
.claro .dijitSliderFocused .dijitSliderImageHandleV {
|
||||
background-position:-325px 0;
|
||||
}
|
||||
.claro .dijitSliderProgressBarV .dijitSliderThumbHover{
|
||||
background-position:-325px 0;
|
||||
}
|
||||
.claro .dijitSliderProgressBarV .dijitSliderThumbActive{
|
||||
background-position:-325px 0;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderImageHandleV,
|
||||
.claro .dijitSliderDisabled .dijitSliderImageHandleV {
|
||||
background-position:-343px 0;
|
||||
}
|
||||
.claro .dijitSliderButtonContainerH{
|
||||
padding: 1px 3px 1px 2px;
|
||||
}
|
||||
.claro .dijitSliderButtonContainerV{
|
||||
padding: 3px 1px 2px 1px;
|
||||
}
|
||||
.claro .dijitSliderDecrementIconH,
|
||||
.claro .dijitSliderIncrementIconH,
|
||||
.claro .dijitSliderDecrementIconV,
|
||||
.claro .dijitSliderIncrementIconV {
|
||||
background-image: url('images/commonFormArrows.png');
|
||||
background-repeat:no-repeat;
|
||||
background-color: #e9ecf2;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border: solid 1px #b5bcc7;
|
||||
font-size: 1px;
|
||||
}
|
||||
.claro .dijitSliderDecrementIconH,
|
||||
.claro .dijitSliderIncrementIconH {
|
||||
height: 12px;
|
||||
width: 9px;
|
||||
}
|
||||
.claro .dijitSliderDecrementIconV,
|
||||
.claro .dijitSliderIncrementIconV {
|
||||
height: 9px;
|
||||
width: 12px;
|
||||
}
|
||||
.claro .dijitSliderActive .dijitSliderDecrementIconH,
|
||||
.claro .dijitSliderActive .dijitSliderIncrementIconH,
|
||||
.claro .dijitSliderActive .dijitSliderDecrementIconV,
|
||||
.claro .dijitSliderActive .dijitSliderIncrementIconV,
|
||||
.claro .dijitSliderHover .dijitSliderDecrementIconH,
|
||||
.claro .dijitSliderHover .dijitSliderIncrementIconH,
|
||||
.claro .dijitSliderHover .dijitSliderDecrementIconV,
|
||||
.claro .dijitSliderHover .dijitSliderIncrementIconV {
|
||||
border: solid 1px #769dc0;
|
||||
background-color:#fff;
|
||||
}
|
||||
.claro .dijitSliderDecrementIconH {
|
||||
background-position:-357px 50%;
|
||||
}
|
||||
.claro .dijitSliderActive .dijitSliderDecrementIconH
|
||||
.claro .dijitSliderHover .dijitSliderDecrementIconH {
|
||||
background-position:-393px 50%;
|
||||
}
|
||||
.claro .dijitSliderIncrementIconH {
|
||||
background-position:-251px 50%;
|
||||
}
|
||||
.claro .dijitSliderActive .dijitSliderIncrementIconH
|
||||
.claro .dijitSliderHover .dijitSliderIncrementIconH {
|
||||
background-position:-283px 50%;
|
||||
}
|
||||
.claro .dijitSliderDecrementIconV {
|
||||
background-position:-38px 50%;
|
||||
}
|
||||
.claro .dijitSliderActive .dijitSliderDecrementIconV
|
||||
.claro .dijitSliderHover .dijitSliderDecrementIconV {
|
||||
background-position:-73px 50%;
|
||||
}
|
||||
.claro .dijitSliderIncrementIconV {
|
||||
background-position:-143px 49%;
|
||||
}
|
||||
.claro .dijitSliderActive .dijitSliderIncrementIconV
|
||||
.claro .dijitSliderHover .dijitSliderIncrementIconV {
|
||||
background-position:-178px 49%;
|
||||
}
|
||||
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover,
|
||||
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover,
|
||||
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover,
|
||||
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover {
|
||||
background-color: #cce3fc;
|
||||
}
|
||||
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive,
|
||||
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive,
|
||||
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive,
|
||||
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive {
|
||||
background-color: #a5d0fc;
|
||||
border-color:#6591b9;
|
||||
}
|
||||
.claro .dijitSliderButtonInner {
|
||||
visibility: hidden;
|
||||
}
|
||||
.claro .dijitSliderDisabled .dijitSliderBar{
|
||||
border-color: #d3d3d3;
|
||||
}
|
||||
.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * {
|
||||
border-color: #d3d3d3;
|
||||
color: #bdbdbd;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderDecrementIconH,
|
||||
.claro .dijitSliderDisabled .dijitSliderDecrementIconH {
|
||||
background-position:-321px 50%;
|
||||
background-color:#e9e9e9;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderIncrementIconH,
|
||||
.claro .dijitSliderDisabled .dijitSliderIncrementIconH {
|
||||
background-position:-215px 50%;
|
||||
background-color:#e9e9e9;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderDecrementIconV,
|
||||
.claro .dijitSliderDisabled .dijitSliderDecrementIconV {
|
||||
background-position:-3px 49%;
|
||||
background-color:#e9e9e9;
|
||||
}
|
||||
.claro .dijitSliderReadOnly .dijitSliderIncrementIconV,
|
||||
.claro .dijitSliderDisabled .dijitSliderIncrementIconV {
|
||||
background-position:-107px 49%;
|
||||
background-color:#e9e9e9;
|
||||
}
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV,
|
||||
.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper {
|
||||
background-image:none;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
.claro .dijitSliderRtl .dijitSliderProgressBarH,
|
||||
.claro .dijitSliderRtl .dijitSliderRemainingBarH,
|
||||
.claro .dijitSliderRtl .dijitSliderLeftBumper,
|
||||
.claro .dijitSliderRtl .dijitSliderRightBumper,
|
||||
.claro .dijitSliderRtl .dijitSliderTopBumper {
|
||||
background-position: top right;
|
||||
}
|
||||
.claro .dijitSliderRtl .dijitSliderProgressBarV,
|
||||
.claro .dijitSliderRtl .dijitSliderRemainingBarV,
|
||||
.claro .dijitSliderRtl .dijitSliderBottomBumper {
|
||||
background-position: bottom right;
|
||||
}
|
||||
.claro .dijitSliderRtl .dijitSliderLeftBumper {
|
||||
border-left-width: 0px;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.claro .dijitSliderRtl .dijitSliderRightBumper {
|
||||
border-left-width: 1px;
|
||||
border-right-width: 0px;
|
||||
}
|
||||
.claro .dijitSliderRtl .dijitSliderIncrementIconH {
|
||||
background-position:-357px 50%;
|
||||
}
|
||||
.claro .dijitSliderRtl .dijitSliderDecrementIconH {
|
||||
background-position:-251px 50%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 680 B |
Binary file not shown.
|
After Width: | Height: | Size: 297 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
Binary file not shown.
|
After Width: | Height: | Size: 339 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 177 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Reference in New Issue
Block a user