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

Материал из doc.abonent.plus
Перейти к: навигация, поиск
Строка 4: Строка 4:
 
#pt-mytalk { display:none; !important; }
 
#pt-mytalk { display:none; !important; }
  
/* Стили для [[Заглавная страница]] */
+
@media screen and (min-width: 768px) {
body.page-Заглавная_страница #ca-delete,
+
 
body.page-Заглавная_страница #t-cite,
+
div#content {
body.page-Заглавная_страница #catlinks,
+
margin: 2.5em 0 1em 10em;
body.page-Заглавная_страница #lastmod,
+
padding: 4.5em 7em;
body.page-Заглавная_страница #footer-info-lastmod,
 
body.page-Заглавная_страница.action-view h1.firstHeading,
 
body.page-Заглавная_страница.action-view #siteSub,
 
body.page-Заглавная_страница.action-view #contentSub,
 
body.page-Заглавная_страница.action-view #mw-data-after-content {
 
display: none !important;
 
 
}
 
}
  
.globegris {
+
#toc, .toc {
background:url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);
+
padding: 1em;
 
}
 
}
  
/* MediaWiki interface */
+
#p-personal {
.allpagesredirect,
+
right: 1em;
span.redirect-in-category a {
+
margin-right: 1em;
font-style: italic;
 
 
}
 
}
  
#mw-subcategories,
+
#left-navigation {
#mw-pages {
+
padding-left: 1em;
clear: both;
 
 
}
 
}
  
.gallerybox .thumb img,
+
#right-navigation {
.filehistory a img,
+
margin-right: 1em;
#file img {
+
padding-right: 1em;
background: url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
 
 
}
 
}
  
#wpSave {
+
div#mw-panel {
font-weight: bold;
+
width: 9em;
 
}
 
}
  
.mw-tag-markers {
+
div#footer {
font: italic 90% sans-serif;
+
margin-left: 9em;
 +
margin-right: 0;
 
}
 
}
  
.warningbox {
+
div#footer #footer-icons {
background: #ff9;
+
margin-right: 10em;
border: 1px solid #ee0;
 
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/30px-Nuvola_apps_important.png);
 
 
}
 
}
.informationbox {
+
 
background: #f4fbff;
 
border: 1px solid #d5d9e6;
 
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/30px-Information.svg.png);
 
}
 
.warningbox,
 
.informationbox {
 
padding: 10px 10px 10px 50px;
 
background-position: 10px center;
 
background-repeat: no-repeat;
 
vertical-align: middle;
 
font-size: smaller;
 
 
}
 
}
  
pre {
+
/* Margins and positions: medium screens */
overflow-x: auto;
+
 
overflow-y: hidden;
+
@media screen and (min-width: 1200px) {
}
 
  
pre,
+
div#content {
textarea {
+
margin: 2.5em 13em;
tab-size: 4;
+
padding: 4.5em 7em;
 
}
 
}
  
/* rm white border */
+
#p-personal {
div.thumb {
+
right: 12em;
border: none;
+
margin-right: 1em;
}
 
div.tright {
 
border: none;
 
margin: 0.5em 0 0.8em 1.4em;
 
}
 
div.tleft {
 
border: none;
 
margin: 0.5em 1.4em 0.8em 0;
 
 
}
 
}
  
/* Consistent size for <small>, <sub> and <sup> */
+
#left-navigation {
small {
+
padding-left: 1.5em;
    font-size: 85%;
 
}
 
.mw-body sub,
 
.mw-body sup,
 
span.reference /* for Parsoid */ {
 
    font-size: 80%;
 
 
}
 
}
  
/* Style for horizontal lists (separator following item) */
+
#right-navigation {
.hlist dl,
+
margin-right: 12em;
.hlist ol,
+
padding-right: 1em;
.hlist ul {
 
    margin: 0;
 
    padding: 0;
 
}
 
/* Display list items inline */
 
.hlist dd,
 
.hlist dt,
 
.hlist li {
 
    margin: 0;
 
    display: inline;
 
}
 
/* Display nested lists inline */
 
.hlist.inline,
 
.hlist.inline dl,
 
.hlist.inline ol,
 
.hlist.inline ul,
 
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 
    display: inline;
 
}
 
/* Hide empty list items */
 
.hlist .mw-empty-li {
 
    display: none;
 
}
 
/* Generate bullets */
 
.hlist dt:after {
 
    content: ": ";
 
}
 
.hlist dd:after,
 
.hlist li:after {
 
content: " • ";
 
}
 
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
 
.hlist li:last-child:after {
 
    content: none;
 
}
 
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 
    content: " (";
 
    font-weight: normal;
 
}
 
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 
    content: ")";
 
    font-weight: normal;
 
}
 
/* Put ordinals in front of ordered list items */
 
.hlist ol {
 
    counter-reset: listitem;
 
}
 
.hlist ol > li {
 
    counter-increment: listitem;
 
}
 
.hlist ol > li:before {
 
    content: " " counter(listitem) "\a0";
 
}
 
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
 
.hlist li ol > li:first-child:before {
 
    content: " (" counter(listitem) "\a0";
 
 
}
 
}
  
