MediaWiki:Common.css — различия между версиями

Материал из doc.abonent.plus
Перейти к: навигация, поиск
(Содержимое страницы заменено на «Размещённый здесь CSS будет применяться ко всем темам оформления: #ca-tal…»)
 
Строка 3: Строка 3:
 
#ca-viewsource { display:none; !important; }
 
#ca-viewsource { display:none; !important; }
 
#pt-mytalk { 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;
 
}
 
 
}
 

Текущая версия на 08:26, 27 февраля 2017

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#ca-talk  { display: none !important; }
#ca-viewsource { display:none; !important; }
#pt-mytalk { display:none; !important; }