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

   1 /*
   2  * jQuery Mobile Collapsible CSS
   3  * for Tizen Web UI
   4  */
   5
   6 @import "config.less";
   7
   8 .ui-collapsible-inset {
   9         margin: .5em 0;
  10         .ui-collapsible-heading {
  11                 margin: 0;
  12                 .ui-btn {
  13                         border-right-width: 1px;
  14                         border-left-width: 1px;
  15                 }
  16         }
  17 }
  18 .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  19         border-top-width: 0;
  20 }
  21 .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  22         border-top-width: 1px;
  23 }
  24 .ui-collapsible-heading {
  25         font-size: @list-font-size-main;
  26         display: block;
  27         margin: 0 -15px;
  28         padding: 0;
  29         position: relative;
  30         .ui-btn {
  31                 text-align: left;
  32                 margin: 0;
  33                 border-left-width: 0;
  34                 border-right-width: 0;
  35         }
  36         .ui-btn-text {
  37                 color: @color_text;
  38         }
  39
  40         .ui-btn-inner,
  41         .ui-btn-icon-left .ui-btn-inner {
  42                 padding-left: 40px;
  43         }
  44         .ui-btn-icon-right .ui-btn-inner {
  45                 padding-left: 12px; padding-right: 40px;
  46         }
  47         .ui-btn-icon-top .ui-btn-inner,
  48         .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
  49
  50         .ui-btn span.ui-btn {
  51                 position: absolute;
  52                 left: 6px; top: 50%;
  53                 margin: -12px 0 0 0;
  54                 width: 20px;
  55                 height: 20px;
  56                 padding: 1px 0px 1px 2px;
  57                 text-indent: -9999px;
  58
  59                 .ui-btn-inner {
  60                         padding: 10px 0;
  61                 }
  62                 .ui-icon {
  63                         left: 0; margin-top: -10px;
  64                 }
  65         }
  66 }
  67 .ui-collapsible-heading-status {
  68         position: absolute;
  69         top: -9999px;
  70         left:0px;
  71         }
  72
  73 .ui-collapsible-content {
  74         display: block;
  75         margin: 0 -15px;
  76         padding: 0px 15px;
  77         border-left-width: 0;
  78         border-right-width: 0;
  79         border-top: none;      /* Overrides ui-body-* */
  80         background-image: none; /* Overrides ui-body-* */
  81 }
  82 .ui-collapsible-inset .ui-collapsible-content {
  83         margin: 0;
  84         border-right-width: 1px;
  85         border-left-width: 1px;
  86 }
  87 .ui-collapsible-content-collapsed {
  88         display: none;
  89 }
  90 .ui-collapsible-set {
  91         margin: .5em 0;
  92         .ui-collapsible {
  93                 margin: -1px 0 0;
  94                 &:first-child {
  95                         margin-top: 0;
  96                 }
  97         }
  98 }
  99