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: 106 * @unit_base;
  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: 0 * @unit_base 5 * @unit_base 6 * @unit_base 5 * @unit_base;
  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: 3 * @unit_base 5 * @unit_base 5 * @unit_base 5 * @unit_base;
  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: 34 * @unit_base;
  43     font-weight: bold;
  44 }
  45 .ui-option-header {
  46         .ui-btn-down-s.ui-btn-hover-s .ui-btn-inner,
  47         .ui-btn-down-s .ui-btn-inner {
  48                 background : @color_optionheader_bt_press;
  49         }
  50         .ui-btn-hover-s .ui-btn-inner,
  51         .ui-btn-up-s .ui-btn-inner {
  52                 background : @color_optionheader_bt;
  53         }
  54
  55         .ui-btn-inner {
  56             padding-top: 6 * @unit_base;
  57             padding-bottom: 6 * @unit_base;
  58                 color           : @color_optionheader_tab_text;
  59         }
  60 }
  61
  62 .ui-option-header .ui-controlgroup-horizontal .ui-btn {
  63     display: inline-block !important;
  64     margin: -3 * @unit_base !important;
  65 }
  66 .ui-option-header .ui-controlgroup,
  67 .ui-option-header fieldset.ui-controlgroup {
  68     margin-bottom: 0px !important;
  69 }
  70 .ui-option-header .ui-controlgroup-horizontal .ui-corner-left {
  71     margin-left: 5 * @unit_base !important;
  72 }
  73 .ui-option-header .ui-controlgroup-horizontal .ui-corner-right {
  74     margin-right: 5 * @unit_base !important;
  75 }
  76
  77 .ui-option-header-triangle-arrow {
  78   top: -12 * @unit_base;
  79   height:10 * @unit_base;
  80   width:100%;
  81   position:relative;
  82   margin-bottom: -10 * @unit_base;
  83 }
  84
  85 .ui-header.ui-option-header-resizing {
  86         .ui-option-header {
  87                 .ui-btn {
  88                         background : transparent;
  89                         border : none;
  90                         width : 100%;
  91                         top : 16 * @unit_base;
  92                         .ui-btn-inner {
  93                                 width : 92%;
  94                                 padding : 0.66em 0px 0.66em;
  95                                 margin : 0px auto;
  96                         }
  97                 }
  98                 .input-search-bar .ui-btn {
  99                         width : 28%; /* 134  * @unit_base; */
 100                 }
 101         }
 102 }
 103 /*
 104 .ui-triangle {
 105   color : @color_optionheader_Background;
 106
 107   position: absolute;
 108   bottom: 0px;
 109   border-style: solid;
 110
 111         margin-left : -10 * @unit_base;
 112
 113         border-left-width : 10 * @unit_base;
 114         border-top-width : 0 * @unit_base;
 115         border-right-width :10 * @unit_base;
 116         border-bottom-width : 10 * @unit_base;
 117         border-bottom-color : @color_optionheader_Background;
 118 }
 119 */
 120 .ui-triangle-image{
 121         background-image: url(images/00_winset_control_top_arrow.png);
 122         background-size:  100% 100%;
 123
 124         position : absolute;
 125         width: 28 * @unit_base;
 126         height : 24 * @unit_base;
 127         left : 50%;
 128 }
 129
 130 .ui-btn-up-s, .ui-btn-hover-s {
 131         .ui-icon-optiontray     {
 132                 background-size:  100% 100%;
 133                 background-image: url(images/00_winset_more.png);
 134         }
 135 }
 136 .ui-btn-down-s {
 137         .ui-icon-optiontray     {
 138                 background-size:  100% 100%;
 139                 background-image: url(images/00_winset_more_press.png);
 140         }
 141 }
 142
 143 .ui-header {
 144         .ui-btn{
 145                 .ui-btn-icon-only {
 146                         padding : 0 0 0 0;
 147                         height : 100%;
 148                         .ui-icon-optiontray     {
 149                                 width: 56 * @unit_base;
 150                                 height : 56 * @unit_base;
 151
 152                                 left : 30 * @unit_base;
 153                         }
 154                 }
 155         }
 156 }