system-clients 3.2.4 → 3.2.6

package/src/styles/less/list-group.less

@@ -0,0 +1,141 @@
+//
+// List groups
+// --------------------------------------------------
+
+
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  // No need to set list-style: none; since .list-group-item is block level
+  // margin-bottom: 20px;// 原本为20px
+  margin-bottom: 0px;
+  padding-left: 0; // reset padding because ul and ol
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  // Place the border on the list items and negative margin up for better styling
+  // margin-bottom: -1px;
+  background-color: @list-group-bg;
+  // border: 1px 0px 1px 0px solid @list-group-border;
+  // border: 1px 1px 1px 0px solid #fff;
+  border-bottom: 1px  solid @list-group-border;
+  border-top: 1px  solid @list-group-border;
+  // border-top: 1px  solid #fff;
+
+  // Round the first and last items
+  // &:first-child {
+  //   .border-top-radius(@list-group-border-radius);
+  // }
+  // &:last-child {
+  //   margin-bottom: 0;
+  //   .border-bottom-radius(@list-group-border-radius);
+  // }
+}
+
+
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
+// Includes an extra `.active` modifier class for showing selected items.
+
+a.list-group-item,
+button.list-group-item {
+  color: @list-group-link-color;
+
+  .list-group-item-heading {
+    color: @list-group-link-heading-color;
+  }
+
+  // Hover state
+  &:hover{
+    background-color: rgba(255,255,255,0.2);
+    text-decoration: none;
+    cursor: pointer;
+  }
+  &:focus {
+    text-decoration: none;
+    background-color: rgba(255,255,255,0.5);
+    // color: @list-group-link-hover-color;
+    // background-color: @list-group-hover-bg;
+  }
+}
+
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+
+.list-group-item {
+  // Disabled state
+  &.disabled,
+  &.disabled:hover,
+  &.disabled:focus {
+    background-color: @list-group-disabled-bg;
+    color: @list-group-disabled-color;
+    cursor: @cursor-disabled;
+
+    // Force color to inherit for custom content
+    .list-group-item-heading {
+      color: inherit;
+    }
+    .list-group-item-text {
+      color: @list-group-disabled-text-color;
+    }
+  }
+
+  // Active class on item itself, not parent
+  &.active,
+  &.active:hover,
+  &.active:focus {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: @list-group-active-color;
+    // background-color: @list-group-active-bg;
+    background-color: rgba(255,255,255,0.5);
+    // border-color: @list-group-active-border;
+
+    // Force color to inherit for custom content
+    .list-group-item-heading,
+    .list-group-item-heading > small,
+    .list-group-item-heading > .small {
+      color: inherit;
+    }
+    .list-group-item-text {
+      color: @list-group-active-text-color;
+    }
+  }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+.list-group-item-variant(success; @state-success-bg; @state-success-text);
+.list-group-item-variant(info; @state-info-bg; @state-info-text);
+.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
+.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
+
+
+// Custom content options
+//
+// Extra classes for creating well-formatted content within `.list-group-item`s.
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}

package/src/styles/less/manageStyle/manageChile.less

