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                 -ms-transition: background 0.5s ease;
  17                 -webkit-transition: background 0.5s ease;
  18                 -moz-transition:  background 0.5s ease;
  19                 -o-transition: background 0.5s ease;
  20                 transition: background 0.5s ease;
  21         }
  22         .LESSpagecontrolIconMargin(@l, @r) {
  23                 margin-left: @l * @unit_base;
  24                 margin-right: @r * @unit_base;
  25         }
  26
  27         &> div.page_n {
  28                 display: inline-block;
  29                 border: 0;
  30                 width: 52 * @unit_base;
  31                 height: 52 * @unit_base;
  32         }
  33
  34         &> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); }
  35         // NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator.
  36         &> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; }
  37         &> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); }
  38         &> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); }
  39
  40
  41         &> div.page_n_dot {
  42                 .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png');
  43         }
  44         &> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_01.png'); }
  45         &> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_02.png'); }
  46         &> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_03.png'); }
  47         &> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_04.png'); }
  48         &> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_05.png'); }
  49         &> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_06.png'); }
  50         &> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_07.png'); }
  51         &> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_08.png'); }
  52         &> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_09.png'); }
  53         &> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); }
  54
  55 }