MediaWiki:Chameleon.css

@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