- &> li.ui-li-2line-colorbar1,
- &> li.ui-li-2line-colorbar2,
- &> li.ui-li-2line-colorbar3 {
- .ui-li-color-bar {
- position: absolute;
- left: 0;
- top: 0;
- width: 10 * @unit_base;
- height: 20 * @unit_base;
- background-color: @color_list_colorbar;
- }
- }
- &> li.ui-li-2line-colorbar1 {
- .LESSli-reset-position;
- .LESStext-main-2line;
- .LESStext-sub-2line-left;
- .LESStext-sub-2line-right(@list-li-padding-horizontal, @list-li-top-padding+@list-li-main-line-height);
- .ui-btn {
- position: absolute;
- left: auto;
- right: @list-li-padding-horizontal;
- top: @list-li-top-padding;
- margin: 0 0 0 @list-li-padding-horizontal;
- max-height: 60*@unit_base;
- }
- .ui-li-text-sub{
- img {
- width: @list-smallicon-size;
- height: @list-smallicon-size;
- margin: 0 0 0 @list-li-padding-horizontal;
- }
- }
- }
- &> li.ui-li-2line-colorbar2 {
- .LESSli-reset-position;
- .LESStext-main-2line;
- .LESStext-sub-2line-left;
- .LESSbtn-right;
- .ui-li-text-main {
- img {
- width: @list-smallicon-size;
- height: @list-smallicon-size;
- margin: 0 0 0 @list-li-padding-horizontal;
- }
- }
- }
- &> li.ui-li-2line-bigicon8 {
- .LESSli-reset-position;
- .LESSimg-bigicon-left;
- .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding);
- .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding+@list-li-main-line-height);
- .LESSsubicon-right(@list-li-padding-horizontal, @list-li-top-padding + @list-li-main-line-height + 8*@unit_base);
- }
- &> li.ui-li-2line-thumb1,
- &> li.ui-li-2line-thumb2,
- &> li.ui-li-2line-thumb3 {
- .LESSli-reset-position;
- .LESStext-main-2line;
- .LESStext-sub-2line-left;
- .LESSimg-bigicon-right(@list-li-padding-horizontal,@list-bigicon-size2);
- .ui-li-text-main {
- img {
- width: @list-smallicon-size;
- height: @list-smallicon-size;
- margin: 0 0 0 @list-li-padding-horizontal;
- }
- }
- .ui-li-text-sub{
- img {
- width: @list-smallicon-size;
- height: @list-smallicon-size;
- margin: 0 @list-li-padding-horizontal 0 0;
- }
- }
- }
- &> li.ui-li-2line-bigicon-pgbar1 {
- .LESSli-reset-position;
- .LESSimg-bigicon-left;
- .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, 0);
- .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-main-line-height+@list-progressbar-height);
- .LESStext-sub-2line-right(2 * @list-li-padding-horizontal + 134*@unit_base, @list-li-main-line-height+@list-progressbar-height);
- .LESSbtn-right;
- .ui-btn {
- max-width: 134 * @unit_base;
- }
- .ui-progressbar {
- left: 2 * @list-li-padding-horizontal + @list-bigicon-size;
- top: @list-li-main-line-height;
- height: @list-progressbar-height;
- width: 468 * @unit_base;
- }
- }
- &> li.ui-li-2line-bigicon-pgbar3 {
- .LESSli-reset-position;
- .LESSimg-bigicon-left;
- .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, 0);
- .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-main-line-height+@list-progressbar-height);
- .LESStext-sub-2line-right(@list-li-padding-horizontal, @list-li-main-line-height+@list-progressbar-height);
- .ui-progressbar {
- left: 2 * @list-li-padding-horizontal + @list-bigicon-size;
- top: @list-li-main-line-height;
- height: @list-progressbar-height;
- width: 608 * @unit_base;
- }
- }
- &> li.ui-li-2line,
- &> li.ui-li-2line-sub-main,
- &> li.ui-li-2line-setting {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 95%;
- }
- }
- &> li.ui-li-2line-2sub,
- &> li.ui-li-3-2-6 {
- .ui-li-text-main {
- max-width: 65%;
- }
- .ui-li-text-sub {
- max-width: 95%;
- }
- .ui-li-text-sub2 {
- max-width: 30%;
- }
- }
- &> li.ui-li-2line-btn1,
- &> li.ui-li-2line-colorbar3,
- &> li.ui-li-2line-thumb1,
- &> li.ui-li-2line-thumb2 {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 65%;
- }
- .ui-btn {
- max-width: 30%;
- }
- }
- &> li.ui-li-2line-btn2,
- &> li.ui-li-2line-toggle-setting,
- &> li.ui-li-2line-btn-setting,
- &> li.ui-li-2line-bigicon0,
- &> li.ui-li-2line-bigicon1,
- &> li.ui-li-2line-bigicon3,
- &> li.ui-li-2line-check1,
- &> li.ui-li-2line-radio1,
- &> li.ui-li-2line-sub-main-bigicon1 {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 80%;
- }
- }
- &> li.ui-li-2line-star1,
- &> li.ui-li-2line-colorbar1 {
- .ui-li-text-main {
- max-width: 85%;
- }
- .ui-li-text-sub {
- max-width: 65%;
- }
- .ui-li-text-sub2 {
- max-width: 30%;
- }
- }
- &> li.ui-li-2line-star2 {
- .ui-li-text-main {
- max-width: 85%;
- }
- .ui-li-text-sub {
- max-width: 95%;
- }
- }
- &> li.ui-li-2line-bigicon2 {
- .ui-li-text-main {
- max-width: 55%;
- }
- .ui-li-text-sub {
- max-width: 80%;
- }
- .ui-li-text-sub2 {
- max-width: 20%;
- }
- }
- &> li.ui-li-2line-bigicon4,
- &> li.ui-li-2line-check2,
- &> li.ui-li-2line-check3,
- &> li.ui-li-2line-radio2,
- &> li.ui-li-2line-colorbar3,
- &> li.ui-li-2line-icon-bigicon-btn {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 65%;
- }
- }
- &> li.ui-li-2line-bigicon8 {
- .ui-li-text-main {
- max-width: 75%;
- }
- .ui-li-text-sub {
- max-width: 70%;
- }
- }
- &> li.ui-li-2line-bigicon-pgbar1 {
- .ui-li-text-main {
- max-width: 60%;
- }
- .ui-li-text-sub {
- max-width: 40%;
- }
- .ui-li-text-sub2 {
- max-width: 20%;
- }
- }
- &> li.ui-li-2line-bigicon-pgbar2 {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 55%;
- }
- }
- &> li.ui-li-2line-bigicon-pgbar3 {
- .ui-li-text-main {
- max-width: 80%;
- }
- .ui-li-text-sub {
- max-width: 60%;
- }
- .ui-li-text-sub2 {
- max-width: 20%;
- }
- }
- &> li.ui-li-2line-thumb3 {
- .ui-li-text-main,
- .ui-li-text-sub {
- max-width: 75%;
- }
- }