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                         color: #4D4D4D;
  16                         font-weight: normal;
  17                         background-position: left center;
  18                         background-repeat: no-repeat;
  19                         .background-image-svg('images/arrow-expanded.svg', 'images/arrow-expanded.png');
  20                         padding: 4px 0 3px 1.5em;
  21                         margin-bottom: 0;
  22
  23                         &:hover {
  24                                 cursor: pointer;
  25                                 text-decoration: none;
  26                         }
  27
  28                         a {
  29                                 color: #4D4D4D;
  30                                 text-decoration: none;
  31                         }
  32                 }
  33
  34                 .body {
  35                         background-image: none !important;
  36                         padding-top: 0;
  37                         display: none;
  38
  39                         ul {
  40                                 li {
  41                                         padding: 0.25em 0;
  42                                 }
  43                         }
  44                 }
  45
  46
  47                 /* First */
  48                 &.first {
  49                         background-image: none;
  50                         margin-top: 0;
  51                         h3 {
  52                                 display: none;
  53                         }
  54                 }
  55
  56                 /* Persistent */
  57                 &.persistent {
  58                         .body {
  59                                 display: block;
  60                                 margin-left: 0.5em;
  61                         }
  62
  63                         h3 {
  64                                 background-image: none !important;
  65                                 padding-left: 0.7em;
  66                                 cursor: default;
  67                         }
  68                 }
  69
  70                 /* Collapsed */
  71                 &.collapsed {
  72                         h3 {
  73                                 color: #0645AD;
  74                                 background-position: left center;
  75                                 background-repeat: no-repeat;
  76                                 .background-image-svg('images/arrow-collapsed-ltr.svg', 'images/arrow-collapsed-ltr.png');
  77                                 margin-bottom: 0;
  78
  79                                 &:hover {
  80                                         text-decoration: underline;
  81                                 }
  82
  83                                 a {
  84                                         color: #0645AD;
  85                                 }
  86                         }
  87                 }
  88         }
  89 }