/* Немаркированные списки */
+
div#mw-panel {
.plainlist ol,
+
width: 11em;
.plainlist ul {
 
    line-height: inherit;
 
    list-style: none none;
 
    margin: 0;
 
}
 
.plainlist ol li,
 
.plainlist ul li {
 
    margin-bottom: 0;
 
 
}
 
}
  
/* [[Википедия:Оформление таблиц]] */
+
div#footer {
table.standard,
+
margin-left: 12em;
table.wide,
+
margin-right: 12em;
table.prettytable {
 
border: 1px solid #aaa;
 
border-collapse: collapse;
 
}
 
table.standard th,
 
table.wide th,
 
table.prettytable th {
 
border: 1px solid #aaa;
 
padding-left: 0.2em;
 
padding-right: 0.2em;
 
background: #eef;
 
}
 
table.standard td,
 
table.wide td,
 
table.prettytable td {
 
border: 1px solid #aaa;
 
padding-left: 0.2em;
 
padding-right: 0.2em;
 
}
 
table.standard caption,
 
table.wide caption,
 
table.tiles caption {
 
font-weight: bold;
 
padding-top: 0.2em;
 
padding-bottom: 0.2em;
 
}
 
table.wide {
 
width: 100%;
 
 
}
 
}
  
table.simple {
+
div#footer #footer-icons {
border-color: #aaa;
+
margin-right: 12em;
border-collapse: collapse;
 
}
 
table.simple th,
 
table.simple td {
 
border-color: #aaa;
 
padding-left: 0.2em;
 
padding-right: 0.2em;
 
 
}
 
}
  
table.tiles {
 
border-collapse: separate;
 
border-spacing: 2px;
 
}
 
table.tiles th {
 
padding-left: 0.2em;
 
padding-right: 0.2em;
 
background: #eef;
 
}
 
table.tiles td {
 
padding-left: 0.2em;
 
padding-right: 0.2em;
 
background: #f0f0f0;
 
 
}
 
}
  
table.graytable {
+
/* Margins and positions: bigger screens */
background: #f0f0f0;
 
padding: 1em;
 
width: 100%;
 
}
 
table.graytable caption {
 
padding-top: 0.5em;
 
background: #f0f0f0;
 
font-weight: bold;
 
}
 
table.graytable caption span.subcaption {
 
font-size: 80%;
 
font-weight: normal;
 
}
 
table.graytable th,
 
table.graytable td {
 
font-size: 80%;
 
}
 
  
 +
@media screen and (min-width: 1440px) {
  
tr.highlight th,
+
div#content {
table tr th.highlight {
+
margin: 2.5em 15em;
background: #eef;
+
padding: 6.5em 10em;
 
}
 
}
tr.highlight td,
+
 
table tr td.highlight {
+
#p-personal {
background: #ffe;
+
right: 14em;
font-weight: normal;
+
margin-right: 1em;
 
}
 
}
tr.bright th,
+
 
table tr th.bright {
+
#left-navigation {
background: #ccf;
+
padding-left: 3.5em;
}
 
tr.bright td,
 
table tr td.bright {
 
background: #fec;
 
}
 
tr.shadow th,
 
tr.shadow td,
 
table tr th.shadow,
 
table tr td.shadow {
 
background: #f0f0f0;
 
}
 
tr.dark th,
 
tr.dark td,
 
table tr th.dark,
 
table tr td.dark {
 
background: #ccc;
 
}
 
.transparent {
 
background: transparent !important;
 
 
}
 
}
  
table.toccolours th {
+
#right-navigation {
background: #ccf;
+
margin-right: 14em;
 +
padding-right: 1em;
 
}
 
}
  
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
div#mw-panel {
th.mbox-text,
+
width: 12em;
td.mbox-text {   /* The message body cell(s) */
 
border: none;
 
/* @noflip */
 
padding: 0.25em 0.9em;    /* 0.9em left/right */
 
width: 100%;              /* Make all mboxes the same width regardless of text length */
 
}
 
td.mbox-image {                /* The left image cell */
 
border: none;
 
/* @noflip */
 
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
border: none;
 
/* @noflip */
 
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 
text-align: center;
 
}
 
td.mbox-empty-cell {          /* An empty narrow cell */
 
border: none;
 
padding: 0px;
 
width: 1px;
 
 
}
 
}
  
 
+
div#footer {
/* Image message box styles */
+
margin-left: 14em;
table.imbox {
+
margin-right: 14em;
margin: 4px 10%;
 
border-collapse: collapse;
 
border: 3px solid #1e90ff;    /* Default "notice" blue */
 
background: #fbfbfb;
 
}
 
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
 
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
 
display: block;        /* Fix for webkit to force 100% width.  */
 
}
 
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
 
margin: 4px;
 
 
}
 
}
  
table.imbox-notice {
+
div#footer #footer-icons {
border: 3px solid #1e90ff;    /* Blue */
+
margin-right: 14em;
}
 
table.imbox-speedy {
 
border: 3px solid #b22222;    /* Red */
 
background: #fee;            /* Pink */
 
}
 
table.imbox-delete {
 
border: 3px solid #b22222;    /* Red */
 
}
 
table.imbox-content {
 
border: 3px solid #f28500;    /* Orange */
 
}
 
table.imbox-style {
 
border: 3px solid #f4c430;    /* Yellow */
 
}
 