@@ -0,0 +1,180 @@
+
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+
+  //====================================================
+  .text-user >
+  .text-1> .text-11 {
+    padding-top: 2%;
+    width: 100%;
+    height: 40%;
+    color: #95bad7;
+  }
+
+  .text-user> .text-1 >.text-11 table {
+    height: 100%;
+  }
+  .text-user> .text-1 >.text-11 table tr td{
+    width: 4%;
+
+  }
+  .text-user> .text-1>.text-11 table tr td span{
+    font-size: 2.6rem;
+  }
+
+  .text-user>.text-1> .text-12{
+    width: 100%;
+    height: 60%;
+  }
+
+  .text-sellgas> .text-1{
+    color: #95bad7;
+  }
+
+
+  //.text-sellgas> .text-1>table tr td .sell-img {
+  //  width: 62%;
+  //}
+  .text-sellgas> .text-1 table tr td{
+    width: 4%;
+    padding: 6% 6% 0 6%;
+  }
+  .text-sellgas> .text-1 table tr td  p{
+    font-size: 1.6rem;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-font{
+    font-size: 2rem;
+  }
+  .text-sellgas> .text-1 table tr td span{
+    font-size: 2.6rem;
+  }
+  .font-res{
+    font-size: 3.4rem!important;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-img0 {
+    width: 62%;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-img1 {
+    width: 73%;
+  }
+  .font-res1{
+    font-size: 34px!important;
+  }
+  .text-shanximap>.map-1{
+    padding-top: 6%;
+    text-align: center;
+  }
+  .text-shanximap>.map-1>.map-2{
+   height: 90%;
+  }
+  .text-shanximap>div>.map-bar{
+    background-image: url('../../../../static/NewManageHome/矩形11拷贝9.png');
+    background-repeat: no-repeat;
+    background-size: 100%;
+    width: 52%;
+    margin-left: 25%;
+    padding:1% 3% 0% 0%;
+    height: 8%;
+    font-size: 1.6rem;
+    color: #ffffff;
+  }
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+
+    //====================================================
+    .text-user >
+    .text-1> .text-11 {
+      padding-top: 2%;
+      width: 100%;
+      height: 40%;
+      color: #95bad7;
+    }
+
+    .text-user> .text-1 >.text-11 table {
+      height: 100%;
+    }
+    .text-user> .text-1 >.text-11 table tr td{
+      width: 4%;
+
+    }
+    .text-user> .text-1>.text-11 table tr td span{
+      font-size: 1.8rem;
+    }
+
+    .text-user>.text-1> .text-12{
+      width: 100%;
+      height: 60%;
+    }
+
+    .text-sellgas> .text-1{
+      color: #95bad7;
+    }
+
+
+    //.text-sellgas> .text-1>table tr td .sell-img {
+    //  width: 62%;
+    //}
+    .text-sellgas> .text-1 table tr td{
+      width: 4%;
+      padding: 3% 3% 0 3%;
+    }
+    .text-sellgas> .text-1 table tr td  p{
+      font-size: 1.1rem;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-font{
+      font-size: 1.4rem;
+    }
+    .text-sellgas> .text-1 table tr td span{
+      font-size: 1.8rem;
+    }
+    .font-res{
+      font-size: 2rem!important;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-img0 {
+      width: 62%;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-img1 {
+      width: 73%;
+    }
+    .font-res1{
+      font-size: 28px!important;
+    }
+    .text-shanximap>.map-1{
+      padding-top: 6%;
+      text-align: center;
+    }
+    .text-shanximap>.map-1>.map-2{
+      height: 90%;
+    }
+    .text-shanximap>div>.map-bar{
+      background-image: url('../../../../static/NewManageHome/矩形11拷贝9.png');
+      background-repeat: no-repeat;
+      background-size: 100%;
+      width: 52%;
+      margin-left: 25%;
+      padding:1% 3% 0% 0%;
+      height: 8%;
+      font-size: 1.1rem;
+      color: #ffffff;
+    }
+
+}

package/src/styles/less/manageStyle/manageStyle/manageChile.less

@@ -0,0 +1,180 @@
+
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+
+  //====================================================
+  .text-user >
+  .text-1> .text-11 {
+    padding-top: 2%;
+    width: 100%;
+    height: 40%;
+    color: #95bad7;
+  }
+
+  .text-user> .text-1 >.text-11 table {
+    height: 100%;
+  }
+  .text-user> .text-1 >.text-11 table tr td{
+    width: 4%;
+
+  }
+  .text-user> .text-1>.text-11 table tr td span{
+    font-size: 2.6rem;
+  }
+
+  .text-user>.text-1> .text-12{
+    width: 100%;
+    height: 60%;
+  }
+
+  .text-sellgas> .text-1{
+    color: #95bad7;
+  }
+
+
+  //.text-sellgas> .text-1>table tr td .sell-img {
+  //  width: 62%;
+  //}
+  .text-sellgas> .text-1 table tr td{
+    width: 4%;
+    padding: 6% 6% 0 6%;
+  }
+  .text-sellgas> .text-1 table tr td  p{
+    font-size: 1.6rem;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-font{
+    font-size: 2rem;
+  }
+  .text-sellgas> .text-1 table tr td span{
+    font-size: 2.6rem;
+  }
+  .font-res{
+    font-size: 3.4rem!important;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-img0 {
+    width: 62%;
+  }
+  .text-sellgas> .text-1 table tr td  .sell-img1 {
+    width: 73%;
+  }
+  .font-res1{
+    font-size: 34px!important;
+  }
+  .text-shanximap>.map-1{
+    padding-top: 6%;
+    text-align: center;
+  }
+  .text-shanximap>.map-1>.map-2{
+   height: 90%;
+  }
+  .text-shanximap>div>.map-bar{
+    background-image: url('/static/NewManageHome/矩形11拷贝9.png');
+    background-repeat: no-repeat;
+    background-size: 100%;
+    width: 52%;
+    margin-left: 25%;
+    padding:1% 3% 0% 0%;
+    height: 8%;
+    font-size: 1.6rem;
+    color: #ffffff;
+  }
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+
+    //====================================================
+    .text-user >
+    .text-1> .text-11 {
+      padding-top: 2%;
+      width: 100%;
+      height: 40%;
+      color: #95bad7;
+    }
+
+    .text-user> .text-1 >.text-11 table {
+      height: 100%;
+    }
+    .text-user> .text-1 >.text-11 table tr td{
+      width: 4%;
+
+    }
+    .text-user> .text-1>.text-11 table tr td span{
+      font-size: 1.8rem;
+    }
+
+    .text-user>.text-1> .text-12{
+      width: 100%;
+      height: 60%;
+    }
+
+    .text-sellgas> .text-1{
+      color: #95bad7;
+    }
+
+
+    //.text-sellgas> .text-1>table tr td .sell-img {
+    //  width: 62%;
+    //}
+    .text-sellgas> .text-1 table tr td{
+      width: 4%;
+      padding: 3% 3% 0 3%;
+    }
+    .text-sellgas> .text-1 table tr td  p{
+      font-size: 1.1rem;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-font{
+      font-size: 1.4rem;
+    }
+    .text-sellgas> .text-1 table tr td span{
+      font-size: 1.8rem;
+    }
+    .font-res{
+      font-size: 2rem!important;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-img0 {
+      width: 62%;
+    }
+    .text-sellgas> .text-1 table tr td  .sell-img1 {
+      width: 73%;
+    }
+    .font-res1{
+      font-size: 28px!important;
+    }
+    .text-shanximap>.map-1{
+      padding-top: 6%;
+      text-align: center;
+    }
+    .text-shanximap>.map-1>.map-2{
+      height: 90%;
+    }
+    .text-shanximap>div>.map-bar{
+      background-image: url('/static/NewManageHome/矩形11拷贝9.png');
+      background-repeat: no-repeat;
+      background-size: 100%;
+      width: 52%;
+      margin-left: 25%;
+      padding:1% 3% 0% 0%;
+      height: 8%;
+      font-size: 1.1rem;
+      color: #ffffff;
+    }
+
+}