summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
committerJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
commit6031735017cd2fad28cdf64f4246e6d9914cc3ad (patch)
tree7ce54cd9b21fd29b425e90833384e1f66f52aa0c /WebContent/VAADIN/themes/reindeer/menubar/menubar.scss
parent559775efaf0a8f0f9f1ad6246084667732b15a0f (diff)
parent1fd77ff0d5fc6dee010b5c83acfd5b87b6801264 (diff)
downloadvaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.tar.gz
vaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.zip
merge master (sass theme changes)
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/menubar/menubar.scss')
-rw-r--r--WebContent/VAADIN/themes/reindeer/menubar/menubar.scss76
1 files changed, 76 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss b/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss
new file mode 100644
index 0000000000..78f4a9fa45
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss
@@ -0,0 +1,76 @@
+@mixin reindeer-menubar {
+
+.v-menubar {
+ height: 23px;
+ background: #323336 repeat-x;
+ background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+ color: #d1d3d6;
+ text-shadow: rgba(0,0,0,.9) 0 1px 0;
+ padding: 0 8px;
+}
+.v-menubar .v-menubar-menuitem {
+ padding: 3px 8px;
+ height: 17px;
+ line-height: 16px;
+}
+.v-menubar .v-menubar-menuitem:hover {
+ color: #fff;
+}
+.v-menubar-submenu {
+ background: #f8f8f9;
+ border: none;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ overflow: hidden;
+ padding: 4px 0;
+}
+.v-menubar-submenu .v-menubar-menuitem {
+ padding: 1px 26px 1px 10px;
+ line-height: 16px;
+}
+.v-menubar-submenu .v-menubar-menuitem-caption .v-icon {
+ vertical-align: middle;
+}
+.v-menubar .v-menubar-menuitem-selected,
+.v-menubar-submenu .v-menubar-menuitem-selected {
+ background: #4d749f repeat-x;
+ background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+ color: #fff;
+ text-shadow: 0 1px 0 #3b5a7a;
+}
+.v-menubar .v-menubar-menuitem-selected {
+ background-image: url(img/menu-sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */
+}
+.v-menubar-submenu .v-menubar-submenu-indicator {
+ background: transparent url(img/submenu-icon.png) no-repeat right 70%;
+ width: 26px;
+ height: 16px;
+ text-indent: -9999px;
+}
+.v-menubar-submenu .v-menubar-menuitem-selected .v-menubar-submenu-indicator {
+ background-image: url(img/submenu-icon-hover.png);
+}
+
+/* Checkboxes for checkable/checked menu items */
+.v-menubar-submenu-check-column .v-menubar-menuitem {
+ padding-left: 6px;
+}
+.v-menubar-submenu-check-column .v-menubar-menuitem-caption {
+ padding-left: 18px;
+}
+.v-menubar-submenu .v-menubar-menuitem-checked .v-menubar-menuitem-caption {
+ background: transparent url(img/checked.png) no-repeat left;
+}
+.v-menubar-submenu .v-menubar-menuitem-unchecked .v-menubar-menuitem-caption {
+ background: transparent url(img/unchecked.png) no-repeat left;
+}
+.v-menubar-submenu .v-menubar-menuitem-selected-checked .v-menubar-menuitem-caption {
+ background: transparent url(img/checked-selected.png) no-repeat left;
+}
+.v-menubar-submenu .v-menubar-menuitem-selected-unchecked .v-menubar-menuitem-caption {
+ background: transparent url(img/unchecked-selected.png) no-repeat left;
+}
+
+} \ No newline at end of file