table.imbox-move {
 
border: 3px solid #9932cc;    /* Purple */
 
}
 
table.imbox-protection {
 
border: 3px solid #bba;      /* Gray-gold */
 
}
 
table.imbox-license {
 
border: 3px solid #88a;      /* Dark gray */
 
background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured {
 
border: 3px solid #cba135;   /* Brown-gold */
 
 
}
 
}
  
/* Category message box styles */
 
table.cmbox {
 
margin: 3px 10%;
 
border-collapse: collapse;
 
border: 1px solid #aaa;
 
background: #dfe8ff;    /* Default "notice" blue */
 
 
}
 
}
  
table.cmbox-notice {
+
@media screen {
background: #d8e8ff;    /* Blue */
 
}
 
table.cmbox-speedy {
 
margin-top: 4px;
 
margin-bottom: 4px;
 
border: 4px solid #b22222;    /* Red */
 
background: #ffdbdb;          /* Pink */
 
}
 
table.cmbox-delete {
 
background: #ffdbdb;    /* Red */
 
}
 
table.cmbox-content {
 
background: #ffe7ce;    /* Orange */
 
}
 
table.cmbox-style {
 
background: #fff9db;    /* Yellow */
 
}
 
table.cmbox-move {
 
background: #e4d8ff;    /* Purple */
 
}
 
table.cmbox-protection {
 
background: #efefe1;    /* Gray-gold */
 
}
 
  
/* Other pages message box styles */
+
/* Common margins and positions */
table.ombox {
 
margin: 4px 10%;
 
border-collapse: collapse;
 
border: 1px solid #aaa;      /* Default "notice" gray */
 
background: #f9f9f9;
 
}
 
  
table.ombox-notice {
+
div#content h2 {
border: 1px solid #aaa;       /* Gray */
+
margin-top: 3em;
 +
line-height: 1.3;
 
}
 
}
table.ombox-speedy {
+
div#content h3 {
border: 2px solid #b22222;   /* Red */
+
margin-top: 2em;
background: #fee;             /* Pink */
+
line-height: 1.5;
 
}
 
}
table.ombox-delete {
+
div#content h4, div#content h5, div#content h6 {
border: 2px solid #b22222;   /* Red */
+
margin-top: 1em;
 +
line-height: 1.5;
 
}
 
}
table.ombox-content {
+
div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
border: 1px solid #f28500;    /* Orange */
+
margin-bottom: 0;
}
 
table.ombox-style {
 
border: 1px solid #f4c430;    /* Yellow */
 
}
 
table.ombox-move {
 
border: 1px solid #9932cc;    /* Purple */
 
}
 
table.ombox-protection {
 
border: 2px solid #bba;       /* Gray-gold */
 
 
}
 
}
  
/* Talk page message box styles */
+
div#content p {
table.tmbox {
+
margin: 0.5em 0;
margin: 4px 10%;
 
border-collapse: collapse;
 
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 
background: #f8eaba;
 
}
 
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 
margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 
width: 100%;                /* For Safari and Opera */
 
}
 
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
line-height: 1.5em;         /* also "nested", so reset styles that are  */
 
font-size: 100%;            /* set in "mbox-small" above.                */
 
 
}
 
}
  
table.tmbox-speedy {
+
ul.gallery {
border: 2px solid #b22222;   /* Red */
+
margin: 1em 0;
background: #fee;            /* Pink */
 
}
 
table.tmbox-delete {
 
border: 2px solid #b22222;    /* Red */
 
}
 
table.tmbox-content {
 
border: 2px solid #f28500;    /* Orange */
 
}
 
table.tmbox-style {
 
border: 2px solid #f4c430;    /* Yellow */
 
}
 
table.tmbox-move {
 
border: 2px solid #9932cc;    /* Purple */
 
}
 
table.tmbox-protection,
 
table.tmbox-notice {
 
border: 1px solid #c0c090;    /* Gray-brown */
 
 
}
 
}
  
/* {ambox} */
+
.mw-specialpages-table {
table.ambox {
+
margin-top: 0;
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #a2a9b1;
 
    /* @noflip */
 
    border-left: 10px solid #36c;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {     /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0 0.5em;       /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
 
}
 
}
  
table.ambox-notice {
+
#p-search {
    /* @noflip */
+
margin-right: 0;
    border-left: 10px solid #36c;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee7e6;                  /* Pink */
 
}
 
table.ambox-delete,
 
table.ambox-serious {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
table.ambox-style {
 
    /* @noflip */
 
    border-left: 10px solid #f4c430;   /* Yellow */
 
}
 
table.ambox-good {
 
border-left: 10px solid #66cc44;
 
}
 
table.ambox-discussion {
 
border-left: 10px solid #339966;
 
}
 
table.ambox-merge {
 
border-left: 10px solid #9932cc;
 
}
 
table.ambox-move {
 
    /* @noflip */
 
    border-left: 10px solid #9932cc;    /* Purple */
 
}
 
table.ambox-protection {
 
    /* @noflip */
 
    border-left: 10px solid #a2a9b1;      /* Gray-gold */
 
 
}
 
}
  
