MediaWiki:Vector.css: различия между версиями
Ivan (обсуждение | вклад) Нет описания правки |
Ivan (обсуждение | вклад) Нет описания правки |
||
| (не показано 14 промежуточных версий этого же участника) | |||
| Строка 40: | Строка 40: | ||
background-size: auto 320px; | background-size: auto 320px; | ||
} | } | ||
body.rootpage-Structorica_Wiki #firstHeading, | |||
body.rootpage-Main_Page #firstHeading, | |||
body.page-Main_Page #firstHeading { | |||
display: none; | |||
} | |||
body.rootpage-Structorica_Wiki #bodyContent, | |||
body.rootpage-Main_Page #bodyContent, | |||
body.page-Main_Page #bodyContent { | |||
clear: both; | |||
} | |||
body.rootpage-Structorica_Wiki .mw-indicators, | |||
body.rootpage-Main_Page .mw-indicators, | |||
body.page-Main_Page .mw-indicators{ | |||
margin-top: -15px; | |||
} | |||
| Строка 56: | Строка 75: | ||
#p-logo a { | #p-logo a { | ||
margin: auto; | margin: auto; | ||
background-size: contain; | |||
/*height: 140px; */ | /*height: 140px; */ | ||
} | } | ||
#p-logo { | #p-logo { | ||
margin-bottom: | margin-top: 2px; | ||
margin-bottom: 4px; | |||
height: 115px; | height: 115px; | ||
} | } | ||
/* Hide 'Read' in Toolbar*/ | /* Hide 'Read' in Toolbar*/ | ||
| Строка 75: | Строка 95: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
/* Set the tab link colours to black and bold */ | /* Set the tab link colours to black and bold */ | ||
| Строка 252: | Строка 273: | ||
padding-right: 8px; | padding-right: 8px; | ||
height: 30px; | height: 30px; | ||
margin-right: -2px; | |||
} | } | ||
| Строка 437: | Строка 459: | ||
/* Style the simple search */ | /* Style the simple search */ | ||
#p-search { | #p-search { | ||
margin-left: | margin-left: -2px; | ||
} | } | ||
| Строка 469: | Строка 491: | ||
height: 30px; | height: 30px; | ||
padding-left: 13px; | padding-left: 13px; | ||
background-color: | background-color: var(--simplesearch-background-color); | ||
} | } | ||
| Строка 478: | Строка 500: | ||
/* Style the simple search */ | /* Style the simple search */ | ||
#p-search { | #p-search { | ||
width: unset; | width: unset; | ||
min-width: unset; | min-width: unset; | ||
| Строка 657: | Строка 678: | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
width: 120px; | |||
height: 20px; | |||
color: #ffffff00; | |||
left: -0.25em; | |||
} | } | ||
| Строка 667: | Строка 689: | ||
height: 100%; | height: 100%; | ||
top: 0; | top: 0; | ||
left: | left: 0; | ||
content: ""; | content: ""; | ||
background: url('images/Discord_wiki_en.svg') no-repeat; | background: url('images/essentials/Discord_wiki_en.svg') no-repeat; | ||
background-size: contain; | background-size: contain; | ||
} | } | ||
| Строка 680: | Строка 702: | ||
left: -0.25em; | left: -0.25em; | ||
content: ""; | content: ""; | ||
background: url('images/Discord_wiki_ru.svg') no-repeat; | background: url('images/essentials/Discord_wiki_ru.svg') no-repeat; | ||
background-size: contain; | background-size: contain; | ||
} | |||
/** Адаптации для узких экранов **/ | |||
@media screen and (max-width: 720px) { | |||
#mw-head { | |||
top: 13px; | |||
} | |||
.mw-body { | |||
margin-top: -2px; | |||
} | |||
#p-logo { | |||
margin-bottom: 0; | |||
height: 160px; | |||
} | |||
#p-logo, | |||
#p-logo a { | |||
margin: 0; | |||
} | |||
div#p-search form { | |||
background: none; | |||
border: none; | |||
margin: 0; | |||
} | |||
div#p-search form::before, | |||
div#p-search form::after { | |||
border: none; | |||
} | |||
div#simpleSearch::before { | |||
border-left-color: transparent; | |||
} | |||
div#simpleSearch::after { | |||
border-top-color: transparent; | |||
} | |||
div#mw-navigation div#mw-panel { | |||
position: static !important; /* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */ | |||
} | |||
#left-navigation,#content { | |||
margin-left:10px | |||
} | |||
#footer { | |||
margin-left: 8px | |||
} | |||
#footer:before { | |||
content: none | |||
} | |||
#left-navigation,#right-navigation { | |||
margin-top: 40px | |||
} | |||
#p-personal { | |||
top: -8px | |||
} | |||
div#mw-navigation div#mw-panel { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-evenly; | |||
width: 100% | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal { | |||
width: 142px; | |||
flex-shrink: 0; | |||
display: var(--sidebar-display,flex); | |||
flex-direction: column | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content { | |||
flex-grow: 1; | |||
display: block !important | |||
} | |||
#mw-panel nav.vector-menu-portal.collapsed h3:before { | |||
-webkit-transform: rotate(0deg); | |||
transform: rotate(0deg) | |||
} | |||
#p-search { | |||
float: none; | |||
position: absolute; | |||
right: 0; | |||
left: 0; | |||
margin: 0; | |||
bottom: -31px; | |||
margin-bottom: -1em | |||
} | |||
#p-search #searchform { | |||
margin: 0; | |||
padding-top: 0px; | |||
padding-right: calc(10px); | |||
padding-bottom: 0px; | |||
padding-left: calc(20px); | |||
} | |||
#p-search #searchform .cdx-search-input__input-wrapper { | |||
margin: 0; | |||
padding: 0; | |||
width: 100%; | |||
max-width: 100%; | |||
border-bottom: 3px solid var(--simplesearch-left-border-color); | |||
border-right: 3px solid var(--simplesearch-top-border-color) | |||
} | |||
#p-search #searchform .cdx-search-input__end-button { | |||
right: -2px | |||
} | |||
#p-search #searchform > .cdx-search-input__end-button { | |||
right: calc(1em + 14px) | |||
} | |||
.mw-body,.parsoid-body,div#content { | |||
padding-top: calc(2em + 33px); | |||
} | |||
#p-cactions { | |||
margin-right: -8px | |||
} | |||
.vector-menu-dropdown .vector-menu-content { | |||
left: unset; | |||
right: 7px | |||
} | |||
#p-search #searchform .cdx-search-input__input-wrapper:before,#p-search #searchform .cdx-search-input__input-wrapper:after,#mw-page-base::after { | |||
content: none | |||
} | |||
div#mw-panel { | |||
padding-top: 2.5em; | |||
padding-bottom: 1.5em; | |||
} | |||
.vector-search-box-inner{ | |||
width: auto; | |||
max-width: none; | |||
} | |||
} | |||
@media screen and (max-width: 500px) { | |||
/* TOC fix */ | |||
#mw-content-text > .mw-parser-output > div[style*="float"] { | |||
float: none !important; | |||
margin: 0 !important; | |||
} | |||
} | } | ||