8 .ui-ctxpopup-row .ui-triangle-top {
12 .ui-ctxpopup-row .ui-triangle-left {
16 .ui-ctxpopup-row .ui-triangle-right {
20 .ui-ctxpopup-row .ui-triangle-bottom {
31 .ui-popupwindow-padding {
32 background: @color_ctxpopup_background;
34 -ms-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
35 -o-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
36 -moz-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
37 -webkit-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
38 box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
39 .LESSborder-radius-all(@border_radius);
44 .ui-listview li.ui-btn-up-s, .ui-listview li.ui-btn-hover-s {
45 background: transparent;
48 .ui-listview li.ui-btn-down-s {
49 background: @color_bar_back_btn_press;
52 .ui-listview li:last-child {
53 border-bottom-left-radius: @border_radius;
54 border-bottom-right-radius: @border_radius;
57 .ui-listview li:first-child {
58 border-top-left-radius: @border_radius;
59 border-top-right-radius: @border_radius;
63 min-width: 386 * @unit_base;
64 max-width: 620 * @unit_base;
68 .ui-listview > .ui-li {
69 color: @color_ctxpopup_text;
70 border-bottom-color: @color_ctxpopup_border_bottom;
71 border-top-width: 1px;
72 border-top-color: @color_ctxpopup_border_top;
73 padding: 0 10 * @unit_base;
76 &:first-child, &:last-child {
77 border-top-width: 0px;
81 .ui-listview li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit {
82 color: @color_ctxpopup_text;
85 .ui-listview > .ui-li:last-child {
90 color: @color_ctxpopup_text;
91 max-width: 648 * @unit_base;
94 background: transparent ! important;
96 width: 96 * @unit_base;
97 height: 64 * @unit_base;
106 background-position: center;
107 .LESSbackground-size( 48 * @unit_base, 48 * @unit_base );
112 padding: 0 20 * @unit_base;
113 min-width: 96 * @unit_base;
118 color: @color_ctxpopup_text;
119 text-decoration: none;
130 -moz-box-pack: center;
131 display: -webkit-box;
132 -webkit-box-pack: center;
137 border-left: 1px solid @color_ctxpopup_border_left;
138 border-right: 1px solid @color_ctxpopup_border_right;
139 border-top: 1px solid @color_ctxpopup_border_right;
140 border-bottom: 1px solid @color_ctxpopup_border_left;
151 tr:first-of-type > td {
155 tr:last-of-type > td {
159 tr:first-of-type > td:first-of-type {
160 border-top-left-radius: @border_radius;
163 tr:first-of-type > td:last-of-type {
164 border-top-right-radius: @border_radius;
167 tr:last-of-type > td:first-of-type {
168 border-bottom-left-radius: @border_radius;
171 tr:last-of-type > td:last-of-type {
172 border-bottom-right-radius: @border_radius;
177 display: inline-block;
179 vertical-align: middle;
184 line-height: 64 * @unit_base;
185 min-height: 64 * @unit_base;
186 min-width: 96 * @unit_base;
189 display: inline-block;
190 border-left: 1px solid @color_ctxpopup_border_left;
191 border-right: 1px solid @color_ctxpopup_border_right;
196 border-top-left-radius: @border_radius;
197 border-bottom-left-radius: @border_radius;
203 border-top-right-radius: @border_radius;
204 border-bottom-right-radius: @border_radius;
210 li:active, td:active {
211 background: @color_ctxbutton_press;
217 margin: 8 * @unit_base;
219 height: 74 * @unit_base;
220 width: 172 * @unit_base;