-/* Button | DropDownButton | ComboButton | ToggleButton
- *
- * Styling Buttons mainly includes:
- *
- * 1. Containers
- * .dijitButton
- * .dijitDropDownButton
- * .dijitComboButton
- * .dijitButtonNode - common button/arrow wrapper shared across all three button types
- *
- * 2. Button text
- * .dijitButtonText
- *
- * 3. Arrows - only for DropDownButton and ComboButton
- * There are total four directions arrows - down, left, right, up:
- * .dijitArrowButtonInner - down arrow by default
- * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow
- * .dijitRightArrowButton .dijitArrowButtonInner - right arrow
- * .dijitUpArrowButton .dijitArrowButtonInner - up arrow
- *
- * 4. States - Hover, Active, Disabled, e.g.
- * .dijitButtonHover .dijitButtonNode
- * .dijitButtonActive .dijitButtonNode
- * .dijitButtonDisabled .dijitButtonNode
- *
- * .dijitDisabled .dijitArrowButtonInner - disabled arrow states
- */
-.claro .dijitButtonNode {
- /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */
-
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- transition-duration: 0.3s;
-}
-.claro .dijitButton .dijitButtonNode,
-.claro .dijitDropDownButton .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNode,
-.claro .dijitToggleButton .dijitButtonNode {
- /* rules for the dijit.form.*Button widgets (see also ComboButton section below) */
-
- border: 1px solid #759dc0;
- padding: 2px 4px 4px 4px;
- color: #000000;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
- -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
- background-color: #bcd8f4;
- background-image: url("images/buttonEnabled.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
- background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
- background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
- background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
- _background-image: none;
-}
-.claro .dijitComboButton .dijitArrowButton {
- border-left-width: 0;
- padding: 4px 2px 4px 2px;
- /* TODO: still needed? */
-
-}
-/*arrow styles for down/up/left/right directions*/
-.claro .dijitArrowButtonInner {
- width: 15px;
- height: 15px;
- margin: 0 auto;
- background-image: url("../form/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: 0 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;
-}
-/* hover status */
-.claro .dijitButtonHover .dijitButtonNode,
-.claro .dijitDropDownButtonHover .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNodeHover,
-.claro .dijitComboButton .dijitDownArrowButtonHover,
-.claro .dijitToggleButtonHover .dijitButtonNode {
- background-color: #86bdf2;
- color: #000000;
- -webkit-transition-duration: 0.2s;
- -moz-transition-duration: 0.2s;
- transition-duration: 0.2s;
-}
-/* active, checked status */
-.claro .dijitButtonActive .dijitButtonNode,
-.claro .dijitDropDownButtonActive .dijitButtonNode,
-.claro .dijitComboButtonActive .dijitButtonNode,
-.claro .dijitToggleButtonActive .dijitButtonNode,
-.claro .dijitToggleButtonChecked .dijitButtonNode {
- background-color: #86bdf2;
- -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
- -webkit-transition-duration: 0.1s;
- -moz-transition-duration: 0.1s;
- transition-duration: 0.1s;
-}
-/* disabled status */
-.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-color: #efefef;
- border: solid 1px #d3d3d3;
- color: #818181;
- -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- background-image: url("images/buttonDisabled.png");
- background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
- background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
- background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
- background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
- _background-image: none;
-}
-.claro .dijitComboButtonDisabled .dijitArrowButton {
- border-left-width: 0;
-}
-/* for ComboButton */
-.claro table.dijitComboButton {
- border-collapse: separate;
- /* override dijit.css so that ComboBox rounded corners work */
-
-}
-.claro .dijitComboButton .dijitStretch {
- -moz-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
-}
-.claro .dijitComboButton .dijitArrowButton {
- -moz-border-radius: 0 4px 4px 0;
- border-radius: 0 4px 4px 0;
-}
+.claro .dijitButtonNode {-webkit-transition-property: background-color; -moz-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}.claro .dijitButton .dijitButtonNode,.claro .dijitDropDownButton .dijitButtonNode,.claro .dijitComboButton .dijitButtonNode,.claro .dijitToggleButton .dijitButtonNode {border: 1px solid #759dc0; padding: 2px 4px 4px 4px; color: #000000; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); background-color: #bcd8f4; background-image: url("images/buttonEnabled.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); _background-image: none;}.claro .dijitComboButton .dijitArrowButton {border-left-width: 0; padding: 4px 2px 4px 2px;}.claro .dijitArrowButtonInner {width: 15px; height: 15px; margin: 0 auto; background-image: url("../form/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: 0 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 .dijitButtonHover .dijitButtonNode,.claro .dijitDropDownButtonHover .dijitButtonNode,.claro .dijitComboButton .dijitButtonNodeHover,.claro .dijitComboButton .dijitDownArrowButtonHover,.claro .dijitToggleButtonHover .dijitButtonNode {background-color: #86bdf2; color: #000000; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}.claro .dijitButtonActive .dijitButtonNode,.claro .dijitDropDownButtonActive .dijitButtonNode,.claro .dijitComboButtonActive .dijitButtonNode,.claro .dijitToggleButtonActive .dijitButtonNode,.claro .dijitToggleButtonChecked .dijitButtonNode {background-color: #86bdf2; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.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-color: #efefef; border: solid 1px #d3d3d3; color: #818181; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-image: url("images/buttonDisabled.png"); background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); _background-image: none;}.claro .dijitComboButtonDisabled .dijitArrowButton {border-left-width: 0;}.claro table.dijitComboButton {border-collapse: separate;}.claro .dijitComboButton .dijitStretch {-moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}.claro .dijitComboButton .dijitArrowButton {-moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
\ No newline at end of file
git.wh0rd.org / tt-rss.git / blobdiff