github.com/KyaXTeam/consul@v1.4.5/ui/styles/_panels.scss (about)

     1  .panel {
     2      border-width: 2px;
     3      border-color: $gray-background;
     4      @include transition(background-color .3s ease-in-out);
     5  
     6      .panel-heading {
     7          padding: 10px 7px;
     8          background-color: transparent;
     9          border-width: 2px;
    10          border-color: $gray-background;
    11      }
    12  
    13      h4.panel-title {
    14          padding: 4px 10px 4px 2px;
    15          font-size: 20px;
    16          color: $gray-light;
    17          color: $gray-darker;
    18          border-radius: 3px;
    19          opacity: 0.8;
    20  
    21          small {
    22              font-size: 14px;
    23              text-transform: uppercase;
    24              font-weight: 700;
    25              margin-left: 5px;
    26              padding-top: 2px;
    27          }
    28  
    29  
    30          .no-case {
    31            text-transform: none;
    32          }
    33  
    34          .panel-note {
    35              margin-top: 5px;
    36              float: right;
    37              font-weight: 600;
    38              color: $gray-light;
    39              font-size: 14px;
    40          }
    41      }
    42  
    43  
    44      h3.panel-title {
    45          padding: 4px 0px 4px 0px;
    46          font-size: 20px;
    47          color: $gray-light;
    48          color: $gray-darker;
    49          border-radius: 3px;
    50  
    51          small {
    52              font-size: 14px;
    53              margin-left: 5px;
    54          }
    55  
    56          .panel-note {
    57              margin-top: 5px;
    58              float: right;
    59              font-weight: 600;
    60              color: $gray-light;
    61              font-size: 14px;
    62          }
    63      }
    64  
    65      .panel-body {
    66          padding: 0px 7px 0px 7px;
    67          p {
    68              font-size: 14px;
    69              color: $text-color;
    70          }
    71          h5 {
    72              font-size: 12px;
    73          }
    74          h4.check {
    75              font-size: 16px;
    76          }
    77          &.panel-form {
    78              padding-bottom: 15px;
    79          }
    80      }
    81  
    82      .panel-bar {
    83          width: 100%;
    84          height: 20px;
    85          @include transition(background-color .1s linear);
    86      }
    87  
    88      &.panel-link {
    89          border-bottom-width: 2px;
    90      }
    91  
    92      &.panel-list {
    93          ul {
    94              margin: 0;
    95              li {
    96                  margin: 0;
    97                  border: 0;
    98              }
    99          }
   100      }
   101      .panel-bar-horizontal {
   102          width: 20px;
   103          float: left;
   104          height: 50px;
   105          margin-right: 10px;
   106          display: block;
   107      }
   108  
   109      &.panel-short {
   110          border-bottom-width: 0px;
   111      }
   112  
   113      &.panel-link:hover {
   114          cursor: pointer;
   115          background-color: lighten($gray-background, 8%);
   116      }
   117  
   118      &.active {
   119          >.panel-heading {
   120              border-color: $pink;
   121          }
   122  
   123          @include transition(border-color .1s linear);
   124          border-color: $pink;
   125  
   126          .panel-bar {
   127          @include transition(background-color .1s linear);
   128              background-color: $pink;
   129          }
   130      }
   131  }