skins/vector/collapsibleNav.less

   1 /**
   2  * LESS Stylesheet for collapsible nav
   3  */
   4 @import "mediawiki.mixins.less";
   5
   6 #mw-panel.collapsible-nav {
   7         .portal {
   8                 background-position: left top;
   9                 background-repeat: no-repeat;
  10                 .background-image('images/portal-break.png');
  11                 padding: 0.25em 0 !important;
  12                 margin: -11px 9px 10px 11px;
  13
  14                 h3 {
  15                         font-size: @menu-main-heading-font-size;
  16                         color: @collapsible-nav-heading-color;
  17                         font-weight: normal;
  18                         background-position: left center;
  19                         background-repeat: no-repeat;
  20                         .background-image-svg('images/arrow-expanded.svg', 'images/arrow-expanded.png');
  21                         padding: @collapsible-nav-heading-padding;
  22                         margin-bottom: 0;
  23
  24                         &:hover {
  25                                 cursor: pointer;
  26                                 text-decoration: none;
  27                         }
  28
  29                         a {
  30                                 color: @collapsible-nav-heading-color;
  31                                 text-decoration: none;
  32                         }
  33                 }
  34
  35                 .body {
  36                         margin: @collapsible-nav-body-margin;
  37                         background-image: none !important;
  38                         padding-top: 0;
  39                         display: none;
  40
  41                         ul {
  42                                 li {
  43                                         padding: 0.25em 0;
  44                                 }
  45                         }
  46                 }
  47
  48
  49                 /* First */
  50                 &.first {
  51                         background-image: none;
  52                         margin-top: 0;
  53                         h3 {
  54                                 display: none;
  55                         }
  56                 }
  57
  58                 /* Persistent */
  59                 &.persistent {
  60                         .body {
  61                                 display: block;
  62                                 margin-left: 0.5em;
  63                         }
  64
  65                         h3 {
  66                                 background-image: none !important;
  67                                 padding-left: 0.7em;
  68                                 cursor: default;
  69                         }
  70                 }
  71
  72                 /* Collapsed */
  73                 &.collapsed {
  74                         h3 {
  75                                 color: @collapsible-nav-heading-collapsed-color;
  76                                 background-position: left center;
  77                                 background-repeat: no-repeat;
  78                                 .background-image-svg('images/arrow-collapsed-ltr.svg', 'images/arrow-collapsed-ltr.png');
  79                                 margin-bottom: 0;
  80
  81                                 &:hover {
  82                                         text-decoration: underline;
  83                                 }
  84
  85                                 a {
  86                                         color: @collapsible-nav-heading-collapsed-color;
  87                                 }
  88                         }
  89                 }
  90         }
  91 }