/* Footer and header message box styles */
+
div#mw-panel {
table.fmbox {
+
padding-top: 0;
clear: both;
 
margin: 0.2em 0;
 
width: 100%;
 
border: 1px solid #aaa;
 
/* Default "system" gray */
 
background: #f9f9f9;
 
}
 
table.fmbox-system {
 
background: #f9f9f9;
 
}
 
table.fmbox-warning {
 
border: 1px solid #bb7070;  /* Dark pink */
 
background: #ffdbdb;        /* Pink */
 
}
 
table.fmbox-editnotice {
 
background: transparent;
 
}
 
/* Div based "warning" style fmbox messages. */
 
div.mw-warning-with-logexcerpt,
 
div.mw-lag-warn-high,
 
div.mw-cascadeprotectedwarning,
 
div#mw-protect-cascadeon {
 
clear: both;
 
margin: 0.2em 0;
 
border: 1px solid #bb7070;
 
background: #ffdbdb;
 
padding: 0.25em 0.9em;
 
}
 
/* Div based "system" style fmbox messages.
 
Used in [[MediaWiki:Readonly lag]]. */
 
div.mw-lag-warn-normal,
 
div.fmbox-system {
 
clear: both;
 
margin: 0.2em 0;
 
border: 1px solid #aaa;
 
background: #f9f9f9;
 
padding: 0.25em 0.9em;
 
 
}
 
}
  
/* These mbox-small classes must be placed after all other
+
div#footer {
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
+
padding: 0 1em 1em 1em;
they override "table.ambox + table.ambox" above. */
 
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
 
/* @noflip */
 
clear: right;
 
/* @noflip */
 
float: right;
 
/* @noflip */
 
margin: 4px 0 4px 1em;
 
width: 238px;
 
font-size: 88%;
 
line-height: 1.25em;
 
}
 
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
 
/* @noflip */
 
margin: 4px 1em 4px 0;
 
width: 238px;
 
border-collapse: collapse;
 
font-size: 88%;
 
line-height: 1.25em;
 
 
}
 
}
  
/* Style for compact ambox */
+
ymaps h3 {
/* Hide the images */
+
margin-top: 0;
.compact-ambox table .mbox-image,
 
.compact-ambox table .mbox-imageright,
 
.compact-ambox table .mbox-empty-cell {
 
    display: none;
 
}
 
/* Remove borders, backgrounds, padding, etc. */
 
.compact-ambox table.ambox {
 
    border: none;
 
    border-collapse: collapse;
 
    background: transparent;
 
    margin: 0 0 0 1.6em !important;
 
    padding: 0 !important;
 
    width: auto;
 
    display: block;
 
}
 
body.mediawiki .compact-ambox table.mbox-small-left {
 
    font-size: 100%;
 
    width: auto;
 
    margin: 0;
 
}
 
/* Style the text cell as a list item and remove its padding */
 
.compact-ambox table .mbox-text {
 
    padding: 0 !important;
 
    margin: 0 !important;
 
}
 
.compact-ambox table .mbox-text-span {
 
    display: list-item;
 
    line-height: 1.5em;
 
    list-style-type: square;
 
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
 
}
 
.skin-vector .compact-ambox table .mbox-text-span {
 
    list-style-type: disc;
 
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
 
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
 
}
 
/* Allow for hiding text in compact form */
 
.compact-ambox .hide-when-compact {
 
    display: none;
 
 
}
 
}
  
/* needs desc */
+
/* Fonts */
  
.infobox {
+
html, body, input {
border: 1px solid #aaa;
+
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Oxygen", "Ubuntu", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
background: #f9f9f9;
 
margin-bottom: 0.5em;
 
margin-left: 1em;
 
padding: .4em;
 
float: right;
 
clear: right;
 
font-size: 88%;
 
width: 23em;
 
vertical-align: middle;
 
text-align: left;
 
line-height: 1.5em;
 
border-collapse: separate;
 
border-spacing: 2px;
 
 
}
 
}
.infobox > caption {
+
 
font-size: 125%;
+
textarea {
font-weight: bold;
+
font-family: Consolas, Lucida Console, monospace;
        padding: 0.2em;
+
font-size: 0.85em;
}
 
.infobox td,
 
.infobox th {
 
vertical-align: top;
 
 
}
 
}
  
/* temporarily for [[Template:Карточка]] */
+
#bodyContent {
table.infobox td p {
+
font-family: Helvetica, Arial, sans-serif;
margin: 0 !important;
+
font-size: 1.05em;
 +
line-height: 1.5;
 
}
 
}
  
/* списки в карточках */
+
div#content #firstHeading {
.infobox th>ul,
+
font-family: Helvetica, Arial, sans-serif;
.infobox td>ul {
+
font-size: 2em;
list-style-type: none;
+
letter-spacing: -0.02em;
list-style-image: none;
+
line-height: 1;
margin: 0;
+
padding-bottom: 0.1em;
}
 
.infobox th>ol,
 
.infobox td>ol {
 
line-height: 1.1em;
 
margin: 0 0 0 2em;
 
}
 
.infobox li {
 
margin-bottom: 0;
 
 
}
 
}
  
.notice {
+
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content #toc h2, div#content .toc h2 {
text-align: justify;
+
font-family: Helvetica, Arial, sans-serif;
margin: 1em 0.5em;
 
padding: 0.5em;
 
 
}
 
}
  
