diff options
author | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
---|---|---|
committer | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
commit | 13d05bc8458758ee39cb829098241e89616717ee (patch) | |
tree | 22a4d1ce65f15952f07a3df5af4b462b4697cb3a /framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css | |
parent | 6139282e1e93c2322076de4b91b1c85d0bc4a8b3 (diff) |
ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60
Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css')
-rw-r--r-- | framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css new file mode 100644 index 00000000..9ae03595 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/button.css @@ -0,0 +1,120 @@ +/* + * Copyright 2015 Open Networking Laboratory + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/* + ONOS GUI -- Button Service -- CSS file + */ + +.button, +.toggleButton, +.radioSet { + display: inline-block; + padding: 0 4px; +} +.radioButton { + display: inline-block; + padding: 0 2px; +} + +.button svg.embeddedIcon, +.toggleButton svg.embeddedIcon, +.radioButton svg.embeddedIcon { + cursor: pointer; +} +.button svg.embeddedIcon .icon rect, +.toggleButton svg.embeddedIcon .icon rect, +.radioButton svg.embeddedIcon .icon rect{ + stroke: none; +} + +/* Selected button color */ +.light .button svg.embeddedIcon .icon rect, +.light .toggleButton.selected svg.embeddedIcon .icon rect, +.light .radioButton.selected svg.embeddedIcon .icon rect { + fill: #838383; +} + +.light .button:hover svg.embeddedIcon .icon rect, +.light .toggleButton.selected:hover svg.embeddedIcon .icon rect +/* NOTE: selected radio button should NOT have hover highlight */ +{ + fill: #444444; +} + +.light .button svg.embeddedIcon .glyph, +.light .toggleButton.selected svg.embeddedIcon .glyph, +.light .radioButton.selected svg.embeddedIcon .glyph { + fill: white; +} + +.dark .button svg.embeddedIcon .icon rect, +.dark .toggleButton.selected svg.embeddedIcon .icon rect, +.dark .radioButton.selected svg.embeddedIcon .icon rect { + fill: #151515; +} + +.dark .button:hover svg.embeddedIcon .icon rect, +.dark .toggleButton.selected:hover svg.embeddedIcon .icon rect +/* NOTE: selected radio button should NOT have hover highlight */ +{ + fill: #444; +} + +.dark .button svg.embeddedIcon .glyph, +.dark .toggleButton.selected svg.embeddedIcon .glyph, +.dark .radioButton.selected svg.embeddedIcon .glyph { + fill: #B2B2B2; +} + +/* Unselected button color */ +.light .toggleButton svg.embeddedIcon .icon rect, +.light .radioButton svg.embeddedIcon .icon rect { + fill: #eee; +} + +.light .toggleButton:hover svg.embeddedIcon .icon rect, +.light .radioButton:hover:not(.selected) svg.embeddedIcon .icon rect { + fill: #ccc; +} + +.light .toggleButton svg.embeddedIcon .glyph, +.light .radioButton svg.embeddedIcon .glyph { + fill: #bbb; +} +.light .toggleButton:hover:not(.selected) svg.embeddedIcon .glyph, +.light .radioButton:hover:not(.selected) svg.embeddedIcon .glyph { + fill: #999; +} + +.dark .toggleButton svg.embeddedIcon .icon rect, +.dark .radioButton svg.embeddedIcon .icon rect { + fill: #303030; +} + +.dark .toggleButton:hover:not(.selected) svg.embeddedIcon .icon rect, +.dark .radioButton:hover:not(.selected) svg.embeddedIcon .icon rect { + fill: #555; +} + +.dark .toggleButton svg.embeddedIcon .glyph, +.dark .radioButton svg.embeddedIcon .glyph { + fill: #565656; +} + +.dark .toggleButton:hover:not(.selected) svg.embeddedIcon .glyph, +.dark .radioButton:hover:not(.selected) svg.embeddedIcon .glyph { + fill: #777; +} |