src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less

   1 @import "config.less";
   2
   3 @border_radius: .3em;
   4
   5 .ui-ctxpopup {
   6         display: table;
   7
   8         .ui-ctxpopup-row .ui-triangle-top {
   9                 top: 2px;
  10         }
  11
  12         .ui-ctxpopup-row .ui-triangle-left {
  13                 left: 2px;
  14         }
  15
  16         .ui-ctxpopup-row .ui-triangle-right {
  17                 right: 2px;
  18         }
  19
  20         .ui-ctxpopup-row .ui-triangle-bottom {
  21                 bottom: 2px;
  22         }
  23
  24         .ui-ctxpopup-row {
  25                 display: table-row;
  26
  27                 .ui-ctxpopup-cell {
  28                         display: table-cell;
  29                 }
  30
  31                 .ui-popupwindow-padding {
  32                         background: rgb(45,45,45);
  33                         border: none;
  34                         -webkit-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
  35                         box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 );
  36                         -webkit-border-radius: @border_radius;
  37                         border-radius: @border_radius;
  38                 }
  39
  40         }
  41
  42     .ui-listview li.ui-btn-up-s, .ui-listview li.ui-btn-hover-s {
  43         background: transparent;
  44     }
  45
  46         .ui-listview li.ui-btn-down-s {
  47                 background: @color_bar_back_btn_press;
  48         }
  49
  50         .ui-listview li:last-child {
  51                 border-bottom-left-radius: @border_radius;
  52                 border-bottom-right-radius: @border_radius;
  53         }
  54
  55         .ui-listview li:first-child {
  56                 border-top-left-radius: @border_radius;
  57                 border-top-right-radius: @border_radius;
  58         }
  59
  60     .ui-listview {
  61         border: none;
  62     }
  63
  64         .ui-listview > .ui-li {
  65 //              margin: 0 -7 * @px_base;
  66                 padding: 0 7 * @unit_base;
  67         }
  68
  69     .ui-listview > .ui-li:last-child {
  70         border: none;
  71     }
  72
  73     .horizontal {
  74                 .icon .ui-btn {
  75                         padding: 0;
  76                         background: transparent;
  77
  78                         .ui-btn-icon-only {
  79                                 width: 128 * @unit_base;
  80                                 height: 92 * @unit_base;
  81                                 padding: 0;
  82                         }
  83
  84                         .ui-icon {
  85                                 padding: 32 * @unit_base 0;
  86                                 height: inherit;
  87                                 width: inherit;
  88                                 margin: 0;
  89                                 background-position: center;
  90                                 .LESSbackground-size( 64 * @unit_base, 64 * @unit_base );
  91                         }
  92                 }
  93
  94                 .text {
  95                         padding: 0 20 * @unit_base;
  96                 }
  97
  98
  99         a.ui-link {
 100             color: @color_text;
 101             text-decoration: none;
 102         }
 103
 104         table {
 105             border: none;
 106             border-spacing: 0;
 107         }
 108
 109         td {
 110             border-left: 1 * @unit_base solid @color_ctxpopup_border_left;
 111             border-right: 1 * @unit_base solid @color_ctxpopup_border_right;
 112             border-top: 1 * @unit_base solid @color_ctxpopup_border_right;
 113             border-bottom: 1 * @unit_base solid @color_ctxpopup_border_left;
 114          }
 115
 116         td:first-of-type {
 117             border-left: none;
 118         }
 119
 120         td:last-of-type {
 121             border-right: none;
 122         }
 123
 124         tr:first-of-type > td {
 125             border-top: none;
 126         }
 127
 128         tr:last-of-type > td {
 129             border-bottom: none;
 130         }
 131
 132                 tr:first-of-type > td:first-of-type {
 133                         border-top-left-radius: @border_radius;
 134                 }
 135
 136                 tr:first-of-type > td:last-of-type {
 137                         border-top-right-radius: @border_radius;
 138                 }
 139
 140                 tr:last-of-type > td:first-of-type {
 141                         border-bottom-left-radius: @border_radius;
 142                 }
 143
 144                 tr:last-of-type > td:last-of-type {
 145                         border-bottom-right-radius: @border_radius;
 146                 }
 147
 148         ul {
 149             padding: 0;
 150             display: inline-block;
 151             list-style: none;
 152             vertical-align: middle;
 153             margin: 0;
 154         }
 155
 156         li {
 157                         line-height: 92 * @unit_base;
 158                         min-height: 92 * @unit_base;
 159
 160             float: left;
 161             display: inline-block;
 162             border-left: 1 * @unit_base solid @color_ctxpopup_border_left;
 163             border-right: 1 * @unit_base solid @color_ctxpopup_border_right;
 164             text-align: center;
 165         }
 166
 167                 li:first-of-type {
 168                         border-top-left-radius: @border_radius;
 169                         border-bottom-left-radius: @border_radius;
 170
 171             border-left: none;
 172         }
 173
 174         li:last-of-type {
 175                         border-top-right-radius: @border_radius;
 176                         border-bottom-right-radius: @border_radius;
 177
 178             border-right: none;
 179             margin-right: 0;
 180         }
 181
 182                 li:active, td:active {
 183                         background: @color_bar_back_btn_press;
 184                 }
 185     }
 186
 187     .button {
 188         table .ui-btn {
 189             margin: 8 * @unit_base;
 190             padding: 0;
 191             height: 74 * @unit_base;
 192             width: 172 * @unit_base;
 193         }
 194     }
 195
 196 }