.messagebox {
+
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 {
border: thin solid #aaa;
+
font-weight: bold;
background: #f9f9f9;
 
width: 88%;
 
margin: 0 auto 1em auto;
 
padding: .4em;
 
vertical-align: middle;
 
font-size: 90%
 
 
}
 
}
 
+
div#content h4, div#content h5, div#content h6 {
blockquote {
+
font-style: italic;
margin: 0.7em 0 0.7em 5%;
 
padding: 0.7em 2% 0.7em 4%;
 
background: #f5f5f5;
 
overflow: hidden;
 
 
}
 
}
  
ol.references {
+
div#content h2 {
font-size: 100%;
+
font-size: 125%;
 +
letter-spacing: -0.01em;
 
}
 
}
.references-small {
+
div#content h3 {
font-size: 90%;
+
font-size: 100%;
 
}
 
}
/* highlight focused footnotes and references in some browsers */
+
div#content h4 {
sup.reference:target,
+
font-size: 90%;
ol.references li:target,
 
.highlight-target:target,
 
cite:target,
 
span.citation:target {
 
background: #def;
 
 
}
 
}
sup.reference:target {
+
div#content h5 {
font-weight: bold;
+
font-size: 80%;
 
}
 
}
/* scrollable references */
+
div#content h6 {
.references-scroll {
+
font-size: 80%;
overflow: auto;
 
padding: 3px;
 
 
}
 
}
  
/* fix for line-breaking references */
+
table {
sub,
+
font-size: 90%;
sup {
 
line-height: 1em;
 
 
}
 
}
  
.plainlinksneverexpand,
+
div.gallerytext {
.plainlinksneverexpand a {
+
font-size: 90%;
background: none !important;
 
padding: 0 !important;
 
}
 
.plainlinksneverexpand a.external.text:after,
 
.plainlinksneverexpand a.external.autonumber:after,
 
.plainlinksneverexpand .urlexpansion {
 
display: none !important;
 
 
}
 
}
  
.clickable-image a:hover {
+
#mw-panel.collapsible-nav .portal h3, div#mw-panel div.portal h3 {
text-decoration: none;
+
font-size: 0.85em;
 
}
 
}
  
.printonly {
+
div#mw-panel div.portal div.body ul li {
display: none;
+
font-size: 0.85em;
 
}
 
}
  
.dablink,
+
#p-personal li {
.rellink {
+
font-size: 0.85em;
font-style: italic;
 
padding-left: 1.6em;
 
 
}
 
}
  
#disambig {
+
div#footer ul li {  
border-top: 3px double #ccc;
+
font-size: 0.85em;
border-bottom: 3px double #ccc;
 
 
}
 
}
  
/*{TOClimit} & TOC w/o numbers*/
+
ymaps h3, ymaps p {
.toclimit-2 .toclevel-2,
+
font-size: 0.85em;
.toclimit-3 .toclevel-3,
 
.toclimit-4 .toclevel-4,
 
.toclimit-5 .toclevel-5,
 
.toclimit-6 .toclevel-6,
 
.toclimit-7 .toclevel-7,
 
.nonumtoc .tocnumber {
 
display: none;
 
 
}
 
}
  
 +
/* Borders */
  
/* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */
+
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 {
a[href$=".pdf"].external,
+
border: none;
a[href*=".pdf?"].external,
 
a[href*=".pdf#"].external,
 
a[href$=".PDF"].external,
 
a[href*=".PDF?"].external,
 
a[href*=".PDF#"].external,
 
span.PDFlink a {
 
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important;
 
padding-right: 18px !important;
 
 
}
 
}
  
/* Clickable speaker in  {Template:Audio} ... */
+
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div#mw-panel div.portal div.body, #mw-panel.collapsible-nav .portal {
.audiolink a {
+
background-image: none;
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png) center left no-repeat !important;
 
padding-left: 16px !important;
 
padding-right: 0 !important;
 
 
}
 
}
  
