|
|
| Строка 1: |
Строка 1: |
| − | @import "mediawiki.mixins";
| |
| − | @import "personalMenu";
| |
| − | @import "search";
| |
| − | @import "tabs";
| |
| | | | |
| − | /* Hide, but keep accessible for screen-readers */
| |
| − | #mw-navigation h2 {
| |
| − | position: absolute;
| |
| − | top: -9999px;
| |
| − | }
| |
| − |
| |
| − | /* Head */
| |
| − | #mw-page-base {
| |
| − | height: 5em;
| |
| − | background-position: bottom left;
| |
| − | background-repeat: repeat-x;
| |
| − | /* This image is only a fallback (for IE 6-9), so we do not @embed it. */
| |
| − | background-image: url('images/page-fade.png');
| |
| − | .vertical-gradient(@body-background-color, @menu-background-color, 50%, 100%);
| |
| − | background-color: @body-background-color;
| |
| − | }
| |
| − |
| |
| − | #mw-head-base {
| |
| − | margin-top: -5em;
| |
| − | margin-left: 10em;
| |
| − | height: 5em;
| |
| − | }
| |
| − |
| |
| − | div#mw-head {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | width: 100%;
| |
| − |
| |
| − | h3 {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /* Navigation Containers */
| |
| − | #left-navigation {
| |
| − | float: left;
| |
| − | margin-left: 10em;
| |
| − | margin-top: 2.5em;
| |
| − | /* When right nav would overlap left nav, it's placed below it
| |
| − | (normal CSS floats behavior). This rule ensures that no empty space
| |
| − | is shown between them due to right nav's margin-top. Page layout
| |
| − | is still broken, but at least the nav overlaps only the page title
| |
| − | instead of half the content. */
| |
| − | margin-bottom: -2.5em;
| |
| − | /* IE 6 double-margin bug fix */
| |
| − | display: inline;
| |
| − | }
| |
| − |
| |
| − | #right-navigation {
| |
| − | float: right;
| |
| − | margin-top: 2.5em;
| |
| − | }
| |
| − |
| |
| − | /* Logo */
| |
| − | #p-logo {
| |
| − | position: absolute;
| |
| − | top: -160px;
| |
| − | left: 0;
| |
| − | width: 10em;
| |
| − | height: 230px;
| |
| − |
| |
| − | a {
| |
| − | display: block;
| |
| − | width: 10em;
| |
| − | height: 230px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center center;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /* Panel */
| |
| − | div#mw-panel {
| |
| − | font-size: @menu-main-font-size;
| |
| − | position: absolute;
| |
| − | top: 160px;
| |
| − | padding-top: 1em;
| |
| − | width: 10em;
| |
| − | left: 0;
| |
| − |
| |
| − | div.portal {
| |
| − | margin: 0 0.6em 0 0.7em;
| |
| − | padding: 0.25em 0;
| |
| − | direction: ltr;
| |
| − | background-position: top left;
| |
| − | background-repeat: no-repeat;
| |
| − | .background-image('images/portal-break.png');
| |
| − |
| |
| − | h3 {
| |
| − | font-size: @menu-main-heading-font-size;
| |
| − | color: @menu-main-heading-color;
| |
| − | font-weight: normal;
| |
| − | margin: 0;
| |
| − | padding: @menu-main-heading-padding;
| |
| − | cursor: default;
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | div.body {
| |
| − | margin: @menu-main-body-margin;
| |
| − | padding-top: 0;
| |
| − |
| |
| − | ul {
| |
| − | list-style-type: none;
| |
| − | list-style-image: none;
| |
| − | margin: 0;
| |
| − | padding: @menu-main-body-padding;
| |
| − |
| |
| − | li {
| |
| − | line-height: 1.125em;
| |
| − | margin: 0;
| |
| − | padding: 0.25em 0;
| |
| − | font-size: @menu-main-body-font-size;
| |
| − | word-wrap: break-word;
| |
| − |
| |
| − | a {
| |
| − | color: @menu-main-body-link-color;
| |
| − | &:visited {
| |
| − | color: @menu-main-body-link-visited-color;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | &.first {
| |
| − | background-image: none;
| |
| − | margin-top: 58px;
| |
| − | h3 {
| |
| − | display: none;
| |
| − | }
| |
| − | div.body {
| |
| − | margin-left: 0.5em;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | }
| |
