From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/themes/claro/form/NumberSpinner.css | 100 ++++++++++++++++++++++++++ 1 file changed, 100 insertions(+) create mode 100644 lib/dijit/themes/claro/form/NumberSpinner.css (limited to 'lib/dijit/themes/claro/form/NumberSpinner.css') diff --git a/lib/dijit/themes/claro/form/NumberSpinner.css b/lib/dijit/themes/claro/form/NumberSpinner.css new file mode 100644 index 000000000..66b97da62 --- /dev/null +++ b/lib/dijit/themes/claro/form/NumberSpinner.css @@ -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; +} -- cgit v1.2.3