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

Материал из Ascia Wiki
Перейти к:навигация, поиск
Строка 1: Строка 1:
@import url('https://fonts.googleapis.com/css?family=Merriweather|PT+Mono|Neucha|Gloria+Hallelujah|Fira+Sans|Press+Start+2P');
+
@import  
@import url('https://wiki.ortega.su/additions/rpg-awesome.css');
+
url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant+Infant|PT+Mono|Neucha|MedievalSharp');
@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;
 
 
}
 
}
 +
#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6, #page-content dt {
 +
font-family: Cormorant+Infant !important;
 +
color: #AB0404;
  
/* Инфосфера */
 
 
.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: 4px solid #2a3743;
+
     border: 2px solid #000000;
 
     border-spacing: 1px;
 
     border-spacing: 1px;
     background-color: #4e5d6c !important;
+
     background-color: #ffffff !important;
     background: #4e5d6c !important;
+
     background: #ffffff !important;
     color: white;
+
     color: black;
 
     /* @noflip */
 
     /* @noflip */
 
     margin: 0.5em 0 0.5em 1em;
 
     margin: 0.5em 0 0.5em 1em;
Строка 221: Строка 27:
 
     font-weight: bold;
 
     font-weight: bold;
 
     padding: 0.2em;
 
     padding: 0.2em;
 +
   
 
}
 
}
 
.infobox td,
 
.infobox td,
Строка 307: Строка 114:
 
     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;
 +
    border: 1px solid #a2a9b1;
 
     width: 100%;
 
     width: 100%;
 
     clear: both;
 
     clear: both;
Строка 422: Строка 143:
 
     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;
Строка 434: Строка 150:
 
.navbox,
 
.navbox,
 
.navbox-subgroup {
 
.navbox-subgroup {
     background: #2a3743;      /* Background color */
+
     background: #fdfdfd;      /* Background color */
 
}
 
}
 
.navbox-list {
 
.navbox-list {
 
     line-height: 1.5em;
 
     line-height: 1.5em;
     border-color: #2a3743;    /* Must match background color */
+
     border-color: #fdfdfd;    /* Must match background color */
 
}
 
}
 
.navbox th,
 
.navbox th,
 
.navbox-title {
 
.navbox-title {
     background: #4e5d6c;      /* Level 1 color */
+
     background: #ccccff;      /* Level 1 color */
 
}
 
}
 
.navbox-abovebelow,
 
.navbox-abovebelow,
 
th.navbox-group,
 
th.navbox-group,
 
.navbox-subgroup .navbox-title {
 
.navbox-subgroup .navbox-title {
     background: #485563;      /* Level 2 color */
+
     background: #ddddff;      /* Level 2 color */
 
}
 
}
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
 
.navbox-subgroup .navbox-abovebelow {
     background: #32383e;      /* Level 3 color */
+
     background: #e6e6ff;      /* Level 3 color */
 
}
 
}
 
.navbox-even {
 
.navbox-even {
     background: #394959;      /* Even row striping */
+
     background: #f7f7f7;      /* Even row striping */
 
}
 
}
 
.navbox-odd {
 
.navbox-odd {
Строка 468: Строка 184:
 
}
 
}
  
.codeEditor-status {
+
body {
color: black;
+
background: url(https://d.radikal.ru/d37/1909/15/395cb304bb35.jpg) no-repeat center center fixed;
 +
max-width: 100%;
 +
height: auto;
 
}
 
}
  
.navbox .navbar {
 
display:none;
 
}
 
  
table a:not(.btn), .table a:not(.btn) {
 
    color: #37B6D0;
 
    text-decoration: none;
 
}
 
  
table.wikitable {
+
.navbox .navbar {
    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;
 
}
 
*/
 
  
.alert-warning, .warningbox, div.warning {
+
.mw-content-ltr {
background: #f0ad4e !important;
+
background: white;
color: white !important;
+
padding: 15px;
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:42, 17 сентября 2019

@import 
url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant+Infant|PT+Mono|Neucha|MedievalSharp');
}
#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6, #page-content dt {
font-family: Cormorant+Infant !important;
color: #AB0404;

}
.infobox {
    border: 2px solid #000000;
    border-spacing: 1px;
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: black;
    /* @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;
}

.navbox {                     /* Navbox container style */
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    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;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* 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 */
}

body {
background: url(https://d.radikal.ru/d37/1909/15/395cb304bb35.jpg) no-repeat center center fixed; 
max-width: 100%;
height: auto;
}



.navbox .navbar {
	display:none;
        
}

.mw-content-ltr {
background: white;
padding: 15px;
}