wcfsetup/install/files/style/layout/sidebar.scss

   1 /* legacy styling for sidebars (deprecated) */
   2 .sidebar {
   3         fieldset {
   4                 margin-top: 0;
   5
   6                 > legend {
   7                         float: left;
   8                         width: 100%;
   9
  10                         & + * {
  11                                 clear: left;
  12                         }
  13                 }
  14         }
  15
  16         .boxContainer {
  17                 > div:not(.box),
  18                 > fieldset,
  19                 > section:not(.box) {
  20                         background-color: $wcfSidebarBackground;
  21
  22                         @include screen-md-up {
  23                                 padding: 20px;
  24                         }
  25
  26                         @include screen-sm-down {
  27                                 padding: 20px 10px;
  28                         }
  29
  30                         &:not(:first-child) {
  31                                 margin-top: 30px;
  32                         }
  33                 }
  34
  35                 section:not(.box) > h1,
  36                 fieldset > legend {
  37                         color: $wcfSidebarHeadlineText;
  38                         border-bottom-width: 0;
  39                         margin-bottom: 15px;
  40                         padding: 0;
  41
  42                         @include wcfFontHeadline;
  43
  44                         > a {
  45                                 color: $wcfSidebarHeadlineLink;
  46
  47                                 > .icon {
  48                                         color: $wcfSidebarHeadlineLink;
  49                                 }
  50
  51                                 &:hover {
  52                                         color: $wcfSidebarHeadlineLinkActive;
  53
  54                                         > .icon {
  55                                                 color: $wcfSidebarHeadlineLinkActive;
  56                                         }
  57                                 }
  58                         }
  59                 }
  60         }
  61
  62         .formSubmit:not(:first-child) {
  63                 margin-top: 20px;
  64         }
  65
  66         .boxContainer {
  67                 > div,
  68                 > fieldset,
  69                 > section {
  70                         .boxContent {
  71                                 @include clearfix;
  72                         }
  73
  74                         .button.more {
  75                                 float: right;
  76                                 margin-top: 15px;
  77                         }
  78                 }
  79         }
  80
  81         .boxTitle {
  82                 .badge {
  83                         float: right;
  84                         top: 2px;
  85                 }
  86         }
  87
  88         .sidebarItemList,
  89         .sidebarBoxList { // deprecated
  90                 > li {
  91                         &:not(:last-child) {
  92                                 margin-bottom: 10px;
  93                         }
  94                 }
  95         }
  96 }