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

   1 /*
   2  * pagrcontrol stylesheet
   3  * by Youmin Ha <youmin.ha@samsung.com>
   4  */
   5
   6 @import "config.less";
   7
   8 div.pagecontrol {
   9         text-align: center;
  10
  11         .LESSpagecontrolIconCommonProperties(@imgUrl) {
  12                 background-image: url(@imgUrl);
  13                 background-size: 52 * @unit_base;
  14
  15                 // Transition
  16                 -webkit-transition: background 0.5s ease;
  17                 -moz-transition:  background 0.5s ease;
  18                 -o-transition: background 0.5s ease;
  19                 transition: background 0.5s ease;
  20         }
  21         .LESSpagecontrolIconMargin(@l, @r) {
  22                 margin-left: @l * @unit_base;
  23                 margin-right: @r * @unit_base;
  24         }
  25
  26         &> div.page_n {
  27                 display: inline-block;
  28                 border: 0;
  29                 width: 52 * @unit_base;
  30                 height: 52 * @unit_base;
  31         }
  32
  33         &> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); }
  34         // NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator.
  35         &> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; }
  36         &> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); }
  37         &> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); }
  38
  39
  40         &> div.page_n_dot {
  41                 .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png');
  42         }
  43         &> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_1.png'); }
  44         &> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_2.png'); }
  45         &> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_3.png'); }
  46         &> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_4.png'); }
  47         &> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_5.png'); }
  48         &> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_6.png'); }
  49         &> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_7.png'); }
  50         &> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_8.png'); }
  51         &> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_9.png'); }
  52         &> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); }
  53
  54 }