skins/vector/components/navigation.less

   1 @import "mediawiki.mixins";
   2 @import "personalMenu";
   3 @import "collapsibleNav";
   4 @import "search";
   5 @import "tabs";
   6
   7 /* Hide, but keep accessible for screen-readers */
   8 #mw-navigation h2 {
   9         position: absolute;
  10         top: -9999px;
  11 }
  12
  13 /* Head */
  14 #mw-page-base {
  15         height: 5em;
  16         background-color: white;
  17         .background-image('images/page-fade.png');
  18         background-position: bottom left;
  19         background-repeat: repeat-x;
  20 }
  21
  22 #mw-head-base {
  23         margin-top: -5em;
  24         margin-left: 10em;
  25         height: 5em;
  26 }
  27
  28 div#mw-head {
  29         position: absolute;
  30         top: 0;
  31         right: 0;
  32         width: 100%;
  33 }
  34
  35 div#mw-head h3 {
  36         margin: 0;
  37         padding: 0;
  38 }
  39
  40 /* Navigation Containers */
  41 #left-navigation {
  42         float: left;
  43         margin-left: 10em;
  44         margin-top: 2.5em;
  45         /* When right nav would overlap left nav, it's placed below it
  46            (normal CSS floats behavior). This rule ensures that no empty space
  47            is shown between them due to right nav's margin-top. Page layout
  48            is still broken, but at least the nav overlaps only the page title
  49            instead of half the content. */
  50         margin-bottom: -2.5em;
  51         /* IE 6 double-margin bug fix */
  52         display: inline;
  53 }
  54
  55 #right-navigation {
  56         float: right;
  57         margin-top: 2.5em;
  58 }
  59
  60 /* Logo */
  61 #p-logo {
  62         position: absolute;
  63         top: -160px;
  64         left: 0;
  65         width: 10em;
  66         height: 160px;
  67 }
  68
  69 #p-logo a {
  70         display: block;
  71         width: 10em;
  72         height: 160px;
  73         background-repeat: no-repeat;
  74         background-position: center center;
  75         text-decoration: none;
  76 }
  77
  78 /* Panel */
  79 div#mw-panel {
  80         font-size: @menu-main-font-size;
  81         position: absolute;
  82         top: 160px;
  83         padding-top: 1em;
  84         width: 10em;
  85         left: 0;
  86 }
  87
  88 div#mw-panel div.portal {
  89         padding-bottom: 1.5em;
  90         direction: ltr;
  91 }
  92
  93 div#mw-panel div.portal h3 {
  94         font-weight: normal;
  95         color: #444;
  96         padding: @menu-main-heading-padding;
  97         cursor: default;
  98         border: none;
  99         font-size: @menu-main-heading-font-size;
 100 }
 101
 102 div#mw-panel div.portal div.body {
 103         padding-top: 0.5em;
 104         margin: @menu-main-body-margin;
 105
 106         .background-image('images/portal-break.png');
 107         background-repeat: no-repeat;
 108         background-position: top left;
 109 }
 110
 111 div#mw-panel div.portal div.body ul {
 112         list-style-type: none;
 113         list-style-image: none;
 114         padding: @menu-main-body-padding;
 115         margin: 0;
 116 }
 117
 118 div#mw-panel div.portal div.body ul li {
 119         line-height: 1.125em;
 120         padding: 0;
 121         padding-bottom: 0.5em;
 122         margin: 0;
 123         font-size: @menu-main-body-font-size;
 124         word-wrap: break-word;
 125 }
 126
 127 div#mw-panel div.portal div.body ul li a {
 128         color: @menu-main-body-link-color;
 129         &:visited {
 130                 color: @menu-main-body-link-visited-color;
 131         }
 132 }
 133