Hydra.css

/** Re-styles the vector skin to look similar to the www.minecraftforum.net skin **/ /* Give the background the initial stone texture: [[File:Background.png]] */ body { background-color: #202020; background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/2/26/Background.png); } /* Add the grass block background: [[File:Header-background-altsearch.png]] [[File:Clouds-distance2.png]] */ #mw-page-base { background-color: #8DBDE9; background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/2/2c/Header-background-altsearch.png); height: 146px; margin-bottom: -142px; } div#mw-head { background: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/a/ad/Clouds-distance2.png) right 6px repeat-x; } /* Remove excess spacing between the sidebar and the logo */ div#mw-panel { padding-top: 0; } #p-logo, #p-logo a { height: 140px; } /* Remove margins above sidebar groups */ #mw-panel h3 { margin: 0px !important; } /* Set the outer content link colours to light gray and white */ #mw-panel *:not(h3) > a:not(:hover):not(:focus), #footer a:not(:hover):not(:focus), .mw-notification a:not(:hover):not(:focus) { color: #BFBFBF !important; } #mw-panel h3, #mw-panel a, #footer li, #footer a, .mw-notification a { color: #FFF !important; } #mw-panel h3 { text-decoration: none !important; } /* Set the tab link colours to black and bold */ #p-namespaces a, #p-views a, div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { font-weight: bold; text-decoration: none; } /* Use black links */ #p-namespaces a, #p-views a, div#mw-head div.vectorMenu h4 { color: #000; } #p-namespaces .new a, #p-views .new a { color: #BA0000; } /* Add some margin to help with the 3D effect */ #pageWrapper, #right-navigation { margin-right: 10px; } /* Position the tabs */ #left-navigation, #right-navigation { margin-top: 53px; } #mw-head-base { height: 80px; } /* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */ div.vectorTabs, div.vectorMenu { background: none; padding: 0; height: 36px; } div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected { background: none; } div.vectorTabs span { position: relative; background: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/1/1a/Vector-tabs.png) no-repeat right top; margin-right: 8px; } div.vectorTabs span::before { content: ""; position: absolute; left: 0; background: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/1/1a/Vector-tabs.png) no-repeat left top; width: 6px; height: 100%; pointer-events: none; } #left-navigation div.vectorTabs li:first-child span::before { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/4/49/Vector-tabs-first.png); height: 93px; } div.vectorTabs li.selected span, div.vectorTabs li span:hover, div.vectorTabs li span:focus { background-position: right bottom; } div.vectorTabs li a { padding: 15px 14px 0 20px; height: 21px; } .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a { padding-top: 36px; width: 45px; background-position: 17px 15px !important; transform-origin: 25px 23.5px !important; } div.vectorMenu { margin: 0 8px 0 6px; } div#mw-head div.vectorMenu h3 { position: relative; background: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/1/1a/Vector-tabs.png) no-repeat right top; padding-right: 14px; margin: 0; height: 36px; overflow: visible; } div#mw-head div.vectorMenu h3::before { content: ""; position: absolute; top: 0; left: -6px; background: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/1/1a/Vector-tabs.png) no-repeat left top; width: 6px; height: 100%; } div#mw-head div.vectorMenu h3:hover, div#mw-head div.vectorMenu.menuForceShow h3 { background-position: right bottom; } div.vectorMenu h3 span { padding: 15px 16px 0 14px; font-weight: bold; } div.vectorMenu div.menu { top: 36px; } /* Style the simple search */ #p-search { margin-left: 0; } #p-search form { position: relative; background-color: rgba(0, 0, 0, 0.365); border-right: 4px solid #538631; border-bottom: 4px solid #382314; margin-top: -14px; padding: 0 4px 0 5px; height: 27px; } #p-search form::before { content: ""; position: absolute; top: 0; left: -4px; border-top: 4px solid rgba(0, 0, 0, 0.365); border-left: 4px solid transparent; } #p-search form::after { content: ""; position: absolute; top: 0; right: -4px; border-top: 4px solid #80BA5A; border-left: 4px solid #538631; } div#simpleSearch { top: -3px; border: 0; border-top: 3px solid #E6E6E6 !important; border-left: 3px solid #B0B0B0 !important; background-color: #D0CFCF; background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB); background-image: linear-gradient(#C3C3C3, #DCDBDB); } #simpleSearch::before { content: ""; position: absolute; bottom: 0; left: -3px; border-top: 3px solid #B0B0B0; border-left: 3px solid #79553A; z-index: 1; } #simpleSearch::after { content: ""; position: absolute; top: -3px; right: 0; border-top: 3px solid #80BA5A; border-left: 3px solid #E6E6E6; } /* Fix placeholder text being too light in chrome */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /* The suggestions shown under the search bar */ .suggestions.searchbar { margin-top: -29px; margin-right: -1px; } .suggestions.searchbar > .suggestions-results, .suggestions.searchbar > .mw-searchSuggest-link { display: block; margin-left: 1px; } .suggestions.searchbar .suggestions-results, .suggestions.searchbar .suggestions-special { background-color: #DBDADA; border-color: #3C3B3B; } .suggestions.searchbar .suggestions-result-current { background-color: highlight; } /* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */ div#mw-panel div.portal { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/b/bf/Panel-divider.png); } /* Give the main content area its healthy blue glow and add a border */ div#content { background-color: #E6EFF4; border-top: 6px solid #B4BEC3; border-bottom: 0; border-left: 6px solid #171717; } /* Add the 3D corners to the main content */ div#content::before { content: ""; position: absolute; border-top: 6px solid #B9855C; border-left: 6px solid #B4BEC3; top: 83px; right: 10px; } /* Have to use the footer as #content::after is already used to clear the content float */ #footer { position: relative; } #footer::before { content: ""; position: absolute; border-top: 6px solid #171717; border-left: 6px solid #202020; top: -6px; left: 0; } /* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */ ul { list-style-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/3/39/List_bullet.svg); } /* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */ /* div.mw-warning-with-logexcerpt, .errorbox { background-color: #FCC; border: 2px solid #FAA; } */ .warningbox { background-color: #FFC; border: 2px solid #FFA; } .successbox { background-color: #CFC; border: 2px solid #AFA; } .successbox strong p { margin: 0; } /* div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { padding: 3px 12px; } */ /* Add white background to some areas */ #asirra_ChallengeTableDiv { background-color: #FFF; } /* Fix diff area styling */ table.diff { background-color: transparent; } td.diff-addedline, td.diff-deletedline { background-color: #F9F9F9; } td.diff-context { background-color: #F3F3F3; } td.diff-addedline, td.diff-deletedline, td.diff-context, td.diff-addedline .diffchange, td.diff-deletedline .diffchange { border-radius: 0; } /* Get rid of stupid white borders on page history */ #pagehistory li { border-color: transparent; } /* Same as the default preference tab images, but with the blue background colour instead of white  [[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */ #preftoc, #preftoc li { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/f/f9/Pref-tab-border.png); } #preftoc li.selected a { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/5/57/Pref-tab-bg.png); } /* Fix side-by-side editor background colour */ .wikiEditor-ui-controls { background-color: #E6EFF4; border-right: 1px solid #E6EFF4; } /* Style notifications to look like achievements: [[File:Achievement background.png]] */ body .mw-notification-area-layout { top: 20px; } body .mw-notification-area-floating { right: 10px; } body .mw-notification { border: 8px solid #555; border-radius: 0; -webkit-border-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/a/ae/Achievement_background.png) 8 repeat; -moz-border-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/a/ae/Achievement_background.png) 8 repeat; -o-border-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/a/ae/Achievement_background.png) 8 repeat; border-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/a/ae/Achievement_background.png) 8 fill repeat; box-shadow: none; background-color: #212121; background-clip: padding-box; color: #FFF; padding: 0.2em 0.4em; } /* HiDPI images  * [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],  * [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]  */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { body { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/d/de/Background_HiDPI.png); background-size: 48px auto; .mw-wiki-logo { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/8/81/Wiki_HiDPI.png); background-size: 160px auto; } } #mw-page-base { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/e/ea/Header_background_HiDPI.png); background-size: 48px auto; } div.vectorTabs span, div.vectorTabs span::before, div #mw-head div.vectorMenu > h3, div #mw-head div.vectorMenu > h4, div#p-variants.vectorMenu #mw-vector-current-variant, div #mw-head div.vectorMenu > h3:first-child::before, div #mw-head div.vectorMenu > h4:first-child::before, div#p-variants.vectorMenu #mw-vector-current-variant::before { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/0/00/Vector_tab_HiDPI.png); background-size: 262px auto; } #left-navigation div.vectorTabs li:first-child span::before { background-image: url(https://static.wikia.nocookie.net/minecraft_ru_gamepedia/images/7/71/Vector_tab_first_HiDPI.png); background-size: 6px auto; } } /* [[Шаблон:История]] оформление заголовков */ .wikitable tbody tr th.history-head { background-color: #ddd; } /* Перенос строк в чрезмерно длинных комментариях без пробелов. */ span.comment { overflow-wrap: break-word; } 
В данной статье используются материалы из статьи «Hydra.css» с вики-сайта Minecraft Wiki, расположенного на Фэндоме, и они распространяются согласно лицензии Creative Commons Attribution-NonCommercial-ShareAlike 3.0. Авторы статьи.