MediaWiki:Common.css
Материал из doc.abonent.plus
Версия от 08:21, 27 февраля 2017; V.nazarkin (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Выберите очистку кэша в меню Инструменты → Настройки
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#ca-talk { display: none !important; }
#ca-viewsource { display:none; !important; }
#pt-mytalk { display:none; !important; }
@media screen and (min-width: 768px) {
div#content {
margin: 2.5em 0 1em 10em;
padding: 4.5em 7em;
}
#toc, .toc {
padding: 1em;
}
#p-personal {
right: 1em;
margin-right: 1em;
}
#left-navigation {
padding-left: 1em;
}
#right-navigation {
margin-right: 1em;
padding-right: 1em;
}
div#mw-panel {
width: 9em;
}
div#footer {
margin-left: 9em;
margin-right: 0;
}
div#footer #footer-icons {
margin-right: 10em;
}
}
/* Margins and positions: medium screens */
@media screen and (min-width: 1200px) {
div#content {
margin: 2.5em 13em;
padding: 4.5em 7em;
}
#p-personal {
right: 12em;
margin-right: 1em;
}
#left-navigation {
padding-left: 1.5em;
}
#right-navigation {
margin-right: 12em;
padding-right: 1em;
}
div#mw-panel {
width: 11em;
}
div#footer {
margin-left: 12em;
margin-right: 12em;
}
div#footer #footer-icons {
margin-right: 12em;
}
}
/* Margins and positions: bigger screens */
@media screen and (min-width: 1440px) {
div#content {
margin: 2.5em 15em;
padding: 6.5em 10em;
}
#p-personal {
right: 14em;
margin-right: 1em;
}
#left-navigation {
padding-left: 3.5em;
}
#right-navigation {
margin-right: 14em;
padding-right: 1em;
}
div#mw-panel {
width: 12em;
}
div#footer {
margin-left: 14em;
margin-right: 14em;
}
div#footer #footer-icons {
margin-right: 14em;
}
}
@media screen {
/* Common margins and positions */
div#content h2 {
margin-top: 3em;
line-height: 1.3;
}
div#content h3 {
margin-top: 2em;
line-height: 1.5;
}
div#content h4, div#content h5, div#content h6 {
margin-top: 1em;
line-height: 1.5;
}
div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
margin-bottom: 0;
}
div#content p {
margin: 0.5em 0;
}
ul.gallery {
margin: 1em 0;
}
.mw-specialpages-table {
margin-top: 0;
}
#p-search {
margin-right: 0;
}
div#mw-panel {
padding-top: 0;
}
div#footer {
padding: 0 1em 1em 1em;
}
ymaps h3 {
margin-top: 0;
}
/* Fonts */
html, body, input {
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Oxygen", "Ubuntu", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
textarea {
font-family: Consolas, Lucida Console, monospace;
font-size: 0.85em;
}
#bodyContent {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.05em;
line-height: 1.5;
}
div#content #firstHeading {
font-family: Helvetica, Arial, sans-serif;
font-size: 2em;
letter-spacing: -0.02em;
line-height: 1;
padding-bottom: 0.1em;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content #toc h2, div#content .toc h2 {
font-family: Helvetica, Arial, sans-serif;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content #toc h2, div#content .toc h2 {
font-weight: bold;
}
div#content h4, div#content h5, div#content h6 {
font-style: italic;
}
div#content h2 {
font-size: 125%;
letter-spacing: -0.01em;
}
div#content h3 {
font-size: 100%;
}
div#content h4 {
font-size: 90%;
}
div#content h5 {
font-size: 80%;
}
div#content h6 {
font-size: 80%;
}
table {
font-size: 90%;
}
div.gallerytext {
font-size: 90%;
}
#mw-panel.collapsible-nav .portal h3, div#mw-panel div.portal h3 {
font-size: 0.85em;
}
div#mw-panel div.portal div.body ul li {
font-size: 0.85em;
}
#p-personal li {
font-size: 0.85em;
}
div#footer ul li {
font-size: 0.85em;
}
ymaps h3, ymaps p {
font-size: 0.85em;
}
/* Borders */
div#content, h1, h2, h3, h4, h5, h6, pre, table, div.thumbinner, html .thumbimage, ul#filetoc, table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td, table.mw_metadata td, table.mw_metadata th, .catlinks, div.vectorMenu ul, #toc, .toc, .mw-code, .mw-warning, .mw-search-formheader, div#simpleSearch {
border: none;
}
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div#mw-panel div.portal div.body, #mw-panel.collapsible-nav .portal {
background-image: none;
}
table {
border-collapse: collapse;
}
/* Colors */
h1, h2, h3, h4, h5, h6 {
color: #252525;
}
a, a:active, .mw-body a.external, .mw-body a.external:active, .wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #494;
}
a:visited, .mw-body a.external:visited {
color: #909;
}
div#mw-head a, div#mw-panel div.portal div.body ul li a, div.vectorTabs li a, div.vectorMenu li a, #preftoc a, #mw-panel.collapsible-nav .portal.collapsed h3 a, #mw-panel.collapsible-nav .portal h3 a, div#footer a {
color: #ccc;
}
div#mw-head a:visited, div#mw-panel div.portal div.body ul li a:visited, div.vectorTabs li a:visited, div.vectorMenu li a:visited, #preftoc a:visited, #mw-panel.collapsible-nav .portal.collapsed h3 a:visited, #mw-panel.collapsible-nav .portal h3 a:visited, div#footer a:visited {
color: #ccc;
}
a.new {
color: #9b9;
}
a.new:visited {
color: #b9b;
}
div#mw-head .new a, #p-personal a.new, #left-navdiv.vectorTabs li.new a {
color: #999;
}
div#mw-head .new a:visited, #p-personal a.new:visited, div.vectorTabs li.new a:visited {
color: #999;
}
div#footer ul li {
color: #999;
}
table th, table td {
border-color: #aaa;
}
.mw-editsection {
color: #aaa;
}
#mwe-lastmodified {
letter-spacing: -0.01em;
}
#mwe-lastmodified a, #mwe-lastmodified a:active, #mwe-lastmodified a:visited {
color: #999;
}
/* Backgrounds */
body, #mw-page-base, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorMenu ul {
background: #444;
}
div#content {
box-shadow: 0 0 2em 0.5em #333;
-webkit-box-shadow: 0 0 2em 0.5em #333;
-moz-box-shadow: 0 0 2em 0.5em #333;
}
#toc, .toc, .mw-warning {
background: #f6f8f6;
}
/* Images */
ul {
list-style-image: none;
}
#p-logo a, #p-logo a:hover {
background-size: 150px 150px;
}
#content .external {
background-image: none;
padding-right: 0;
}
/* Editor */
#wpTextbox1 {
background: #f8f8f8;
}
.wikiEditor-ui {
border: 5px solid #f8f8f8;
}
.wikiEditor-ui-controls, .wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #f8f8f8;
}
.wikiEditor-ui-tabs {
border-left: 1px solid #f8f8f8;
border-top: 1px solid #f8f8f8;
}
.wikiEditor-ui-tabs div {
border-right: 1px solid #f8f8f8;
border-bottom: 1px solid #f8f8f8;
}
.editOptions {
border: 1px solid #f8f8f8;
}
/* Misc */
.main-navigator {
column-count:2;
-moz-column-count:2;
-webkit-column-count:2;
column-gap:2em;
-moz-column-gap:2em;
-webkit-column-gap:2em;
column-break-inside:avoid;
-moz-column-break-inside:avoid;
-webkit-column-break-inside:avoid;
}
.main-navigator-block {
display: inline-block;
width: 85%;
margin: 0 0 1em 0;
padding: 1.5em 2em;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
}
div#content .main-navigator-block h2 {
margin-top: 0;
}
.widget {
margin: 1em 0;
}
#comments {
font-family: Helvetica, Arial, sans-serif;
margin: 2em 0 2em 0;
}
.social-buttons {
margin: 3em 0 2em 0;
}
.adslot-h-bottom {
margin: 3em 0;
}
}