add dijit/dojo stuff; initial ui mockup
This commit is contained in:
Andrew Dolgov
@@ -0,0 +1,105 @@
|
||||
|
||||
.soria .dijitButtonNode {
|
||||
|
||||
border: 1px solid #8ba0bd;
|
||||
border-bottom:1px solid #657c9c;
|
||||
padding: 0.1em 0.2em 0.2em 0.2em;
|
||||
background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitSelect .dijitButtonContents {
|
||||
border-right: none;
|
||||
}
|
||||
.soria .dijitButtonText {
|
||||
text-align: center;
|
||||
padding: 0 0.3em;
|
||||
}
|
||||
.soria .dijitArrowButton {
|
||||
color: #111;
|
||||
}
|
||||
.soria .dijitComboButton .dijitDownArrowButton {
|
||||
padding-right:4px;
|
||||
}
|
||||
.soria .dijitTextBoxReadOnly,
|
||||
.soria .dijitTextBoxReadOnly .dijitButtonNode,
|
||||
.soria .dijitButtonDisabled .dijitButtonNode,
|
||||
.soria .dijitToggleButtonDisabled .dijitButtonNode,
|
||||
.soria .dijitDropDownButtonDisabled .dijitButtonNode,
|
||||
.soria .dijitComboButtonDisabled .dijitButtonNode,
|
||||
.soria .dijitTextBoxDisabled,
|
||||
.soria .dijitTextBoxDisabled .dijitButtonNode {
|
||||
|
||||
border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
|
||||
background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
|
||||
opacity: 0.60;
|
||||
}
|
||||
.dj_ie6 .soria .dijitReadOnly INPUT,
|
||||
.dj_ie7 .soria .dijitReadOnly INPUT,
|
||||
.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText,
|
||||
.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText {
|
||||
|
||||
color: #aaa;
|
||||
}
|
||||
.soria .dijitButtonHover .dijitButtonNode,
|
||||
.soria .dijitButtonNodeHover,
|
||||
.soria .dijitToggleButtonHover .dijitButtonNode,
|
||||
.soria .dijitDropDownButtonHover .dijitButtonNode,
|
||||
.soria .dijitButtonContentsHover,
|
||||
.soria .dijitUpArrowButtonHover,
|
||||
.soria .dijitDownArrowButtonHover {
|
||||
|
||||
|
||||
color:#243C5F;
|
||||
background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitButtonActive .dijitButtonNode,
|
||||
.soria .dijitToggleButtonActive .dijitButtonNode,
|
||||
.soria .dijitDropDownButtonActive .dijitButtonNode,
|
||||
.soria .dijitComboButtonActive .dijitButtonContents,
|
||||
.soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
|
||||
|
||||
border-color:#657c9c;
|
||||
background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
|
||||
}
|
||||
.soria .dijitUpArrowButtonActive,
|
||||
.soria .dijitDownArrowButtonActive {
|
||||
|
||||
background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
|
||||
}
|
||||
.soria .dijitArrowButtonInner {
|
||||
background-image: url("../images/spriteArrows.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px center;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
}
|
||||
.soria .dijitComboBox .dijitArrowButtonInner {
|
||||
background-position: 0 center;
|
||||
}
|
||||
.soria .dijitLeftArrowButton .dijitArrowButtonInner {
|
||||
background-position: -11px center;
|
||||
}
|
||||
.soria .dijitUpArrowButton .dijitArrowButtonInner {
|
||||
background-position: -22px center;
|
||||
}
|
||||
.soria .dijitRightArrowButton .dijitArrowButtonInner {
|
||||
background-position: -33px center;
|
||||
}
|
||||
.dj_ie6 .soria .dijitArrowButtonInner {
|
||||
background-image: url("../images/spriteArrows.gif");
|
||||
}
|
||||
.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.soria .dijitSpinnerButtonContainer {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.soria .dijitSpinner .dijitArrowButton {
|
||||
width: 15px;
|
||||
}
|
||||
.soria .dijitSpinner .dijitSpinnerButtonInner {
|
||||
width: 15px;
|
||||
}
|
||||
.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.dijitRtl .soria .dijitComboBox .dijitButtonNode {
|
||||
border-width: 0px 0px 0px 1px;
|
||||
}
|
||||
.dijitRtl .soria .dijitSelect .dijitButtonContents {
|
||||
border-left: none;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
|
||||
.soria .dijitToggleButton .dijitCheckBox,
|
||||
.soria .dijitToggleButton .dijitCheckBoxIcon {
|
||||
background-image: url('../images/spriteCheckbox.gif');
|
||||
}
|
||||
.soria .dijitCheckBox,
|
||||
.soria .dijitCheckBoxIcon {
|
||||
background-image: url('../images/spriteCheckbox.gif');
|
||||
background-repeat: no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.soria .dijitCheckBox,
|
||||
.soria .dijitToggleButton .dijitCheckBoxIcon {
|
||||
|
||||
background-position: -16px;
|
||||
}
|
||||
.soria .dijitCheckBoxChecked,
|
||||
.soria .dijitToggleButtonChecked .dijitCheckBoxIcon {
|
||||
|
||||
background-position: 0px;
|
||||
}
|
||||
.soria .dijitCheckBoxDisabled {
|
||||
|
||||
background-position: -48px;
|
||||
}
|
||||
.soria .dijitCheckBoxCheckedDisabled {
|
||||
|
||||
background-position: -32px;
|
||||
}
|
||||
.soria .dijitCheckBoxHover {
|
||||
|
||||
background-position: -80px;
|
||||
}
|
||||
.soria .dijitCheckBoxCheckedHover {
|
||||
|
||||
background-position: -64px;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
.soria .dijitInputContainer INPUT,
|
||||
.soria .dijitTextBox {
|
||||
margin: 0em 0.1em;
|
||||
}
|
||||
.soria .dijitTextBox,
|
||||
.soria .dijitTextArea {
|
||||
|
||||
background:#fff url("../images/validationInputBg.png") repeat-x top left;
|
||||
#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
|
||||
border:1px solid #8ba0bd;
|
||||
}
|
||||
.soria .dijitComboBox .dijitButtonNode {
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
.soria .dijitTextBox .dijitButtonNode {
|
||||
|
||||
border-color: #8ba0bd;
|
||||
}
|
||||
.soria .dijitTextBoxFocused,
|
||||
.soria .dijitTextAreaFocused {
|
||||
|
||||
border-color:#406b9b;
|
||||
}
|
||||
.soria .dijitTextBoxFocused .dijitButtonNode,
|
||||
.soria .dijitSpinner .dijitUpArrowButtonActive,
|
||||
.soria .dijitSpinner .dijitDownArrowButtonActive {
|
||||
border-left-color:#8ba0bd;
|
||||
}
|
||||
.soria .dijitSpinnerFocused .dijitDownArrowButton,
|
||||
.soria .dijitSpinner .dijitUpArrowButtonActive,
|
||||
.soria .dijitSpinner .dijitDownArrowButtonActive {
|
||||
border-top-color:#8ba0bd;
|
||||
}
|
||||
.soria .dijitError {
|
||||
border-color:#f3d118;
|
||||
background-color:#f9f7ba;
|
||||
background-image:none;
|
||||
}
|
||||
.soria .dijitErrorFocused {
|
||||
background-color:#ff6;
|
||||
background-image:none;
|
||||
}
|
||||
.soria .dijitValidationIcon {
|
||||
|
||||
width: 16px;
|
||||
background: transparent url('../images/warning.png') no-repeat center center;
|
||||
}
|
||||
.soria .dijitComboBoxHighlightMatch {
|
||||
background-color:#f9f7ba;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
|
||||
.soria .dijitToggleButton .dijitRadio,
|
||||
.soria .dijitToggleButton .dijitRadioIcon {
|
||||
background-image: url('../images/spriteRadio.gif');
|
||||
}
|
||||
.soria .dijitRadio,
|
||||
.soria .dijitRadioIcon {
|
||||
background-image: url('../images/spriteRadio.gif');
|
||||
background-repeat: no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.soria .dijitRadio,
|
||||
.soria .dijitToggleButton .dijitRadioIcon {
|
||||
|
||||
background-position: -16px;
|
||||
}
|
||||
.soria .dijitRadioChecked,
|
||||
.soria .dijitToggleButtonChecked .dijitRadioIcon {
|
||||
|
||||
background-position: 0px;
|
||||
}
|
||||
.soria .dijitRadioDisabled {
|
||||
|
||||
background-position: -48px;
|
||||
}
|
||||
.soria .dijitRadioCheckedDisabled {
|
||||
|
||||
background-position: -32px;
|
||||
}
|
||||
.soria .dijitRadioHover {
|
||||
|
||||
background-position: -80px;
|
||||
}
|
||||
.soria .dijitRadioCheckedHover {
|
||||
|
||||
background-position: -64px;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
.soria .dijitSelect .dijitButtonNode {
|
||||
padding: 0px;
|
||||
}
|
||||
.soria .dijitSelect .dijitButtonContents {
|
||||
padding-top: 1px;
|
||||
background:#fff url("../images/validationInputBg.png") repeat-x top left;
|
||||
#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
|
||||
}
|
||||
.soria .dijitSelectHover .dijitButtonContents,
|
||||
.soria .dijitSelectActive .dijitButtonContents,
|
||||
.soria .dijitSelectOpened .dijitButtonContents,
|
||||
.soria .dijitSelectDisabled .dijitButtonContents,
|
||||
.soria .dijitSelectReadOnly .dijitButtonContents{
|
||||
background: transparent none;
|
||||
}
|
||||
.dj_ie .soria .dijitSelect .dijitButtonContents {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.soria .dijitSelect .dijitArrowButton {
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.soria .dijitSelectDisabled .dijitButtonNode {
|
||||
border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
|
||||
background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
|
||||
}
|
||||
.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * {
|
||||
filter: gray() alpha(opacity=50);
|
||||
}
|
||||
.soria .dijitSelectHover .dijitButtonNode {
|
||||
color:#000;
|
||||
background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitSelectActive .dijitButtonNode,
|
||||
.soria .dijitSelectOpened .dijitButtonNode {
|
||||
border-color:#657c9c;
|
||||
background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
|
||||
}
|
||||
.soria .dijitSelectMenu td {
|
||||
padding: 0em;
|
||||
}
|
||||
.soria .dijitSelectMenu .dijitMenuItemLabel,
|
||||
.soria .dijitSelectMenu .dijitMenuArrowCell {
|
||||
padding: 0.1em 0.2em;
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
|
||||
.soria .dijitSliderProgressBarH {
|
||||
border-color: #b1badf;
|
||||
background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitSliderProgressBarV {
|
||||
border-color: #b1badf;
|
||||
background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;
|
||||
}
|
||||
.soria .dijitSliderFocused .dijitSliderProgressBarH,
|
||||
.soria .dijitSliderFocused .dijitSliderLeftBumper {
|
||||
background-image:url("../images/sliderFullFocus.png");
|
||||
}
|
||||
.soria .dijitSliderFocused .dijitSliderProgressBarV,
|
||||
.soria .dijitSliderFocused .dijitSliderBottomBumper {
|
||||
background-image:url("../images/sliderFullVerticalFocus.png");
|
||||
}
|
||||
.soria .dijitSliderRemainingBarV {
|
||||
border-color: #b4b4b4;
|
||||
background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left;
|
||||
}
|
||||
.soria .dijitSliderRemainingBarH {
|
||||
border-color: #b4b4b4;
|
||||
background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitSliderBar {
|
||||
border-style: solid;
|
||||
outline:1px;
|
||||
|
||||
}
|
||||
.soria .dijitSliderFocused .dijitSliderBar {
|
||||
border-color:#8ba0bd;
|
||||
}
|
||||
.soria .dijitSliderImageHandleH {
|
||||
border:0px;
|
||||
width:15px;
|
||||
height:18px;
|
||||
background:url("../images/preciseSliderThumb.png") no-repeat center top;
|
||||
}
|
||||
.soria .dijitSliderFocused .dijitSliderImageHandleH {
|
||||
background-image:url("../images/preciseSliderThumbFocus.png");
|
||||
#background-image:url("../images/preciseSliderThumbFocus.gif");
|
||||
}
|
||||
.dj_ie6 .soria .dijitSliderImageHandleH {
|
||||
background-image:url("../images/preciseSliderThumb.gif");
|
||||
}
|
||||
.soria .dijitSliderLeftBumper {
|
||||
border-left-width: 1px;
|
||||
border-color: #aab0bb;
|
||||
background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;
|
||||
}
|
||||
.soria .dijitSliderRightBumper {
|
||||
background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;
|
||||
border-color: #b4b4b4;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.soria .dijitSliderImageHandleV {
|
||||
border:0px;
|
||||
width:20px;
|
||||
height:15px;
|
||||
background:url("../images/sliderThumb.png") no-repeat center center;
|
||||
#background:url("../images/sliderThumb.gif") no-repeat center center;
|
||||
}
|
||||
.soria .dijitSliderFocused .dijitSliderImageHandleV {
|
||||
background-image:url("../images/sliderThumbFocus.png");
|
||||
#background-image:url("../images/sliderThumbFocus.gif");
|
||||
}
|
||||
.soria .dijitSliderBottomBumper {
|
||||
border-bottom-width: 1px;
|
||||
border-color: #aab0bb;
|
||||
background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;
|
||||
}
|
||||
.soria .dijitSliderTopBumper {
|
||||
background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left;
|
||||
border-color: #b4b4b4;
|
||||
border-top-width: 1px;
|
||||
}
|
||||
.soria .dijitSliderIncrementIconH,
|
||||
.soria .dijitSliderIncrementIconV {
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top;
|
||||
width:15px; height:15px;
|
||||
}
|
||||
.soria .dijitSliderIncrementIconH {
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
|
||||
}
|
||||
.soria .dijitSliderDecrementIconH,
|
||||
.soria .dijitSliderDecrementIconV {
|
||||
width:15px;
|
||||
height:15px;
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top;
|
||||
}
|
||||
.soria .dijitSliderDecrementIconH {
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0px top;
|
||||
}
|
||||
.soria .dijitSliderButtonInner {
|
||||
visibility:hidden;
|
||||
}
|
||||
.soria .dijitSliderReadOnly *,
|
||||
.soria .dijitSliderDisabled * {
|
||||
border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
|
||||
color: #bdbdbd;
|
||||
}
|
||||
.soria .dijitSliderReadOnly .dijitSliderDecrementIconH,
|
||||
.soria .dijitSliderDisabled .dijitSliderDecrementIconH {
|
||||
background-position: 0px -15px;
|
||||
}
|
||||
.soria .dijitSliderReadOnly .dijitSliderIncrementIconH,
|
||||
.soria .dijitSliderDisabled .dijitSliderIncrementIconH {
|
||||
background-position: -30px -15px;
|
||||
}
|
||||
.soria .dijitSliderReadOnly .dijitSliderDecrementIconV,
|
||||
.soria .dijitSliderDisabled .dijitSliderDecrementIconV {
|
||||
background-position: -15px -15px;
|
||||
}
|
||||
.soria .dijitSliderReadOnly .dijitSliderIncrementIconV,
|
||||
.soria .dijitSliderDisabled .dijitSliderIncrementIconV {
|
||||
background-position: -45px -15px;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
|
||||
.dijitRtl .soria .dijitSliderProgressBarH,
|
||||
.dijitRtl .soria .dijitSliderRemainingBarH,
|
||||
.dijitRtl .soria .dijitSliderLeftBumper,
|
||||
.dijitRtl .soria .dijitSliderRightBumper,
|
||||
.dijitRtl .soria .dijitSliderTopBumper {
|
||||
background-position: top right;
|
||||
}
|
||||
.dijitRtl .soria .dijitSliderProgressBarV,
|
||||
.dijitRtl .soria .dijitSliderRemainingBarV,
|
||||
.dijitRtl .soria .dijitSliderBottomBumper {
|
||||
background-position: bottom right;
|
||||
}
|
||||
.dijitRtl .soria .dijitSliderLeftBumper {
|
||||
border-left-width: 0px;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.dijitRtl .soria .dijitSliderRightBumper {
|
||||
border-left-width: 1px;
|
||||
border-right-width: 0px;
|
||||
}
|
||||
.dijitRtl .soria .dijitSliderIncrementIconH {
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top;
|
||||
}
|
||||
.dijitRtl .soria .dijitSliderDecrementIconH {
|
||||
background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top;
|
||||
#background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@CHARSET "UTF-8";
|
||||
Reference in New Issue
Block a user