skins/vector/collapsibleNav.css

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