summaryrefslogtreecommitdiff
path: root/js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less')
-rw-r--r--js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less147
1 files changed, 147 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less b/js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less
new file mode 100644
index 0000000..a63497a
--- /dev/null
+++ b/js/dojo-1.7.2/dojox/mobile/themes/common/TabBar.less
@@ -0,0 +1,147 @@
+/* dojox.mobile.TabBar */
+.mblTabBar {
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
+ .mblTabBar-styles;
+}
+.mblTabBarNoIcons {
+ height: 34px;
+}
+.mblTabBarNoText {
+ height: 34px;
+}
+
+/* dojox.mobile.TabBarButton */
+.mblTabBarButton {
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255,255,255,0);
+}
+.mblTabBar .mblTabBarButton {
+ position: relative;
+ list-style-type: none;
+ float: left;
+ .mblTabBar-TabBarButton-styles;
+ &.mblTabButtonSelected {
+ .mblTabBar-TabBarButton-Selected-styles;
+ }
+}
+.mblTabBarButtonAnchor {
+ display: block;
+ text-decoration: none;
+}
+.mblTabBarButtonDiv {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ .mblTabBarButtonDiv-styles;
+}
+.mblTabBarButtonIcon {
+ position: absolute;
+ .mblTabBarButtonIcon-styles;
+}
+.mblTabBarButtonSpriteIcon {
+ position: absolute;
+}
+.mblTabBarButtonTextBox {
+ .mblTabBarButtonTextBox-styles;
+}
+.mblTabBarNoIcons {
+ .mblTabBarButtonDiv {
+ display: none;
+ }
+ .mblTabBarButtonTextBox {
+ .mblTabBarNoIcons-TabBarButtonTextBox-styles;
+ }
+}
+.mblTabBarTop {
+ .mblTabButton {
+ .mblTabBarButtonDiv {
+ .mblTabBarTop-TabButton-TabBarButtonDiv-styles;
+ }
+ }
+}
+.mblTabBarHead {
+ .mblTabButton {
+ .mblTabBarButtonDiv {
+ .mblTabBarHead-TabButton-TabBarButtonDiv-styles;
+ }
+ }
+}
+.mblTabButton {
+ position: relative;
+ float: left;
+ list-style-type: none;
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255,255,255,0);
+ .mblTabButton-styles;
+ .mblTabBarButtonAnchor, .mblTabBarButtonDiv {
+ .mblTabButton-TabBarButtonAnchor-styles;
+ }
+ &:first-child {
+ .mblTabButton-FirstTabButtom-styles;
+ }
+ &:last-child {
+ .mblTabButton-LastTabButton-styles;
+ }
+ img {
+ .mblTabButton-img-styles;
+ }
+}
+.mblTabButtonSelected {
+ .mblTabBarButtonTextBox {
+ .mblTabBarButtonTextBoxSelected-styles;
+ }
+ &.mblTabButton {
+ .mblTabButtonSelected-styles;
+ }
+}
+.mblTabButtonHighlighted {
+ &.mblTabButton {
+ .mblTabButtonHighlighted-styles;
+ }
+}
+.mblTabButtonImgDiv {
+ .mblTabButtonImgDiv-styles;
+}
+
+.mblTabPanelHeader {
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ .mblTabPanelHeader-styles;
+ .mblTabButton {
+ .mblTabPanelHeader-TabButton-styles;
+ &.mblTabButtonSelected {
+ .mblTabPanelHeader-TabButtonSelected-styles;
+ }
+ }
+ .mblTabButtonDomButton {
+ .mblTabPanelHeader-TabButtonDomButton-styles;
+ }
+ .mblTabButtonDomButtonClass {
+ .mblTabPanelHeader-TabButtonDomButtonClass-styles;
+ }
+ .mblDomButton {
+ .mblTabPanelHeader-DomButton-styles;
+ }
+}
+
+.mblHeading {
+ .mblTabPanelHeader {
+ .mblTabPanelHeader-inHeading-styles;
+ .mblTabButton {
+ .mblTabPanelHeader-TabButton-inHeading-styles;
+ &:first-child {
+ .mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles;
+ }
+ &:last-child {
+ .mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles;
+ }
+ }
+ .mblTabButtonSelected {
+ .mblTabPanelHeader-TabButtonSelected-inHeading-styles;
+ }
+ }
+}