X-Git-Url: http://review.tizen.org/git/?a=blobdiff_plain;f=src%2Fthemes%2Ftizen%2Fcommon%2Fjquery.mobile.tizen.ctxpopup.less;h=c8c69a15fa7ee7b3c16374b949818bb81855bb1f;hb=f476ccb6d18ed0c7392ad5508a4c7108c1297f2a;hp=46395cfa3bfab7a6fdf1666c02621f91e7fd7d5c;hpb=1ebd5ca39c5801e5c53b0d339223713e898d0b10;p=platform%2Fframework%2Fweb%2Fweb-ui-fw.git diff --git a/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less index 46395cf..c8c69a1 100755 --- a/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less +++ b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less @@ -29,7 +29,7 @@ } .ui-popupwindow-padding { - background: rgb(45,45,45); + background: @color_ctxpopup_background; border: none; -webkit-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 ); box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 ); @@ -58,23 +58,33 @@ } .ui-listview { + min-width: 386 * @unit_base; + max-width: 620 * @unit_base; border: none; } .ui-listview > .ui-li { -// margin: 0 -7 * @px_base; + color: @color_ctxpopup_text; + border-bottom-color: @color_ctxpopup_border_bottom; padding: 0 7 * @unit_base; } + .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 { + color: @color_ctxpopup_text; + } + .ui-listview > .ui-li:last-child { border: none; } .horizontal { + color: @color_ctxpopup_text; + max-width: 648 * @unit_base; + .icon .ui-btn { padding: 0; background: transparent; - + .ui-btn-icon-only { width: 128 * @unit_base; height: 92 * @unit_base; @@ -82,36 +92,46 @@ } .ui-icon { - padding: 32 * @unit_base 0; + top: 0; height: inherit; width: inherit; margin: 0; background-position: center; - .LESSbackground-size( 64 * @unit_base, 64 * @unit_base ); + .LESSbackground-size( 48 * @unit_base, 48 * @unit_base ); } } .text { padding: 0 20 * @unit_base; + min-width: 128 * @unit_base; } a.ui-link { - color: @color_text; + color: @color_ctxpopup_text; text-decoration: none; } - + table { border: none; border-spacing: 0; } - + td { - border-left: 1 * @unit_base solid @color_ctxpopup_border_left; - border-right: 1 * @unit_base solid @color_ctxpopup_border_right; - border-top: 1 * @unit_base solid @color_ctxpopup_border_right; - border-bottom: 1 * @unit_base solid @color_ctxpopup_border_left; - } + * { + display: -moz-box; + -moz-box-pack: center; + display: -webkit-box; + -webkit-box-pack: center; + display: box; + box-pack: center; + } + + border-left: 1px solid @color_ctxpopup_border_left; + border-right: 1px solid @color_ctxpopup_border_right; + border-top: 1px solid @color_ctxpopup_border_right; + border-bottom: 1px solid @color_ctxpopup_border_left; + } td:first-of-type { border-left: none; @@ -140,7 +160,7 @@ tr:last-of-type > td:first-of-type { border-bottom-left-radius: @border_radius; } - + tr:last-of-type > td:last-of-type { border-bottom-right-radius: @border_radius; } @@ -152,15 +172,16 @@ vertical-align: middle; margin: 0; } - + li { line-height: 92 * @unit_base; min-height: 92 * @unit_base; + min-width: 128 * @unit_base; float: left; display: inline-block; - border-left: 1 * @unit_base solid @color_ctxpopup_border_left; - border-right: 1 * @unit_base solid @color_ctxpopup_border_right; + border-left: 1px solid @color_ctxpopup_border_left; + border-right: 1px solid @color_ctxpopup_border_right; text-align: center; }