MediaWiki:Chameleon.css: различия между версиями
Материал из Ascia Wiki
Askellad (обсуждение | вклад) |
Askellad (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
− | @import | + | @import url('https://fonts.googleapis.com/css?family=Merriweather|PT+Mono|Neucha|Gloria+Hallelujah|Fira+Sans|Press+Start+2P'); |
− | url('https://fonts.googleapis.com/css?family=Merriweather | + | @import url('https://wiki.ortega.su/additions/rpg-awesome.css'); |
+ | @import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css'); | ||
+ | @import url('https://wiki.ortega.su/additions/glitch.css'); | ||
+ | @import url('https://wiki.ortega.su/additions/animate.css'); | ||
+ | @import url('https://wiki.ortega.su/additions/loader.css'); | ||
+ | @import url('https://wiki.ortega.su/additions/svglist.css'); | ||
+ | @font-face{ | ||
+ | font-family: 'Ortega'; | ||
+ | src: url('https://wiki.ortega.su/additions/fonts/Archangelsk.ttf'); | ||
+ | src: url('https://wiki.ortega.su/additions/fonts/Archangelsk.ttf') format('truetype'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
} | } | ||
− | |||
− | |||
− | |||
+ | /* Инфосфера */ | ||
+ | |||
+ | .infosphere{ | ||
+ | font-family: 'Press Start 2P',cursive; | ||
+ | text-align: justify; | ||
+ | padding: 10px; | ||
+ | min-height: 100px; | ||
+ | font-size: 13px; | ||
+ | background: url(https://i.imgur.com/nyA4PrA.png); | ||
+ | box-shadow: 9px 9px 0px rgb(78, 93, 108); | ||
+ | } | ||
+ | |||
+ | /*Шаблон выпадающего списка*/ | ||
+ | .fallUl ul { | ||
+ | list-style-type: none !important; | ||
+ | display: none; | ||
+ | margin: 0 !important; | ||
+ | position: relative; | ||
+ | top: 1.2em; | ||
+ | left: 0; | ||
+ | background-color: #4e5d6c; | ||
+ | box-shadow: 0px 3px 7px rgba(0,0,0,0.4); | ||
+ | list-style-image: none !important; | ||
+ | min-width: 220px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .fallUl ul li{ | ||
+ | list-style-type: none !important; | ||
+ | list-style-image: none !important; | ||
+ | } | ||
+ | |||
+ | .fallUl{ | ||
+ | cursor:pointer; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | } | ||
+ | .fallUl:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | .fallUl .ra-fairy-wand{ | ||
+ | display: inline-block; | ||
+ | transition: all .3s; | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | .fallUl:hover .ra-fairy-wand{ | ||
+ | transform: rotate(94deg); | ||
+ | } | ||
+ | |||
+ | /* НОВЫЕ СТИЛИ*/ | ||
+ | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ | ||
+ | margin-bottom: 22px; | ||
+ | } | ||
+ | body{ | ||
+ | overflow-x: hidden; | ||
+ | background-color: #2a323a; | ||
+ | color: white !important; | ||
+ | } | ||
+ | table, .table { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | a:visited:focus{ | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | /* 2993a8 46bbd2 */ | ||
+ | a:link { | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | color: #37B6CE !important; | ||
+ | -webkit-stroke-width: 5.3px; | ||
+ | -webkit-stroke-color: #FFFFFF; | ||
+ | -webkit-fill-color: #FFFFFF; | ||
+ | text-shadow: 1px 0px 20px #24b2d6; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a.new:link, #p-personal a.new:link, a.new:visited, #p-personal a.new:visited{ | ||
+ | color: #c86421; | ||
+ | } | ||
+ | a.new:hover{ | ||
+ | color: #c86421 !important; | ||
+ | -webkit-stroke-width: 5.3px; | ||
+ | -webkit-stroke-color: #FFFFFF; | ||
+ | -webkit-fill-color: #FFFFFF; | ||
+ | text-shadow: 1px 0px 20px #c86421; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .nav a:hover, .navbar a:hover, a.btn{ | ||
+ | color: #37B6CE !important; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6{ | ||
+ | font-family: Ortega, Calibri, Arial; | ||
+ | color: white !important; | ||
+ | } | ||
+ | .dropdown-menu{ | ||
+ | font-family: Ortega, Calibri, Arial; | ||
+ | } | ||
+ | .dropdown{ | ||
+ | font-family: Ortega, Calibri, Arial; | ||
+ | font-size:20px | ||
+ | } | ||
+ | .dropdown-menu > li > a{ | ||
+ | font-size:18px | ||
+ | } | ||
+ | .panel-body ul { | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .mp-block .panel-body{ | ||
+ | padding: 0; | ||
+ | } | ||
+ | .panel-body>ul a{ | ||
+ | display: block; | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | .panel-body>ul li:last-child a{ | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | .panel-body>ul a:hover{ | ||
+ | background-color: #485563; | ||
+ | } | ||
+ | .panel-title{ | ||
+ | margin-bottom: 0; | ||
+ | padding: 10px; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | .mp-block .fallUl{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | .mp-block .fallUl .ra-fairy-wand{ | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | top: 5px; | ||
+ | } | ||
+ | .mp-block .fallUl ul{ | ||
+ | top: auto; | ||
} | } | ||
+ | @media (min-width: 992px) { | ||
+ | .mp-block .fallUl ul{ | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 992px){ | ||
+ | .content__title{ | ||
+ | font-size: 35px !important; | ||
+ | margin-left: 15px !important; | ||
+ | color: #2a333a !important; | ||
+ | text-shadow: 0px 1px 36px #37B6CE !important; | ||
+ | -webkit-text-stroke-width: 2px !important; | ||
+ | -webkit-text-stroke-color: #28c2e3 !important; | ||
+ | } | ||
+ | .siteNotice{ | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .siteNotice{ | ||
+ | z-index: 999 !important; | ||
+ | } | ||
+ | |||
+ | .panel-heading{ | ||
+ | border-top: 30px solid #2a323a !important; | ||
+ | color: #21282f !important; | ||
+ | } | ||
+ | |||
+ | .toc { | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | border-color: rgba(0,0,0,0); | ||
+ | background: #2a3743; | ||
+ | width: auto; | ||
+ | color: white; | ||
+ | padding-top: 15px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 15px; | ||
+ | box-shadow: 8px 8px 0px rgb(78, 93, 108); | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
.infobox { | .infobox { | ||
− | border: | + | border: 4px solid #2a3743; |
border-spacing: 1px; | border-spacing: 1px; | ||
− | background-color: # | + | background-color: #4e5d6c !important; |
− | background: # | + | background: #4e5d6c !important; |
− | color: | + | color: white; |
/* @noflip */ | /* @noflip */ | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
Строка 27: | Строка 221: | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0.2em; | padding: 0.2em; | ||
− | |||
} | } | ||
.infobox td, | .infobox td, | ||
Строка 114: | Строка 307: | ||
border: 0; | border: 0; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | |||
+ | .siteNotice{ | ||
+ | z-index: 5; | ||
+ | position: fixed; | ||
+ | left: 25vw; | ||
+ | bottom: 31px; | ||
+ | } | ||
+ | .mw-dismissable-notice, .siteNotice>#localNotice>.mw-parser-output{ | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | border-color: rgba(0,0,0,0); | ||
+ | background: #2a3743; | ||
+ | padding: 10px; | ||
+ | box-shadow: 8px 8px 0px rgb(78,93,108); | ||
+ | width: 50vw; | ||
+ | } | ||
+ | |||
+ | .mw-body a.external:link,.mw-body a.external:visited,.toctogglelabel,.oo-ui-labelWidget.oo-ui-inline-help { | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | |||
+ | .spoilers-body{ | ||
+ | display: block; | ||
+ | border: 0.1px solid #00ffff40; | ||
+ | background: rgb(42,55,67); | ||
+ | color: white; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .spoilers-button{ | ||
+ | background: rgb(42, 55, 67); | ||
+ | border: 1px solid #00ffff40; | ||
+ | border-radius: 0px; | ||
+ | border-bottom: transparent; | ||
+ | color: cyan; | ||
+ | width: 100px; | ||
+ | height: 30px; | ||
+ | box-sizing: border-box; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .spoilers-button:hover { | ||
+ | background: #00ffff40; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll { | ||
+ | color: white; | ||
+ | width: max-content; | ||
+ | border: 1px solid transparent; | ||
+ | background: #2a3743; | ||
+ | padding: 10px 20px 10px 10px; | ||
+ | box-shadow: 8px 8px 0px rgb(78,93,108); | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-misc { | ||
+ | margin-bottom: none; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-info { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-ajax { | ||
+ | background: #2a3743; | ||
+ | color: #37B6CE; | ||
+ | padding: 1px 4px; | ||
+ | border-radius: 0.5em; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-hover-vote { | ||
+ | background: #2a3743; | ||
+ | text-shadow: 1px 0px 20px #24b2d6; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-hover-revoke { | ||
+ | background: #2a3743; | ||
+ | text-shadow: 1px 0px 20px #24b2d6; | ||
+ | } | ||
+ | |||
+ | .ajaxpoll .ajaxpoll-answer-vote div { | ||
+ | background: transparent; | ||
+ | } | ||
+ | .ajaxpoll .ajaxpoll-our-vote div { | ||
+ | border: 1px solid #37B6CE; | ||
} | } | ||
.navbox { /* Navbox container style */ | .navbox { /* Navbox container style */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | |||
width: 100%; | width: 100%; | ||
clear: both; | clear: both; | ||
Строка 143: | Строка 422: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
+ | .navbox-group{ | ||
+ | border-top: 1px solid #232f3a; | ||
+ | } | ||
+ | |||
th.navbox-group { /* Group style */ | th.navbox-group { /* Group style */ | ||
white-space: nowrap; | white-space: nowrap; | ||
Строка 150: | Строка 434: | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
− | background: # | + | background: #2a3743; /* Background color */ |
} | } | ||
.navbox-list { | .navbox-list { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
− | border-color: # | + | border-color: #2a3743; /* Must match background color */ |
} | } | ||
.navbox th, | .navbox th, | ||
.navbox-title { | .navbox-title { | ||
− | background: # | + | background: #4e5d6c; /* Level 1 color */ |
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
th.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
− | background: # | + | background: #485563; /* Level 2 color */ |
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
− | background: # | + | background: #32383e; /* Level 3 color */ |
} | } | ||
.navbox-even { | .navbox-even { | ||
− | background: # | + | background: #394959; /* Even row striping */ |
} | } | ||
.navbox-odd { | .navbox-odd { | ||
Строка 184: | Строка 468: | ||
} | } | ||
− | + | .codeEditor-status { | |
− | + | color: black; | |
− | |||
− | |||
} | } | ||
+ | .navbox .navbar { | ||
+ | display:none; | ||
+ | } | ||
+ | table a:not(.btn), .table a:not(.btn) { | ||
+ | color: #37B6D0; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | . | + | table.wikitable { |
+ | background-color: #2b3e50; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
+ | background-color: #2a3743; | ||
+ | border: 1px solid #37B6CD; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
+ | border: 1px solid #37B6CD; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | |||
+ | .oo-ui-menuLayout-content, .oo-ui-window-head{ | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | ||
+ | background-color: #2a3743; | ||
+ | box-shadow: 8px 8px 0px rgb(78, 93, 108); | ||
+ | } | ||
+ | |||
+ | .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .mw-rcfilters-ui-filterWrapperWidget { | ||
+ | background-color: white; | ||
+ | border: white 10px solid; | ||
+ | box-shadow: 9px 9px 0px rgb(78, 93, 108); | ||
+ | } | ||
+ | |||
+ | .oo-ui-labelElement .oo-ui-labelElement-label { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .mw-editform .editOptions { | ||
+ | border-radius: 0 0 2px 2px; | ||
+ | background: white; | ||
+ | color: black; | ||
+ | border: 30px solid white; | ||
+ | } | ||
+ | |||
+ | .small { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .mw-plusminus-pos { | ||
+ | color: #5cb85c; | ||
+ | } | ||
+ | |||
+ | .mw-plusminus-neg { | ||
+ | color: #d9534f; | ||
+ | } | ||
+ | |||
+ | .diff-currentversion-title, .diff { | ||
+ | background-color: white; | ||
+ | color: black !important; | ||
+ | border: 5px white solid; | ||
+ | box-shadow: 9px 9px 0px rgb(78, 93, 108); | ||
+ | } | ||
+ | |||
+ | .tocnumber { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | .tocnumber:after { content: '.' } | ||
+ | |||
+ | .siteNotice a { | ||
+ | color: #37B6CE !important; | ||
+ | } | ||
+ | |||
+ | #pagehistory li { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #pagehistory li.selected { | ||
+ | background-color: #2b3e50; | ||
+ | color: white; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | ||
+ | margin: 0.3em 0 1em 3.2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | .content__title { | ||
+ | color: #2a333a !important; | ||
+ | text-shadow: 0px 1px 36px #37B6CE !important; | ||
+ | -webkit-text-stroke-width: 2px !important; | ||
+ | -webkit-text-stroke-color: #28c2e3 !important; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .infobox caption { | ||
+ | font-size: 40px; | ||
+ | font-weight: bold; | ||
+ | padding: 0.2em; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | font-family: Ortega; | ||
+ | -webkit-text-stroke-width: 1px; | ||
+ | -webkit-text-stroke-color: black; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .well-sm { | ||
+ | padding: 15px !important; | ||
+ | padding-bottom: 1px !important; | ||
+ | border-radius: 0 !important; | ||
+ | margin: 5px 25px -5px 25px !important; | ||
+ | } | ||
+ | |||
+ | .well { | ||
+ | box-shadow: 9px 9px 0px #2a3743 !important; | ||
+ | background: #4E5D6C !important; | ||
+ | padding: 25px; | ||
+ | margin: 30px; | ||
+ | } | ||
+ | #mw-searchoptions{ | ||
+ | background-color:transparent !important; | ||
+ | } | ||
+ | |||
+ | .flex-center{ | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | color: #37B6CE; | ||
+ | } | ||
+ | #toc { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | @media (max-width: 414px){ | ||
+ | .mw-body{ | ||
+ | padding:0; | ||
+ | } | ||
+ | } | ||
+ | h4, h5, h6, .h4, .h5, .h6{ | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .BSframe { | ||
+ | background-color:#000; | ||
+ | margin:0; | ||
+ | overflow:hidden; | ||
+ | padding:0; | ||
+ | border-radius: 25px; | ||
+ | } | ||
+ | |||
+ | .BSscreen { | ||
+ | animation: colorPulse 5s infinite ease-in-out; | ||
+ | background-image: radial-gradient(#444,#111); | ||
+ | box-shadow: 0 0 5vmin 1vmin #000 inset; | ||
+ | box-sizing: border-box; | ||
+ | font-family: 'Fira Mono',monospace; | ||
+ | font-size: 20px; | ||
+ | height: auto; | ||
+ | overflow: hidden; | ||
+ | padding: 15px; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .BSscreen:before { | ||
+ | animation: wave 10s infinite ease-in-out; | ||
+ | content: ""; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: .5; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .BSscreen:after { | ||
+ | background-image:linear-gradient(transparent, transparent 3px, #222); | ||
+ | background-size:4px 4px; | ||
+ | bottom:0; | ||
+ | content:""; | ||
+ | left:0; | ||
+ | pointer-events:none; | ||
+ | position:absolute; | ||
+ | right:0; | ||
+ | top:0; | ||
+ | z-index:2; | ||
+ | } | ||
+ | |||
+ | .BSscreen p:last-child:after { | ||
+ | animation:blink 1s infinite; | ||
+ | content:"_"; | ||
+ | } | ||
+ | |||
+ | @keyframes colorPulse { | ||
+ | 0%, 100% { | ||
+ | color:#0c0; | ||
+ | } | ||
+ | 48%, 52% { | ||
+ | color:#090; | ||
+ | } | ||
+ | 50% { | ||
+ | color:#060; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes wave { | ||
+ | 0% { | ||
+ | box-shadow:0 -10vh 20vh #0c0; | ||
+ | top:-100vh; | ||
+ | } | ||
+ | 48%, 52% { | ||
+ | box-shadow:0 -10vh 20vh #090; | ||
+ | } | ||
+ | 50% { | ||
+ | box-shadow:0 -10vh 20vh #060; | ||
+ | } | ||
+ | 100% { | ||
+ | box-shadow:0 -10vh 20vh #0c0; | ||
+ | top:200vh; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes blink { | ||
+ | 50% { | ||
+ | opacity:0; | ||
+ | } | ||
+ | } | ||
+ | .hpblock{ | ||
+ | background-image: url('https://wiki.ortega.su/images/thumb/c/cb/Download%2B%281%29-boring.png/600px-Download%2B%281%29-boring.png'); | ||
+ | width: 360px; | ||
+ | height: 360px; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | } | ||
+ | .hpblock>div{ | ||
+ | position: absolute; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | } | ||
+ | .BSheader{ | ||
+ | font-family: Ortega, Calibri, Arial; | ||
+ | font-size: 38px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .BSheader span{ | ||
+ | font-size: 10px; | ||
+ | font-family: "Fira Mono", monospace; | ||
+ | } | ||
+ | .BSpoints{ | ||
+ | border: 1px solid; | ||
+ | padding: 7px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .BSpoints span{ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .BSPheader{ | ||
+ | font-size: 34px; | ||
+ | } | ||
+ | .BSdownload { | ||
+ | height: 21px; | ||
+ | border: 1px solid; | ||
+ | width: 300px; | ||
+ | } | ||
+ | .BSDcaret { | ||
+ | height: 100%; | ||
+ | background-image: url(https://wiki.ortega.su/images/e/e1/Bar.png); | ||
+ | background-position-x: -4px; | ||
+ | } | ||
+ | .BSbig { | ||
+ | font-size: 45px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | line-height: 0.9; | ||
+ | } | ||
+ | .BSmall { | ||
+ | font-size: 14px; | ||
+ | text-align: center; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .BShard { | ||
+ | padding: 30px 30px 8px 30px; | ||
+ | border-radius: 25px; | ||
+ | background-image: url(https://wiki.ortega.su/images/thumb/5/57/Scratched-corpus.jpg/800px-Scratched-corpus.jpg); | ||
+ | background-size: cover; | ||
+ | box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
+ | |||
+ | .led-box { | ||
+ | margin-right: 30px; | ||
+ | } | ||
+ | |||
+ | .led-box p { | ||
+ | font-size: 12px; | ||
+ | text-align: center; | ||
+ | margin: 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .led-red { | ||
+ | margin: 0 auto; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background-color: #A00; | ||
+ | border-radius: 50%; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.8) 0 2px 0; | ||
+ | } | ||
+ | |||
+ | .blink-red{ | ||
+ | animation: blinkRed 0.5s infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes blinkRed { | ||
+ | from { background-color: #A00; } | ||
+ | 50% { | ||
+ | background-color: #F00; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.8) 0 2px 12px; | ||
+ | } | ||
+ | to { background-color: #A00; } | ||
+ | } | ||
+ | |||
+ | .led-gold { | ||
+ | margin: 0 auto; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background-color: #886f22; | ||
+ | border-radius: 50%; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #473f0e 0 -1px 9px, rgba(251, 251, 50, 0.8) 0 2px 0; | ||
+ | } | ||
+ | |||
+ | .blink-gold{ | ||
+ | animation: blinkGold 0.4s infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes blinkGold { | ||
+ | from { background-color: #886f22; } | ||
+ | 50% { | ||
+ | background-color: #fbd732; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #473f0e 0 -1px 9px, rgba(251, 251, 50, 0.8) 0 2px 12px; | ||
+ | } | ||
+ | to { background-color: #886f22; } | ||
+ | } | ||
+ | |||
+ | .led-blue { | ||
+ | margin: 0 auto; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background-color: #1c23a8; | ||
+ | border-radius: 50%; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #0d1050 0 -1px 9px,rgba(41, 52, 255, 0.8) 0 2px 0; | ||
+ | } | ||
+ | |||
+ | .blink-blue{ | ||
+ | animation: blinkBlue 0.6s infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes blinkBlue { | ||
+ | from { background-color: #1c23a8; } | ||
+ | 50% { | ||
+ | background-color: #2934ff; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #0d1050 0 -1px 9px, rgba(41, 52, 255, 0.8) 0 2px 12px; | ||
+ | } | ||
+ | to { background-color: #1c23a8; } | ||
+ | } | ||
+ | |||
+ | |||
+ | .led-indigo{ | ||
+ | margin: 0 auto; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background-color: #6700a4; | ||
+ | border-radius: 50%; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #400067 0 -1px 9px,rgba(147, 0, 237, 0.8) 0 2px 0; | ||
+ | } | ||
+ | |||
+ | .blink-indigo{ | ||
+ | animation: blinkIndigo 0.8s infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes blinkIndigo { | ||
+ | from { background-color: #6700a4; } | ||
+ | 50% { | ||
+ | background-color: #9300ed; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #400067 0 -1px 9px, rgba(147, 0, 237, 0.8) 0 2px 12px; | ||
+ | } | ||
+ | to { background-color: #6700a4; } | ||
+ | } | ||
+ | |||
+ | .led-silver{ | ||
+ | margin: 0 auto; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background-color: #70818a; | ||
+ | border-radius: 50%; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #424c53 0 -1px 9px,rgba(205, 236, 255, 0.8) 0 2px 0; | ||
+ | } | ||
+ | |||
+ | .blink-silver{ | ||
+ | animation: blinkSilver 0.7s infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes blinkSilver { | ||
+ | from { background-color: #70818a; } | ||
+ | 50% { | ||
+ | background-color: #cdecff; | ||
+ | box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #424c53 0 -1px 9px, rgba(205, 236, 255, 0.8) 0 2px 12px; | ||
+ | } | ||
+ | to { background-color: #70818a; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .diodblock { | ||
+ | display: flex; | ||
+ | padding-top: 8px; | ||
+ | align-items: center; | ||
+ | position: relative; | ||
+ | } | ||
+ | .diod-header { | ||
+ | font-family: Ortega; | ||
+ | color: rgba(208, 208, 220, .8); | ||
+ | font-size: 33px; | ||
+ | font-weight: bold; | ||
+ | letter-spacing: 3px; | ||
+ | text-shadow: 2px 2px 0px rgba(21, 19, 19, 0.9); | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | .closebios { | ||
+ | position: absolute; | ||
+ | right: -19px; | ||
+ | top: 4px; | ||
+ | padding: 9px; | ||
+ | background-color: #cc0202; | ||
+ | border-radius: 100%; | ||
+ | line-height: 1; | ||
+ | color: #611717; | ||
+ | font-size: 31px; | ||
+ | cursor: pointer; | ||
+ | box-shadow: 1px 4px 2px 2px rgba(64, 0, 3, 0.75); | ||
+ | transition: all .3s; | ||
+ | } | ||
+ | .closebios:hover { | ||
+ | box-shadow: none; | ||
+ | transform: translate(3px, 2px); | ||
+ | border: 2px solid; | ||
+ | } | ||
+ | .BShard{ | ||
+ | max-width: 940px; | ||
+ | } | ||
+ | .BSoverlay{ | ||
+ | position: fixed; | ||
+ | z-index: 999; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | height: 100vh; | ||
+ | width: 100%; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | .mw-selflink, .selflink { | ||
+ | color:lightgrey !important; | ||
+ | font-weight: bold !important; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .layout-fixedhead h1 > span.mw-headline:before, .layout-stickyhead h1 > span.mw-headline:before, .layout-clean h1 > span.mw-headline:before, | ||
+ | .layout-fixedhead h2 > span.mw-headline:before, .layout-stickyhead h2 > span.mw-headline:before, .layout-clean h2 > span.mw-headline:before, | ||
+ | .layout-fixedhead h3 > span.mw-headline:before, .layout-stickyhead h3 > span.mw-headline:before, .layout-clean h3 > span.mw-headline:before, | ||
+ | .layout-fixedhead h4 > span.mw-headline:before, .layout-stickyhead h4 > span.mw-headline:before, .layout-clean h4 > span.mw-headline:before, | ||
+ | .layout-fixedhead h5 > span.mw-headline:before, .layout-stickyhead h5 > span.mw-headline:before, .layout-clean h5 > span.mw-headline:before, | ||
+ | .layout-fixedhead h6 > span.mw-headline:before, .layout-stickyhead h6 > span.mw-headline:before, .layout-clean h6 > span.mw-headline:before | ||
+ | { | ||
+ | content: "" !important; | ||
+ | display: inline-block !important; | ||
+ | height: 75px !important; | ||
+ | margin-top: -75px !important; | ||
+ | } | ||
+ | |||
+ | #p-search { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | .dmg > a, a.link, a.visited, a.hover, a.focus, a.active { | ||
+ | color:inherit !important; | ||
+ | text-shadow: none; | ||
+ | /* | ||
+ | pointer-events: none; | ||
+ | */ | ||
+ | } | ||
+ | #BSmini { | ||
+ | width: 163px; | ||
+ | height: 139px; | ||
+ | background-image: url(https://wiki.ortega.su/images/0/0b/BSmini_new.png); | ||
+ | position: fixed; | ||
+ | right: 20px; | ||
+ | bottom: 10px; | ||
+ | background-size: 100%; | ||
+ | transition: transform .2s; | ||
+ | cursor: pointer; | ||
+ | background-position: top; | ||
+ | z-index: 56; | ||
+ | } | ||
+ | #BSmini:hover { | ||
+ | background-position: bottom; | ||
+ | transform: scale(1.2); | ||
+ | } | ||
+ | .dn{ | ||
display:none; | display:none; | ||
− | |||
} | } | ||
+ | @media (max-width: 990px){ | ||
+ | .BSoverlay{ | ||
+ | overflow-y: scroll; | ||
+ | align-items: flex-start; | ||
+ | height: -webkit-fill-available; | ||
+ | } | ||
+ | .BShard{ | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 450px){ | ||
+ | |||
+ | .BShard { | ||
+ | padding: 6px; | ||
+ | line-height: 1; | ||
+ | transform: scale(0.8); | ||
+ | } | ||
+ | #BSmini{ | ||
+ | transform: scale(0.8); | ||
+ | } | ||
+ | .BSheader { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | .BSheader span { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | .hpblock { | ||
+ | transform: scale(0.8); | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | .diodblock { | ||
+ | flex-wrap: wrap; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .diod-header { | ||
+ | margin-right: 0; | ||
+ | margin-bottom: 9px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .closebios { | ||
+ | right: 14px; | ||
+ | top: 18px; | ||
+ | } | ||
+ | } | ||
+ | /* END BS */ | ||
+ | |||
+ | .hor-scroll{ | ||
+ | overflow-x: scroll; | ||
+ | } | ||
+ | .mw-parser-output li{ | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #toc li{ | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .mp-block li{ | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .toc ul ul{ | ||
+ | margin-top: 5px !important; | ||
+ | } | ||
+ | .mw-notification-area{ | ||
+ | color: #2a333a !important; | ||
+ | } | ||
+ | .tabs__content { | ||
+ | display: none; /* по умолчанию прячем все блоки */ | ||
+ | } | ||
+ | .tabs__content.active { | ||
+ | display: block; /* по умолчанию показываем нужный блок */ | ||
+ | } | ||
+ | |||
+ | .char_tabs{ | ||
+ | display: flex; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-left: 0 !important; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | .char_tabs li { | ||
+ | -webkit-clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%); | ||
+ | clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%); | ||
+ | background-color: #4d5d6c; | ||
+ | width: 155px; | ||
+ | text-align: center; | ||
+ | padding: 7px 0; | ||
+ | cursor: pointer; | ||
+ | font-family: Ortega,Calibri,Arial; | ||
+ | font-size: 24px; | ||
+ | margin-bottom: 10px; | ||
+ | border: 2px solid #4d5d6c; | ||
+ | transition: all .2s; | ||
+ | user-select: none; | ||
+ | } | ||
+ | .char_tabs li.active{ | ||
+ | color: #37B6CE; | ||
+ | border: 2px solid #37B6CE; | ||
+ | } | ||
+ | .char_tabs li:hover{ | ||
+ | text-shadow: 1px 0px 20px #24b2d6; | ||
+ | color: #24b2d6; | ||
+ | } | ||
+ | #grid a:hover h2{ | ||
+ | background-color: #4d5d6c; | ||
+ | transition-delay: 0.2s; | ||
+ | } | ||
+ | #grid a h2{ | ||
+ | transition: all .2s; | ||
+ | padding: 4px 0; | ||
+ | margin: 0; | ||
+ | border-bottom: 0; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | #grid p { | ||
+ | padding: 0; | ||
+ | } | ||
+ | #grid{ | ||
+ | padding: 0; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | #particles-js { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: #2a333a; | ||
+ | background-image: url(""); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-position: 50% 50%; | ||
+ | } | ||
+ | .particles-js-canvas-el{ | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | z-index: -1; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | .panel { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .panel-body{ | ||
+ | background-color: #4e5d6c; | ||
+ | } | ||
+ | .panel-heading { | ||
+ | margin-top: 30px; | ||
+ | border-top: none !important; | ||
+ | } | ||
+ | .char_hero{ | ||
+ | background-image: url(https://i.imgur.com/TIh3Zzu.jpg); | ||
+ | background-size: cover; | ||
+ | height: 550px; | ||
+ | width: 100vw; | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | right: 50%; | ||
+ | margin-left: -50vw; | ||
+ | margin-right: -50vw; | ||
+ | top: -150px; | ||
+ | margin-bottom: -90px; | ||
+ | background-position: center; | ||
+ | z-index: -1; | ||
+ | background-attachment: fixed; | ||
+ | background-position-x: center; | ||
+ | background-position-y: center; | ||
+ | } | ||
+ | .underheaderH { | ||
+ | -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%); | ||
+ | clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%); | ||
+ | display: inline-block; | ||
+ | background-color: #2a3642; | ||
+ | padding: 10px 60px; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .snippet { | ||
+ | max-width: 500px; | ||
+ | line-height: 1.56; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .insnippet { | ||
+ | background-color: #2a3642; | ||
+ | display: inline-block; | ||
+ | padding: 7px 15px; | ||
+ | clip-path: polygon(0 0, 95% 0, 100% 27%, 100% 100%, 5% 100%, 0 77%, 0% 20%); | ||
+ | } | ||
+ | .glitch__img{ | ||
+ | background-attachment: fixed; | ||
+ | background-position-y: -229px; | ||
+ | } | ||
+ | |||
+ | .thumbinner { | ||
+ | background-color: #4e5d6c !important; | ||
+ | border: 1px solid #212529 !important; | ||
+ | } | ||
+ | |||
+ | .p-navbar, .dropdown-menu { | ||
+ | background-color: #4D5D6C !important; | ||
+ | } | ||
+ | |||
+ | .nav-link, .navbar-tool-link, .dropdown-menu > div > a:first-child:last-child { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > div > a:first-child:last-child:hover, | ||
+ | .dropdown-menu > div > a:first-child:last-child:focus { | ||
+ | background: inherit !important; | ||
+ | } | ||
+ | |||
+ | .navbar-tool > a { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | .navbar-tool > a:hover, | ||
+ | .dropdown-menu > div > a:first-child:last-child:hover { | ||
+ | color: #37B6CE !important; | ||
+ | } | ||
+ | |||
+ | .postedit, .postedit-content { | ||
+ | background-color: #4D5D6C !important; | ||
+ | } | ||
+ | /* | ||
+ | .dropup > .dropdown-menu { | ||
+ | display: content; | ||
+ | } | ||
+ | |||
+ | .dropup > .dropdown-menu > div { | ||
+ | display: inline-block; | ||
+ | padding: 8px 0; | ||
+ | font-size: 80%; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .dropup > .dropdown-toggle { | ||
+ | display: none; | ||
+ | } | ||
+ | */ | ||
− | .mw-content-ltr { | + | .alert-warning, .warningbox, div.warning { |
− | background: white; | + | background: #f0ad4e !important; |
− | + | color: white !important; | |
+ | border-color: none !important; | ||
+ | } | ||
+ | |||
+ | .alert-danger, .dangerbox, div.danger { | ||
+ | background: #d9534f !important; | ||
+ | color: white !important; | ||
+ | border-color: none !important; | ||
+ | } | ||
+ | .p-navbar{ | ||
+ | z-index: 37; | ||
+ | } | ||
+ | .mw-body .firstHeading{ | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .toc h2{ | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | h3, .h3 { | ||
+ | font-size: 29px; | ||
+ | } | ||
+ | |||
+ | html .thumbimage { | ||
+ | background-color: none !important; | ||
+ | border: 0px solid #fefefe !important; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr .magnify { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .thumbcaption { | ||
+ | padding: 5px !important; | ||
+ | } | ||
+ | #mw-navigation { | ||
+ | display: none; | ||
+ | } | ||
+ | .navbar-light .navbar-toggler, .p-navbar .navbar-toggler { | ||
+ | color: #37b6ce; | ||
+ | border-color: #37b6ce; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .rounded { | ||
+ | counter-reset: li; | ||
+ | list-style: none; | ||
+ | font: 14px "Trebuchet MS", "Lucida Sans"; | ||
+ | padding: 0; | ||
+ | text-shadow: 0 1px 0 rgba(255,255,255,.5); | ||
+ | } | ||
+ | .rounded a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: .4em .4em .4em 2em; | ||
+ | margin: .5em 0; | ||
+ | background: #DAD2CA; | ||
+ | color: #444; | ||
+ | text-decoration: none; | ||
+ | border-radius: .3em; | ||
+ | transition: .3s ease-out; | ||
+ | } | ||
+ | .rounded div:hover {background: #E9E4E0;} | ||
+ | .rounded div:hover:before {transform: rotate(360deg);} | ||
+ | .rounded div:before { | ||
+ | content: counter(li); | ||
+ | counter-increment: li; | ||
+ | position: absolute; | ||
+ | left: -1.3em; | ||
+ | top: 50%; | ||
+ | margin-top: -1.3em; | ||
+ | background: #8FD4C1; | ||
+ | height: 2em; | ||
+ | width: 2em; | ||
+ | line-height: 2em; | ||
+ | border: .3em solid white; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | border-radius: 2em; | ||
+ | transition: all .3s ease-out; | ||
+ | } | ||
+ | .grid a{ | ||
+ | position: relative; | ||
+ | } | ||
+ | .grid a .ra{ | ||
+ | position: absolute; | ||
+ | top: -8px; | ||
+ | left: -8px; | ||
+ | z-index: 21; | ||
+ | } | ||
+ | #chars2-forgotten .grid figure img{ | ||
+ | filter: sepia(150%); | ||
+ | } | ||
+ | #chars2-died .grid figure img{ | ||
+ | filter: grayscale(150%); | ||
} | } | ||
+ | Инструменты | ||
+ | Эта страница в последний раз была отредактирована 8 сентября 2019 в 18:52. | ||
+ | Политика конфиденциальности | ||
+ | О Ortega | ||
+ | Отказ от ответственности | ||
+ | Powered by MediaWiki |
Версия 13:40, 17 сентября 2019
@import url('https://fonts.googleapis.com/css?family=Merriweather|PT+Mono|Neucha|Gloria+Hallelujah|Fira+Sans|Press+Start+2P');
@import url('https://wiki.ortega.su/additions/rpg-awesome.css');
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://wiki.ortega.su/additions/glitch.css');
@import url('https://wiki.ortega.su/additions/animate.css');
@import url('https://wiki.ortega.su/additions/loader.css');
@import url('https://wiki.ortega.su/additions/svglist.css');
@font-face{
font-family: 'Ortega';
src: url('https://wiki.ortega.su/additions/fonts/Archangelsk.ttf');
src: url('https://wiki.ortega.su/additions/fonts/Archangelsk.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Инфосфера */
.infosphere{
font-family: 'Press Start 2P',cursive;
text-align: justify;
padding: 10px;
min-height: 100px;
font-size: 13px;
background: url(https://i.imgur.com/nyA4PrA.png);
box-shadow: 9px 9px 0px rgb(78, 93, 108);
}
/*Шаблон выпадающего списка*/
.fallUl ul {
list-style-type: none !important;
display: none;
margin: 0 !important;
position: relative;
top: 1.2em;
left: 0;
background-color: #4e5d6c;
box-shadow: 0px 3px 7px rgba(0,0,0,0.4);
list-style-image: none !important;
min-width: 220px;
position: absolute;
}
.fallUl ul li{
list-style-type: none !important;
list-style-image: none !important;
}
.fallUl{
cursor:pointer;
display: inline-block;
position: relative;
}
.fallUl:hover ul{
display:block;
}
.fallUl .ra-fairy-wand{
display: inline-block;
transition: all .3s;
color: #37B6CE;
}
.fallUl:hover .ra-fairy-wand{
transform: rotate(94deg);
}
/* НОВЫЕ СТИЛИ*/
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
margin-bottom: 22px;
}
body{
overflow-x: hidden;
background-color: #2a323a;
color: white !important;
}
table, .table {
font-size: 14px;
}
a:visited{
color: #37B6CE;
}
a:visited:focus{
color: #37B6CE;
}
/* 2993a8 46bbd2 */
a:link {
color: #37B6CE;
}
a:hover{
color: #37B6CE !important;
-webkit-stroke-width: 5.3px;
-webkit-stroke-color: #FFFFFF;
-webkit-fill-color: #FFFFFF;
text-shadow: 1px 0px 20px #24b2d6;
text-decoration: none;
}
a.new:link, #p-personal a.new:link, a.new:visited, #p-personal a.new:visited{
color: #c86421;
}
a.new:hover{
color: #c86421 !important;
-webkit-stroke-width: 5.3px;
-webkit-stroke-color: #FFFFFF;
-webkit-fill-color: #FFFFFF;
text-shadow: 1px 0px 20px #c86421;
text-decoration: none;
}
.nav a:hover, .navbar a:hover, a.btn{
color: #37B6CE !important;
}
h1, h2, h3, h4, h5, h6{
font-family: Ortega, Calibri, Arial;
color: white !important;
}
.dropdown-menu{
font-family: Ortega, Calibri, Arial;
}
.dropdown{
font-family: Ortega, Calibri, Arial;
font-size:20px
}
.dropdown-menu > li > a{
font-size:18px
}
.panel-body ul {
margin: 0;
list-style: none;
padding-left: 0;
}
.mp-block .panel-body{
padding: 0;
}
.panel-body>ul a{
display: block;
padding: 5px 10px;
}
.panel-body>ul li:last-child a{
padding-bottom: 10px;
}
.panel-body>ul a:hover{
background-color: #485563;
}
.panel-title{
margin-bottom: 0;
padding: 10px;
font-size: 25px;
}
.mp-block .fallUl{
width: 100%;
}
.mp-block .fallUl .ra-fairy-wand{
position: absolute;
right: 10px;
top: 5px;
}
.mp-block .fallUl ul{
top: auto;
}
@media (min-width: 992px) {
.mp-block .fallUl ul{
top: 0;
left: 100%;
z-index: 2;
}
}
@media (max-width: 992px){
.content__title{
font-size: 35px !important;
margin-left: 15px !important;
color: #2a333a !important;
text-shadow: 0px 1px 36px #37B6CE !important;
-webkit-text-stroke-width: 2px !important;
-webkit-text-stroke-color: #28c2e3 !important;
}
.siteNotice{
display: none;
}
}
.siteNotice{
z-index: 999 !important;
}
.panel-heading{
border-top: 30px solid #2a323a !important;
color: #21282f !important;
}
.toc {
border-style: solid;
border-width: 1px;
border-color: rgba(0,0,0,0);
background: #2a3743;
width: auto;
color: white;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
box-shadow: 8px 8px 0px rgb(78, 93, 108);
margin-bottom: 20px;
}
.infobox {
border: 4px solid #2a3743;
border-spacing: 1px;
background-color: #4e5d6c !important;
background: #4e5d6c !important;
color: white;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 10px;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
padding: 4px;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.siteNotice{
z-index: 5;
position: fixed;
left: 25vw;
bottom: 31px;
}
.mw-dismissable-notice, .siteNotice>#localNotice>.mw-parser-output{
border-style: solid;
border-width: 1px;
border-color: rgba(0,0,0,0);
background: #2a3743;
padding: 10px;
box-shadow: 8px 8px 0px rgb(78,93,108);
width: 50vw;
}
.mw-body a.external:link,.mw-body a.external:visited,.toctogglelabel,.oo-ui-labelWidget.oo-ui-inline-help {
color: #37B6CE;
}
.spoilers-body{
display: block;
border: 0.1px solid #00ffff40;
background: rgb(42,55,67);
color: white;
padding: 10px;
}
.spoilers-button{
background: rgb(42, 55, 67);
border: 1px solid #00ffff40;
border-radius: 0px;
border-bottom: transparent;
color: cyan;
width: 100px;
height: 30px;
box-sizing: border-box;
margin: 10px;
}
.spoilers-button:hover {
background: #00ffff40;
}
.ajaxpoll {
color: white;
width: max-content;
border: 1px solid transparent;
background: #2a3743;
padding: 10px 20px 10px 10px;
box-shadow: 8px 8px 0px rgb(78,93,108);
}
.ajaxpoll .ajaxpoll-misc {
margin-bottom: none;
color: white;
}
.ajaxpoll .ajaxpoll-info {
display: none !important;
}
.ajaxpoll .ajaxpoll-ajax {
background: #2a3743;
color: #37B6CE;
padding: 1px 4px;
border-radius: 0.5em;
display: none;
}
.ajaxpoll .ajaxpoll-hover-vote {
background: #2a3743;
text-shadow: 1px 0px 20px #24b2d6;
}
.ajaxpoll .ajaxpoll-hover-revoke {
background: #2a3743;
text-shadow: 1px 0px 20px #24b2d6;
}
.ajaxpoll .ajaxpoll-answer-vote div {
background: transparent;
}
.ajaxpoll .ajaxpoll-our-vote div {
border: 1px solid #37B6CE;
}
.navbox { /* Navbox container style */
box-sizing: border-box;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* 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 */
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
.navbox-group{
border-top: 1px solid #232f3a;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #2a3743; /* Background color */
}
.navbox-list {
line-height: 1.5em;
border-color: #2a3743; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #4e5d6c; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #485563; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #32383e; /* Level 3 color */
}
.navbox-even {
background: #394959; /* 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 */
}
.codeEditor-status {
color: black;
}
.navbox .navbar {
display:none;
}
table a:not(.btn), .table a:not(.btn) {
color: #37B6D0;
text-decoration: none;
}
table.wikitable {
background-color: #2b3e50;
color: white;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #2a3743;
border: 1px solid #37B6CD;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid #37B6CD;
}
body{
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.oo-ui-menuLayout-content, .oo-ui-window-head{
color: black;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #2a3743;
box-shadow: 8px 8px 0px rgb(78, 93, 108);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background-color: white;
}
.mw-rcfilters-ui-filterWrapperWidget {
background-color: white;
border: white 10px solid;
box-shadow: 9px 9px 0px rgb(78, 93, 108);
}
.oo-ui-labelElement .oo-ui-labelElement-label {
color: black;
}
.mw-editform .editOptions {
border-radius: 0 0 2px 2px;
background: white;
color: black;
border: 30px solid white;
}
.small {
text-align: center;
}
.mw-plusminus-pos {
color: #5cb85c;
}
.mw-plusminus-neg {
color: #d9534f;
}
.diff-currentversion-title, .diff {
background-color: white;
color: black !important;
border: 5px white solid;
box-shadow: 9px 9px 0px rgb(78, 93, 108);
}
.tocnumber {
color: white !important;
}
.tocnumber:after { content: '.' }
.siteNotice a {
color: #37B6CE !important;
}
#pagehistory li {
border: none;
}
#pagehistory li.selected {
background-color: #2b3e50;
color: white;
border: none;
}
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 1em 3.2em;
}
.content__title {
color: #2a333a !important;
text-shadow: 0px 1px 36px #37B6CE !important;
-webkit-text-stroke-width: 2px !important;
-webkit-text-stroke-color: #28c2e3 !important;
border-bottom: 0;
}
.infobox caption {
font-size: 40px;
font-weight: bold;
padding: 0.2em;
text-align: center;
color: white;
font-family: Ortega;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
display: none;
}
.well-sm {
padding: 15px !important;
padding-bottom: 1px !important;
border-radius: 0 !important;
margin: 5px 25px -5px 25px !important;
}
.well {
box-shadow: 9px 9px 0px #2a3743 !important;
background: #4E5D6C !important;
padding: 25px;
margin: 30px;
}
#mw-searchoptions{
background-color:transparent !important;
}
.flex-center{
display: flex;
justify-content: center;
align-items: center;
color: #37B6CE;
}
#toc {
display: inline-block;
}
@media (max-width: 414px){
.mw-body{
padding:0;
}
}
h4, h5, h6, .h4, .h5, .h6{
font-size: 24px;
}
.BSframe {
background-color:#000;
margin:0;
overflow:hidden;
padding:0;
border-radius: 25px;
}
.BSscreen {
animation: colorPulse 5s infinite ease-in-out;
background-image: radial-gradient(#444,#111);
box-shadow: 0 0 5vmin 1vmin #000 inset;
box-sizing: border-box;
font-family: 'Fira Mono',monospace;
font-size: 20px;
height: auto;
overflow: hidden;
padding: 15px;
width: 100%;
position: relative;
}
.BSscreen:before {
animation: wave 10s infinite ease-in-out;
content: "";
height: 100%;
left: 0;
opacity: .5;
position: absolute;
right: 0;
z-index: 1;
}
.BSscreen:after {
background-image:linear-gradient(transparent, transparent 3px, #222);
background-size:4px 4px;
bottom:0;
content:"";
left:0;
pointer-events:none;
position:absolute;
right:0;
top:0;
z-index:2;
}
.BSscreen p:last-child:after {
animation:blink 1s infinite;
content:"_";
}
@keyframes colorPulse {
0%, 100% {
color:#0c0;
}
48%, 52% {
color:#090;
}
50% {
color:#060;
}
}
@keyframes wave {
0% {
box-shadow:0 -10vh 20vh #0c0;
top:-100vh;
}
48%, 52% {
box-shadow:0 -10vh 20vh #090;
}
50% {
box-shadow:0 -10vh 20vh #060;
}
100% {
box-shadow:0 -10vh 20vh #0c0;
top:200vh;
}
}
@keyframes blink {
50% {
opacity:0;
}
}
.hpblock{
background-image: url('https://wiki.ortega.su/images/thumb/c/cb/Download%2B%281%29-boring.png/600px-Download%2B%281%29-boring.png');
width: 360px;
height: 360px;
background-size: cover;
position: relative;
}
.hpblock>div{
position: absolute;
font-weight: bold;
font-size: 28px;
}
.BSheader{
font-family: Ortega, Calibri, Arial;
font-size: 38px;
margin-bottom: 20px;
}
.BSheader span{
font-size: 10px;
font-family: "Fira Mono", monospace;
}
.BSpoints{
border: 1px solid;
padding: 7px;
margin-bottom: 10px;
}
.BSpoints span{
font-weight: bold;
}
.BSPheader{
font-size: 34px;
}
.BSdownload {
height: 21px;
border: 1px solid;
width: 300px;
}
.BSDcaret {
height: 100%;
background-image: url(https://wiki.ortega.su/images/e/e1/Bar.png);
background-position-x: -4px;
}
.BSbig {
font-size: 45px;
font-weight: bold;
text-align: center;
line-height: 0.9;
}
.BSmall {
font-size: 14px;
text-align: center;
margin-bottom: 15px;
}
.BShard {
padding: 30px 30px 8px 30px;
border-radius: 25px;
background-image: url(https://wiki.ortega.su/images/thumb/5/57/Scratched-corpus.jpg/800px-Scratched-corpus.jpg);
background-size: cover;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.75);
}
.led-box {
margin-right: 30px;
}
.led-box p {
font-size: 12px;
text-align: center;
margin: 1em;
}
.led-red {
margin: 0 auto;
width: 24px;
height: 24px;
background-color: #A00;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.8) 0 2px 0;
}
.blink-red{
animation: blinkRed 0.5s infinite;
}
@keyframes blinkRed {
from { background-color: #A00; }
50% {
background-color: #F00;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.8) 0 2px 12px;
}
to { background-color: #A00; }
}
.led-gold {
margin: 0 auto;
width: 24px;
height: 24px;
background-color: #886f22;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #473f0e 0 -1px 9px, rgba(251, 251, 50, 0.8) 0 2px 0;
}
.blink-gold{
animation: blinkGold 0.4s infinite;
}
@keyframes blinkGold {
from { background-color: #886f22; }
50% {
background-color: #fbd732;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #473f0e 0 -1px 9px, rgba(251, 251, 50, 0.8) 0 2px 12px;
}
to { background-color: #886f22; }
}
.led-blue {
margin: 0 auto;
width: 24px;
height: 24px;
background-color: #1c23a8;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #0d1050 0 -1px 9px,rgba(41, 52, 255, 0.8) 0 2px 0;
}
.blink-blue{
animation: blinkBlue 0.6s infinite;
}
@keyframes blinkBlue {
from { background-color: #1c23a8; }
50% {
background-color: #2934ff;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #0d1050 0 -1px 9px, rgba(41, 52, 255, 0.8) 0 2px 12px;
}
to { background-color: #1c23a8; }
}
.led-indigo{
margin: 0 auto;
width: 24px;
height: 24px;
background-color: #6700a4;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #400067 0 -1px 9px,rgba(147, 0, 237, 0.8) 0 2px 0;
}
.blink-indigo{
animation: blinkIndigo 0.8s infinite;
}
@keyframes blinkIndigo {
from { background-color: #6700a4; }
50% {
background-color: #9300ed;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #400067 0 -1px 9px, rgba(147, 0, 237, 0.8) 0 2px 12px;
}
to { background-color: #6700a4; }
}
.led-silver{
margin: 0 auto;
width: 24px;
height: 24px;
background-color: #70818a;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #424c53 0 -1px 9px,rgba(205, 236, 255, 0.8) 0 2px 0;
}
.blink-silver{
animation: blinkSilver 0.7s infinite;
}
@keyframes blinkSilver {
from { background-color: #70818a; }
50% {
background-color: #cdecff;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #424c53 0 -1px 9px, rgba(205, 236, 255, 0.8) 0 2px 12px;
}
to { background-color: #70818a; }
}
.diodblock {
display: flex;
padding-top: 8px;
align-items: center;
position: relative;
}
.diod-header {
font-family: Ortega;
color: rgba(208, 208, 220, .8);
font-size: 33px;
font-weight: bold;
letter-spacing: 3px;
text-shadow: 2px 2px 0px rgba(21, 19, 19, 0.9);
margin-right: 20px;
}
.closebios {
position: absolute;
right: -19px;
top: 4px;
padding: 9px;
background-color: #cc0202;
border-radius: 100%;
line-height: 1;
color: #611717;
font-size: 31px;
cursor: pointer;
box-shadow: 1px 4px 2px 2px rgba(64, 0, 3, 0.75);
transition: all .3s;
}
.closebios:hover {
box-shadow: none;
transform: translate(3px, 2px);
border: 2px solid;
}
.BShard{
max-width: 940px;
}
.BSoverlay{
position: fixed;
z-index: 999;
top: 0;
left: 0;
height: 100vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mw-selflink, .selflink {
color:lightgrey !important;
font-weight: bold !important;
pointer-events: none;
}
.layout-fixedhead h1 > span.mw-headline:before, .layout-stickyhead h1 > span.mw-headline:before, .layout-clean h1 > span.mw-headline:before,
.layout-fixedhead h2 > span.mw-headline:before, .layout-stickyhead h2 > span.mw-headline:before, .layout-clean h2 > span.mw-headline:before,
.layout-fixedhead h3 > span.mw-headline:before, .layout-stickyhead h3 > span.mw-headline:before, .layout-clean h3 > span.mw-headline:before,
.layout-fixedhead h4 > span.mw-headline:before, .layout-stickyhead h4 > span.mw-headline:before, .layout-clean h4 > span.mw-headline:before,
.layout-fixedhead h5 > span.mw-headline:before, .layout-stickyhead h5 > span.mw-headline:before, .layout-clean h5 > span.mw-headline:before,
.layout-fixedhead h6 > span.mw-headline:before, .layout-stickyhead h6 > span.mw-headline:before, .layout-clean h6 > span.mw-headline:before
{
content: "" !important;
display: inline-block !important;
height: 75px !important;
margin-top: -75px !important;
}
#p-search {
padding-left: 0;
padding-right: 0;
}
.dmg > a, a.link, a.visited, a.hover, a.focus, a.active {
color:inherit !important;
text-shadow: none;
/*
pointer-events: none;
*/
}
#BSmini {
width: 163px;
height: 139px;
background-image: url(https://wiki.ortega.su/images/0/0b/BSmini_new.png);
position: fixed;
right: 20px;
bottom: 10px;
background-size: 100%;
transition: transform .2s;
cursor: pointer;
background-position: top;
z-index: 56;
}
#BSmini:hover {
background-position: bottom;
transform: scale(1.2);
}
.dn{
display:none;
}
@media (max-width: 990px){
.BSoverlay{
overflow-y: scroll;
align-items: flex-start;
height: -webkit-fill-available;
}
.BShard{
}
}
@media (max-width: 450px){
.BShard {
padding: 6px;
line-height: 1;
transform: scale(0.8);
}
#BSmini{
transform: scale(0.8);
}
.BSheader {
font-size: 25px;
}
.BSheader span {
font-size: 13px;
}
.hpblock {
transform: scale(0.8);
line-height: 1.5;
}
.diodblock {
flex-wrap: wrap;
padding: 10px;
}
.diod-header {
margin-right: 0;
margin-bottom: 9px;
width: 100%;
}
.closebios {
right: 14px;
top: 18px;
}
}
/* END BS */
.hor-scroll{
overflow-x: scroll;
}
.mw-parser-output li{
margin-bottom: 10px;
}
#toc li{
margin-bottom: 5px;
}
.mp-block li{
margin-bottom: 0;
}
.toc ul ul{
margin-top: 5px !important;
}
.mw-notification-area{
color: #2a333a !important;
}
.tabs__content {
display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
display: block; /* по умолчанию показываем нужный блок */
}
.char_tabs{
display: flex;
margin-bottom: 0 !important;
margin-left: 0 !important;
flex-wrap: wrap;
justify-content: center;
}
.char_tabs li {
-webkit-clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%);
clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%);
background-color: #4d5d6c;
width: 155px;
text-align: center;
padding: 7px 0;
cursor: pointer;
font-family: Ortega,Calibri,Arial;
font-size: 24px;
margin-bottom: 10px;
border: 2px solid #4d5d6c;
transition: all .2s;
user-select: none;
}
.char_tabs li.active{
color: #37B6CE;
border: 2px solid #37B6CE;
}
.char_tabs li:hover{
text-shadow: 1px 0px 20px #24b2d6;
color: #24b2d6;
}
#grid a:hover h2{
background-color: #4d5d6c;
transition-delay: 0.2s;
}
#grid a h2{
transition: all .2s;
padding: 4px 0;
margin: 0;
border-bottom: 0;
text-shadow: none;
}
#grid p {
padding: 0;
}
#grid{
padding: 0;
line-height: 1.2;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #2a333a;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.particles-js-canvas-el{
position: fixed;
left: 0;
top: 0;
z-index: -1;
opacity: 0.2;
}
.panel {
background-color: transparent;
}
.panel-body{
background-color: #4e5d6c;
}
.panel-heading {
margin-top: 30px;
border-top: none !important;
}
.char_hero{
background-image: url(https://i.imgur.com/TIh3Zzu.jpg);
background-size: cover;
height: 550px;
width: 100vw;
position: absolute;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
top: -150px;
margin-bottom: -90px;
background-position: center;
z-index: -1;
background-attachment: fixed;
background-position-x: center;
background-position-y: center;
}
.underheaderH {
-webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
display: inline-block;
background-color: #2a3642;
padding: 10px 60px;
border-bottom: 0;
}
.snippet {
max-width: 500px;
line-height: 1.56;
margin-bottom: 20px;
}
.insnippet {
background-color: #2a3642;
display: inline-block;
padding: 7px 15px;
clip-path: polygon(0 0, 95% 0, 100% 27%, 100% 100%, 5% 100%, 0 77%, 0% 20%);
}
.glitch__img{
background-attachment: fixed;
background-position-y: -229px;
}
.thumbinner {
background-color: #4e5d6c !important;
border: 1px solid #212529 !important;
}
.p-navbar, .dropdown-menu {
background-color: #4D5D6C !important;
}
.nav-link, .navbar-tool-link, .dropdown-menu > div > a:first-child:last-child {
color: white !important;
}
.dropdown-menu > div > a:first-child:last-child:hover,
.dropdown-menu > div > a:first-child:last-child:focus {
background: inherit !important;
}
.navbar-tool > a {
color: white !important;
}
.navbar-tool > a:hover,
.dropdown-menu > div > a:first-child:last-child:hover {
color: #37B6CE !important;
}
.postedit, .postedit-content {
background-color: #4D5D6C !important;
}
/*
.dropup > .dropdown-menu {
display: content;
}
.dropup > .dropdown-menu > div {
display: inline-block;
padding: 8px 0;
font-size: 80%;
margin: 0;
}
.dropup > .dropdown-toggle {
display: none;
}
*/
.alert-warning, .warningbox, div.warning {
background: #f0ad4e !important;
color: white !important;
border-color: none !important;
}
.alert-danger, .dangerbox, div.danger {
background: #d9534f !important;
color: white !important;
border-color: none !important;
}
.p-navbar{
z-index: 37;
}
.mw-body .firstHeading{
border-bottom: 0;
}
.toc h2{
font-weight: normal;
}
h3, .h3 {
font-size: 29px;
}
html .thumbimage {
background-color: none !important;
border: 0px solid #fefefe !important;
}
.mw-content-ltr .magnify {
display: none;
}
.thumbcaption {
padding: 5px !important;
}
#mw-navigation {
display: none;
}
.navbar-light .navbar-toggler, .p-navbar .navbar-toggler {
color: #37b6ce;
border-color: #37b6ce;
}
.rounded {
counter-reset: li;
list-style: none;
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded div:hover {background: #E9E4E0;}
.rounded div:hover:before {transform: rotate(360deg);}
.rounded div:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #8FD4C1;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
.grid a{
position: relative;
}
.grid a .ra{
position: absolute;
top: -8px;
left: -8px;
z-index: 21;
}
#chars2-forgotten .grid figure img{
filter: sepia(150%);
}
#chars2-died .grid figure img{
filter: grayscale(150%);
}
Инструменты
Эта страница в последний раз была отредактирована 8 сентября 2019 в 18:52.
Политика конфиденциальности
О Ortega
Отказ от ответственности
Powered by MediaWiki