/* Medialist templates {Listen}, {Multi-listen_start}, {Video}, {Multi-video_start} */
+
table {
div.listenlist {
+
border-collapse: collapse;
background: url(//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png);
 
padding-left: 40px;
 
 
}
 
}
div.videolist,
+
 
div.multivideolist {
+
/* Colors */
background: url(//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png);
+
 
padding-left: 50px;
+
h1, h2, h3, h4, h5, h6 {
}
+
color: #252525;
div.medialist {
 
min-height: 50px;
 
margin: 1em;
 
background-position: top left;
 
background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
list-style-type: none;
 
list-style-image: none;
 
margin: 0;
 
}
 
div.medialist ul li {
 
padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
font-size: 91%;
 
padding-bottom: 0;
 
 
}
 
}
  
/* {Навигация} */
+
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 {
table.navigation-box th,
+
color: #494;
table.navigation-box td {
 
vertical-align: middle;
 
height: 30px;
 
 
}
 
}
  
/*{Навигационная полоса}, {Hider}, ... */
+
a:visited, .mw-body a.external:visited {
div.Boxmerge,
+
color: #909;
div.NavFrame {
 
margin: 0;
 
padding: 2px;
 
border: 1px solid #aaa;
 
text-align: center;
 
border-collapse: collapse;
 
font-size: 95%;
 
}
 
div.Boxmerge div.NavFrame {
 
border-style: none;
 
border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
border-top-style: none;
 
border-top-style: hidden;
 
}
 
div.NavPic {
 
background: #fff;
 
margin: 0;
 
padding: 2px;
 
float: left;
 
}
 
div.NavFrame div.NavHead {
 
height: 1.6em;
 
font-weight: bold;
 
font-size: 100%;
 
background: #efefef;
 
position: relative;
 
}
 
div.NavFrame p,
 
div.NavFrame div.NavContent,
 
div.NavFrame div.NavContent p {
 
font-size: 100%
 
}
 
div.NavEnd {
 
margin: 0;
 
padding: 0;
 
line-height: 1px;
 
clear: both;
 
}
 
a.NavToggle {
 
    float: right;
 
    margin-right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
 
}
 
}
  
.messagebox.standard-talk {
+
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 {
border: 1px solid #c0c090;
+
color: #ccc;
background: #f8eaba;
 
 
}
 
}
.messagebox .floatleft {
 
vertical-align: middle;
 
clear: both;
 
margin: 2px;
 
padding: 0;
 
}
 
.messagebox .image {
 
margin: 0;
 
padding: 0;
 
}
 
 
  
/* {coord}s */
+
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 {
#mw-indicator-0-coord + .mw-indicator {
+
color: #ccc;
border-left: 1px solid #A7D7F9;
 
margin-left: 0.25em;
 
padding-left: 0.5em;
 
 
}
 
}
  
.mw-body .geo-services {
+
a.new {
font-size: 82%;
+
color: #9b9;
 
}
 
}
  
.geo-services a > span {
+
a.new:visited {
margin: 0.25em;
+
color: #b9b;
}
 
.geo-services > :first-child a > span {
 
margin-left: 0.4em;
 
 
}
 
}
  
.geo-geo-dec .geo-dec,
+
div#mw-head .new a, #p-personal a.new, #left-navdiv.vectorTabs li.new a {
.geo-geo-dms .geo-dms {
+
color: #999;
display: inline;
 
}
 
.geo-geo-dec .geo-dms,
 
.geo-geo-dms .geo-dec,
 
.geo-multi-punct {
 
display: none;
 
}
 
.geo-lat,
 
.geo-lon {
 
white-space: nowrap;
 
 
}
 
}
  
/* {tl} */
+
div#mw-head .new a:visited, #p-personal a.new:visited, div.vectorTabs li.new a:visited {
.wp-templatelink {
+
color: #999;
color: #9098a0;
 
 
}
 
}
  
/* FlaggedRevs */
+
div#footer ul li {
.mw-fr-reviewlink,
+
color: #999;
.fr-hist-basic-user,
 
.fr-hist-basic-auto {
 
font-weight: normal;
 
font-size: smaller;
 
}
 
.flaggedrevs-pending {
 
background: #ffc;
 
}
 
.sitedir-ltr div.flaggedrevs_short {
 
float: none;
 
padding: 1px;
 
}
 
.sitedir-ltr div.flaggedrevs_short_details {
 
width: 95%;
 
display: none;
 
 
}
 
}
  
 
+
table th, table td {
/* Remove "external" icon from links to WP */
+
border-color: #aaa;
body.ns-talk a.external[href*="//ru.wikipedia.org/"],
 
body.ns-4 a.external[href*="//ru.wikipedia.org/"],
 
body.ns-104 a.external[href*="//ru.wikipedia.org/"] {
 
background: none !important;
 
padding-right: 0 !important;
 
 
}
 
}
  
 
+
.mw-editsection {
.sitedir-ltr .mw-dismissable-notice-body {
+
color: #aaa;
margin-right: 5em !important; /* was 20% */
 
 
}
 
}
  
/* Default style for navigation boxes */
+
#mwe-lastmodified {
.navbox {                    /* Navbox container style */
+
letter-spacing: -0.01em;
    border: 1px solid #aaa;
 
    width: 100%;
 
    margin: auto;
 
    clear: both;
 
    font-size: 88%;
 
    text-align: center;
 
    padding: 1px;
 
}
 
.navbox-inner,
 
.navbox-subgroup {
 
width: 100%;
 
 
}
 
}
.navbox-group,
+
#mwe-lastmodified a, #mwe-lastmodified a:active, #mwe-lastmodified a:visited {
.navbox-title,
+
color: #999;
.navbox-abovebelow {
 
padding: 0.25em 1em;      /* Title, group and above/below styles */
 
text-align: center;
 
}
 
.navbox-title {
 
line-height: 1.6em;      /* Standard 1.6em for title */
 
}
 
th.navbox-group {            /* Group style */
 
white-space: nowrap;
 
/* @noflip */
 
text-align: right;
 
}
 
.navbox,
 
.navbox-subgroup {
 
background: #fdfdfd;      /* Background color */
 
}
 
.navbox-list {
 
    border-color: #fdfdfd;    /* Must match background color */
 
}
 
.navbox th,
 
.navbox-title {
 
background: #ccccff;      /* Level 1 color */
 
}
 
.navbox-abovebelow,
 
th.navbox-group,
 
.navbox-subgroup .navbox-title {
 
background: #ddddff;      /* Level 2 color */
 
}
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
 
