@@ Строка 40: / Строка 40: @@
      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 {
 	margin: auto;
+    background-size: contain;
 	/*height: 140px; */
 }
 #p-logo {
-     margin-bottom: 0;
+    margin-top: 2px;
+     margin-bottom: 4px;
 	height: 115px;
 }
 /* Hide 'Read' in Toolbar*/
@@ Строка 75: / Строка 95: @@
 	cursor: pointer;
 }
 /* Set the tab link colours to black and bold */
@@ Строка 252: / Строка 273: @@
 	padding-right: 8px;
      height: 30px;
+    margin-right: -2px;
 }
@@ Строка 437: / Строка 459: @@
 /* Style the simple search */
 #p-search {
-	margin-left: 0;
+	margin-left: -2px;
 }
@@ Строка 469: / Строка 491: @@
      height: 30px;
      padding-left: 13px;
-     background-color: #3552e5;
+     background-color: var(--simplesearch-background-color);
 }
@@ Строка 478: / Строка 500: @@
 /* Style the simple search */
 #p-search {
-	margin-left: 0;
 	width: unset;
 	min-width: unset;
@@ Строка 655: / Строка 676: @@
 #n-Discord-\(En\) a,
 #n-Дискорд-\(Ru\) a {
-    color: white !important;
-    font-size: 12px;
-    font-weight: bold;
-    border-radius: 5px;
-    border: 1px solid #4b56d0;
-    background-color: #5865F2;
      display: block;
      position: relative;
-     padding: 4px 0 5px calc(17px + 5.5px * 2);
+     width: 120px;
-     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
+    height: 20px;
-     transition: 0.2s ease;
+    color: #ffffff00;
+    left: -0.25em;
+}
+#n-Discord-\(En\) a::before {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+     left: 0;
+    content: "";
+    background: url('images/essentials/Discord_wiki_en.svg') no-repeat;
+     background-size: contain;
 }
-#n-Discord-\(En\) a::before,
 #n-Дискорд-\(Ru\) a::before {
-     content: 'Chat on ';
+     position: absolute;
-     font-weight: normal;
+    width: 100%;
-     opacity: 0.85;
+    height: 100%;
+    top: 0;
+     left: -0.25em;
+    content: "";
+     background: url('images/essentials/Discord_wiki_ru.svg') no-repeat;
+    background-size: contain;
 }
-#n-Discord-\(En\) a::after,
-#n-Дискорд-\(Ru\) a::after {
-     content: '';
-     background: url('filepath://Discord_logo_icon.svg') no-repeat;
-     background-size: 17px 13px;
-     filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
-     position: absolute;
-     top: 5px;
-     left: 7px;
-     width: 17px;
-    height: 13px;
+/** Адаптации для узких экранов **/
+@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;
+    }
 }
-#n-Discord-\(En\) a:hover,
-#n-Дискорд-\(Ru\) a:hover {
+@media screen and (max-width: 500px) {
-    text-decoration: none;
+    /* TOC fix */
-    background-color: #525ee0;
+    #mw-content-text > .mw-parser-output > div[style*="float"] {
+        float: none !important;
+        margin: 0 !important;
+    }
 }

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