|
|
Строка 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;
| |
− | }
| |
− |
| |
− | }
| |