background: #e6e6ff;      /* Level 3 color */
 
}
 
.navbox-even {
 
background: #f7f7f7;      /* Even row striping */
 
}
 
.navbox-odd {
 
background: transparent;  /* Odd row striping */
 
}
 
.navbox .hlist td dl,
 
.navbox .hlist td ol,
 
.navbox .hlist td ul,
 
.navbox td.hlist dl,
 
.navbox td.hlist ol,
 
.navbox td.hlist ul {
 
padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 
}
 
.navbox {
 
    margin-top: 1em;          /* Prevent preceding content from clinging to navboxes */
 
}
 
.navbox .navbox {
 
    margin-top: 0;            /* No top margin for nested navboxes */
 
}
 
.navbox + .navbox {
 
    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
 
 
}
 
}
  
/* Default styling for Navbar template */
+
/* Backgrounds */
.navbar {
 
    display: inline;
 
    font-size: x-small;
 
    font-weight: normal;
 
}
 
.navbar ul {
 
    display: inline;
 
    white-space: nowrap;
 
}
 
.mw-body-content .navbar ul {
 
    line-height: inherit;
 
}
 
.navbar.mini {
 
    word-spacing: -0.1em;
 
}
 
.navbar.mini span abbr[title] {
 
  border-bottom: none;
 
  text-decoration: none;
 
  cursor: inherit;
 
}
 
  
/* Navbar styling when nested in infobox and navbox */
+
body, #mw-page-base, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorMenu ul {
.infobox .navbar {
+
background: #444;
font-size: 100%;
 
}
 
.navbox .navbar {
 
display: block;
 
font-size: 100%;
 
}
 
.navbox-title .navbar {
 
/* @noflip */
 
float: left;
 
/* @noflip */
 
text-align: left;
 
/* @noflip */
 
margin-right: 0.5em;
 
width: 5em;
 
 
}
 
}
  
/* Кнопки [показать]/[скрыть], создаваемые динамически функцией collapsibleTables()
+
div#content {
  в [[MediaWiki:Common.js]] */
+
box-shadow: 0 0 2em 0.5em #333;
.collapseButton {
+
-webkit-box-shadow: 0 0 2em 0.5em #333;
    /* @noflip */
+
-moz-box-shadow: 0 0 2em 0.5em #333;
    float: right;
 
    font-weight: normal;
 
    /* @noflip */
 
    margin-left: 0.5em;
 
    /* @noflip */
 
    text-align: right;
 
    width: auto;
 
 
}
 
}
/* В навигационных таблицах кнопка [показать]/[скрыть] балансирует иконку шестерёнки,
 
  поэтому они должны быть одинаковой ширины. */
 
.navbox .collapseButton {
 
    width: 5em;
 
}
 
 
  
/* Неразрывные пробелы в горизонтальных списках */
+
#toc, .toc, .mw-warning {
.nowrap,
+
background: #f6f8f6;
.nowraplinks a,
 
.nowraplinks .selflink,
 
.hlist-items-nowrap dd,
 
.hlist-items-nowrap dt,
 
.hlist-items-nowrap li {
 
    white-space: nowrap;
 
 
}
 
}
  
/* Но где-то неразрывность надо сбросить (например, в навшаблонах в узких местах) */
+
/* Images */
.wrap,
 
.wraplinks a,
 
.hlist-items-nowrap dl dl, .hlist-items-nowrap dl ol, .hlist-items-nowrap dl ul, /* Allow nested lists to wrap anyway */
 
.hlist-items-nowrap ol dl, .hlist-items-nowrap ol ol, .hlist-items-nowrap ol ul,
 
.hlist-items-nowrap ul dl, .hlist-items-nowrap ul ol, .hlist-items-nowrap ul ul {
 
    white-space: normal;
 
}
 
  
/* [[Шаблон:Tree list]] */
+
ul {
.treeview ul {
+
list-style-image: none;
    padding: 0;
 
    margin: 0;
 
}
 
.treeview li {
 
    padding: 0;
 
    margin: 0;
 
    list-style-type: none;
 
    list-style-image: none;
 
}
 
.treeview li li {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
 
    /* @noflip */
 
    padding-left: 20px;
 
    text-indent: 0.3em;
 
}
 
.treeview li li.lastline {
 
    background-position: 0 -5971px
 
}
 
.treeview li.emptyline > ul {
 
    /* @noflip */
 
    margin-left: -1px;
 
}
 
.treeview li.emptyline > ul > li:first-child {
 
    background-position: 0 9px
 
 
}
 
}
  
/* Watchlist details */
+
#p-logo a, #p-logo a:hover {
.watchlist-msg {
+
background-size: 150px 150px;
float: right;
 
background: #ffffe0;
 
border: 1px solid #fd4;
 
font-size: 8pt;
 
padding: 0.5em 0.7em;
 
margin-left: 1em;
 
line-height: 1.4em;
 
}
 
#mw-watchlist-form {
 
clear: both;
 
 
}
 
}
  
 
+
#content .external {
/* {{math}} */
+
background-image: none;
.math-template {
+
padding-right: 0;
white-space: nowrap;
 
font-family: times, serif, palatino linotype, new athena unicode, athena, gentium, code2000;
 
font-size: 120%;
 
 
}
 
}
  
