3 /***************************************************************************
5 ***************************************************************************/
7 background : @color_bg;
9 &.ui-portrait-controlbar {
10 height : 55 * @unit_base;
12 &.ui-landscape-controlbar {
13 height : 55 * @unit_base;
17 background : @color_bg;
18 color : rgba(153, 153, 153, 1);
21 width: 32 * @unit_base;
22 height: 32 * @unit_base;
24 background-repeat: no-repeat;
25 background-size: 100% 100%;
29 &.ui-controlbar-persist {
31 background: @color_bg;
33 a.ui-state-persist, a.ui-state-persist.ui-btn-active, a.ui-btn-show-style {
34 background: @color_controlbar_btn_press;
35 color : rgba(59, 115, 182, 1);
37 a.ui-btn-hover-s.ui-btn-down-s {
38 &:not(.ui-state-persist) {
39 color : rgba(59, 115, 182, 1);
40 background: @color_controlbar_btn_press;
45 &:not(.ui-controlbar-persist) {
47 background: @color_bg;
49 a.ui-btn-active, .ui-btn-show-style,
50 a.ui-btn.ui-btn-hover-s.ui-btn-down-s {
51 color : rgba(59, 115, 182, 1);
52 background: @color_controlbar_btn_press;
57 padding-top : 44 * @unit_base;
58 padding-bottom : 3 * @unit_base;
60 font-size : 15 * @unit_base;
64 top : 10 * @unit_base;
66 margin-left : -16 * @unit_base;
70 &.ui-controlbar-noicons {
72 padding-top : 19 * @unit_base;
73 padding-bottom : 18 * @unit_base;
77 &.ui-controlbar-notext {
79 padding-top : 50 * @unit_base;
80 padding-bottom : 5 * @unit_base;
83 top : 11 * @unit_base;
89 /* title font size when title controlbar */
90 .ui-header.ui-bar-s.ui-title-controlbar {
92 font-size : 22 * @unit_base;
93 margin-top : 8 * @unit_base;
94 margin-bottom : 0 * @unit_base;
98 &.ui-controlbar-noicons {
100 padding-top : 15 * @unit_base;
101 padding-bottom : 13 * @unit_base;
105 &.ui-controlbar-notext {
107 padding-top : 47 * @unit_base;
108 padding-bottom : 0 * @unit_base;
112 &.ui-portrait-controlbar {
113 height : 47 * @unit_base;
116 &.ui-landscape-controlbar {
117 height : 40 * @unit_base;
122 .ui-header.ui-bar-s {
123 &.ui-title-controlbar-multiline {
124 height : 75 * @unit_base;
125 .ui-portrait-controlbar {
126 height : 75 * @unit_base;
128 padding-top : 45 * @unit_base;
129 padding-bottom : 10 * @unit_base;
136 .ui-footer.ui-bar-s {
138 height : 49 * @unit_base;
145 top : 7 * @unit_base;
150 .ui-controlbar.ui-controlbar-margin-back {
151 margin-right : 56 * @unit_base;
154 .ui-controlbar.ui-controlbar-margin-more {
155 margin-left : 56 * @unit_base;
160 .ui-controlbar-s.ui-navbar-noicons {
161 font-size : 22 * @unit_base;
165 .ui-icon-ctrl-edit { background-image: url(images/controlbar/00_ctrl_edit.png); }
169 .ui-btn-down-s, .ui-btn-hover-s, .ui-btn-active {
170 .ui-icon-ctrl-edit { background-image: url(images/controlbar/00_ctrl_edit_press.png); }