wcfsetup/install/files/style/ui/tabularBox.less

   1 .tabularBox {
   2         > .content {
   3                 border-width: 0;
   4         }
   5
   6         .tabularList {
   7                 background-color: rgba(255, 255, 255);
   8                 display: flex;
   9                 flex-direction: column;
  10
  11                 > li {
  12                         flex: 0 0 auto;
  13                         padding: 5px 0;
  14
  15                         &.head {
  16                                 border-bottom: 2px solid rgb(79, 129, 189);
  17
  18                                 > ol > li {
  19                                         color: rgb(79, 129, 189);
  20
  21                                         > a {
  22                                                 color: rgb(79, 129, 189);
  23                                                 font-family: "Segoe UI Light";
  24                                                 font-size: 1.4rem;
  25                                         }
  26
  27                                         &.ASC > a,
  28                                         &.DESC > a {
  29                                                 padding-right: 14px;
  30                                                 position: relative;
  31
  32                                                 &:after {
  33                                                         display: inline-block;
  34                                                         font-family: FontAwesome;
  35                                                         margin-left: 7px;
  36                                                         position: absolute;
  37                                                 }
  38                                         }
  39
  40                                         &.ASC > a:after {
  41                                                 content: "\f0d8";
  42                                                 top: 1px;
  43                                         }
  44
  45                                         &.DESC > a:after {
  46                                                 content: "\f0d7";
  47                                                 top: 2px;
  48                                         }
  49                                 }
  50
  51                                 & + li {
  52                                         border-top-width: 0;
  53                                 }
  54                         }
  55
  56                         &:not(.head) {
  57                                 border-top: 1px solid rgb(238, 238, 238);
  58                         }
  59
  60                         &.divider + li:not(.divider) {
  61                                 border-top-color: rgb(79, 129, 189);
  62                         }
  63
  64                         > ol {
  65                                 align-items: center;
  66                                 display: flex;
  67
  68                                 > li {
  69                                         flex: 0 0 auto;
  70                                         padding: 5px 10px;
  71                                 }
  72                         }
  73                 }
  74         }
  75 }
  76
  77 .tabularBoxTitle {
  78         > header {
  79                 border-bottom: 1px solid rgb(79, 129, 189);
  80                 color: rgb(79, 129, 189);
  81                 padding: 10px 0;
  82
  83                 > h1,
  84                 > h2,
  85                 > h3 {
  86                         .wcfFontLarge;
  87                 }
  88
  89                 a,
  90                 .icon {
  91                         color: rgb(79, 129, 189)
  92                 }
  93
  94                 .collapsibleButton {
  95                         cursor: pointer;
  96                         transition: transform .2s linear;
  97                 }
  98         }
  99 }
 100
 101 div.tabularBoxTitle > header {
 102         display: none;
 103 }