/* Visual editor related */
+
/* Editor */
.mw-ve-editNotice .mbox-image {
 
display: none;
 
}
 
  
/* For portals, added 2011-12-07 -bv
+
#wpTextbox1 {
  On wide screens, show these as two columns
+
background: #f8f8f8;
  On narrow and mobile screens, let them collapse into a single column */
 
.portal-column-left {
 
    float: left;
 
    width: 50%;
 
}
 
.portal-column-right {
 
    float: right;
 
    width: 49%;
 
 
}
 
}
.portal-column-left-wide {
+
.wikiEditor-ui {
    float: left;
+
border: 5px solid #f8f8f8;
    width: 60%;
 
 
}
 
}
.portal-column-right-narrow {
+
.wikiEditor-ui-controls, .wikiEditor-ui .wikiEditor-ui-top {
    float: right;
+
border-bottom: 1px solid #f8f8f8;
    width: 39%;
 
 
}
 
}
.portal-column-left-extra-wide {
+
.wikiEditor-ui-tabs {
    float: left;
+
border-left: 1px solid #f8f8f8;
    width: 70%;
+
border-top: 1px solid #f8f8f8;
 
}
 
}
.portal-column-right-extra-narrow {
+
.wikiEditor-ui-tabs div {
    float: right;
+
border-right: 1px solid #f8f8f8;
    width: 29%;
+
border-bottom: 1px solid #f8f8f8;
 
}
 
}
@media only screen and (max-width: 800px) {
+
.editOptions {
    /* Decouple the columns on narrow screens */
+
border: 1px solid #f8f8f8;
    .portal-column-left,
 
    .portal-column-right,
 
    .portal-column-left-wide,
 
    .portal-column-right-narrow,
 
    .portal-column-left-extra-wide,
 
    .portal-column-right-extra-narrow {
 
        float: inherit;
 
        width: inherit;
 
    }
 
 
}
 
}
  
/* Уточнение ширины логотипа на экранах с большей плотностью пикселей (сами
+
/* Misc */
  изображения задаются в файле стилей, не изменяемом локально; помогает
 
  избежать сглаживания? 136 = 204 / 1,5; 204px — ширина картинки) */
 
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
 
    #p-logo a {
 
        background-size: 136px auto;
 
    }
 
}
 
  
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+
.main-navigator {
    #p-logo a {
+
column-count:2;
        background-size: 135px auto;
+
-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 {
/* Remove popup from Content translation tool, if not opted in */
+
display: inline-block;
.cx-callout:not(.cx-campaign-contributionsmenu):not(.cx-entrypoint-dialog) { display: none !important; }
+
width: 85%;
 
+
margin: 0 0 1em 0;
/* Покрасить "неприоритетные" ссылки в библиографических ссылках в черный цвет (касается только ссылок, генерируемых Lua) */
+
padding: 1.5em 2em;
.wef_low_priority_links a, .wef_low_priority_links a.extiw, .wef_low_priority_links a.external, .wef_low_priority_links a:visited, .wef_low_priority_links a.extiw:visited, .wef_low_priority_links a.external:visited {
+
border-radius: 0.25em;
color: #000000;
+
-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 {
/* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 35em является предварительным числом, а фактическое будет посчитано исходя из ширины элементов. Должно использоваться только для UL внутри DIV. Пример использования -- шаблон {{Wikidata/SisterCities}} */
+
margin-top: 0;
.autocolumns {
 
-moz-columns: 35em auto;
 
columns: 35em auto;
 
white-space: nowrap;
 
 
}
 
}
 
+
.widget {
/* Reduce page jumps by hiding collapsed/dismissed content */
+
margin: 1em 0;
.client-js .collapsible.collapsed > tbody > tr:not(:first-child),
 
.client-js .NavFrame.collapsed > .NavContent,
 
.client-js .mw-tochidden > .toc > ul {
 
    display: none;
 
 
}
 
}
  
/* Fix of default <maplink> display */
+
#comments {
.mw-kartographer-maplink {
+
font-family: Helvetica, Arial, sans-serif;
margin-left: 0 !important;
+
margin: 2em 0 2em 0;
background-position: -3px -3px !important;
 
padding: 2px 0 2px 16px !important;
 
 
}
 
}
  
/* Временный фикс для https://ru.wikipedia.org/?oldid=83409230#.D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.87.D0.B0.D0.BD.D0.B8.D1.8F
+
.social-buttons {
  Как только заработает в релизной версии Хрома, можно удалять */
+
margin: 3em 0 2em 0;
.references-compact ol.references {
 
-webkit-column-count: 1;
 
 
}
 
}
  
/* Временный фикс [[Обсуждение MediaWiki:Common.css#Для чего .catlinks li параметр margin: 0.125em 0;?]],
+
.adslot-h-bottom {
  пока не исправят в нативных стилях */
+
margin: 3em 0;
.mediawiki .catlinks li {
 
margin: 2px 0;
 
 
}
 
}
  
/* Fix for OOjs UI bug on [[Special:Search]] */
 
#mw-search-top-table > .oo-ui-fieldLayout {
 
margin-top: 0;
 
 
}
 
}

Версия 08:21, 27 февраля 2017

/* Размещённый здесь 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;
}

}