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

   1 @import "config.less";
   2
   3
   4 .ui-option-header {
   5     overflow: hidden;
   6     background : @color_optionheader_Background;
   7 }
   8
   9 .ui-option-header-1-row {
  10     height: 106px;
  11     border: none;
  12 }
  13 .ui-option-header-2-row {
  14     height: 196 * @unit_base;
  15     border: none;
  16 }
  17
  18 .ui-option-header-row-1 {
  19     height : 106 * @unit_base;
  20 }
  21 .ui-option-header-row-2 {
  22     height: 196 * @unit_base;
  23     margin-top: -2px;
  24     padding: 0px 5px 6px 5px;
  25
  26     div {
  27             margin-top: 5 * @unit_base;
  28             margin-bottom: 5 * @unit_base;
  29         }
  30 }
  31
  32 .ui-option-header .ui-btn {
  33     display: block;
  34     margin: 3px 5px 5px 5px;
  35 }
  36
  37 .ui-option-header .ui-input-search .ui-btn {
  38         display : none;
  39 }
  40
  41 .ui-option-header .ui-btn-text {
  42     line-height: 34px;
  43 }
  44 .ui-option-header {
  45         .ui-btn-down-s.ui-btn-hover-s .ui-btn-inner,
  46         .ui-btn-down-s .ui-btn-inner {
  47                 background : @color_optionheader_bt_press;
  48         }
  49         .ui-btn-hover-s .ui-btn-inner,
  50         .ui-btn-up-s .ui-btn-inner {
  51                 background : @color_optionheader_bt;
  52         }
  53
  54         .ui-btn-inner {
  55             padding-top: 6 * @unit_base;
  56             padding-bottom: 6 * @unit_base;
  57                 color           : @color_optionheader_tab_text;
  58         }
  59 }
  60
  61 .ui-option-header .ui-controlgroup-horizontal .ui-btn {
  62     display: inline-block !important;
  63     margin: -3px !important;
  64 }
  65 .ui-option-header .ui-controlgroup,
  66 .ui-option-header fieldset.ui-controlgroup {
  67     margin-bottom: 0px !important;
  68 }
  69 .ui-option-header .ui-controlgroup-horizontal .ui-corner-left {
  70     margin-left: 5px !important;
  71 }
  72 .ui-option-header .ui-controlgroup-horizontal .ui-corner-right {
  73     margin-right: 5px !important;
  74 }
  75
  76 .ui-option-header-triangle-arrow {
  77   top:-10px;
  78   height:10px;
  79   width:100%;
  80   position:relative;
  81   margin-bottom: -10px;
  82 }
  83
  84 .ui-header.ui-option-header-resizing {
  85         .ui-option-header {
  86                 .ui-btn {
  87                         background : transparent;
  88                         border : none;
  89                         width : 100%;
  90                         top : 16 * @unit_base;
  91                         .ui-btn-inner {
  92                                 width : 92%;
  93                                 padding : 0.66em 0px 0.66em;
  94                                 margin : 0px auto;
  95                         }
  96                 }
  97                 .input-search-bar .ui-btn {
  98                         width : 28%; /* 134  * @unit_base; */
  99                 }
 100         }
 101 }
 102 /*
 103 .ui-triangle {
 104   color : @color_optionheader_Background;
 105
 106   position: absolute;
 107   bottom: 0px;
 108   border-style: solid;
 109
 110         margin-left : -10 * @unit_base;
 111
 112         border-left-width : 10 * @unit_base;
 113         border-top-width : 0 * @unit_base;
 114         border-right-width :10 * @unit_base;
 115         border-bottom-width : 10 * @unit_base;
 116         border-bottom-color : @color_optionheader_Background;
 117 }
 118 */
 119 .ui-triangle-image{
 120         background-image: url(images/00_winset_control_top_arrow.png);
 121
 122         position : absolute;
 123         width: 28 * @unit_base;
 124         height : 24 * @unit_base;
 125         left : 50%;
 126
 127 }
 128
 129 .ui-icon-optiontray     {       background-image: url(images/00_winset_btn_optiontray.png);}
 130
 131 .ui-header {
 132         .ui-btn{
 133                 .ui-btn-icon-only {
 134                         padding : 0 0 0 0;
 135                         height : 100%;
 136                         .ui-icon-optiontray     {
 137                                 width: 48 * @unit_base;
 138                                 height : 38 * @unit_base;
 139
 140                                 top : 18 * @unit_base;  /* temporary center align */
 141                                 left : 37 * @unit_base;
 142                         }
 143                 }
 144         }
 145 }
 146
 147
 148
 149
 150
 151
 152