MediaWiki:Common.css

/** Размещённый здесь CSS будет применяться ко всем темам оформления*/
@import "/ru/load.php?mode=articles&only=styles&articles=MediaWiki:Infoboxes.css|MediaWiki:Tabber.css|MediaWiki:HomePage.css|MediaWiki:Tables.css|MediaWiki:AttackModes.css|MediaWiki:Addl.css|MediaWiki:Tooltips.css|MediaWiki:Discord.css|MediaWiki:Mbox.css|MediaWiki:Navboxes.css|u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css|u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles";
/*Импортированные стили:
локальные css:
	Прочие стили					MediaWiki:Addl.css
	Стиль режимов атаки у существ	MediaWiki:AttackModes.css
	Стиль виджета Discord-а			MediaWiki:Discord.css
	Стиль главной страниы			MediaWiki:HomePage.css
	Стили модульных инфобоксов		MediaWiki:Infoboxes.css
	Стили шаблона   Mbox            MediaWiki:Mbox.css
	Стили навбоксов					MediaWiki:Navboxes.css
	Стили табберов					MediaWiki:Tabber.css
	Стили таблиц					MediaWiki:Tables.css
	Стили всплывающих подсказок		MediaWiki:Tooltips.css

css с dev.fandom.com: 
	Структура навбоксов     	MediaWiki:Global_Lua_Modules/NavboxBuilder.css 
	Страница свежих правок  	MediaWiki:RecentChangesModern.css  
 */
/*@import "/load.php?mode=articles&articles=u:dev:MediaWiki:RecentChangesModern.css&only=styles";	*/
/* Шрифт заметок */
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
/* Шрифт чего-то */
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap&subset=cyrillic,latin-ext');


/* Шаблон:Mbox */              /*######## Переделать цвета на переменные из темы #########*/
.atom-mbox {
   color: #9E9E90;
   background-color: #454632; 
   border: 1px solid #54553d; 
   padding: 0; 
   margin: 0 0 10px;
   font-size: 11px;
   line-height: 16px; 
   border-collapse: collapse;
}
.atom-mbox + .atom-mbox {
   margin-top: -8px;
}
.atom-mbox th {
   width: 40px;
   text-align: center;
   vertical-align: middle;
   padding: 1px 0 1px 5px;
}
 
.atom-mbox td {
   padding-left: 5px;
   width: 100%;
}
/* фон плашек */

.theme-fandomdesktop-light .atom-mbox {
    background-color: var(--theme-accent-dynamic-color-2);
    border: .5px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
}

/*конец мбоксов*/

/* Шаблон:Документация */
.atom-documentation {
   border-width: 1px;
   margin: 10px 0;
}

.atom-documentation,
.atom-documentation-bar-top,
.atom-documentation-bar-bottom {
   clear: both;
   border-style: solid;
}
 
.atom-documentation-bar-top,
.atom-documentation-bar-bottom,
.atom-documentation-content {
   margin: 0;
}
 
.atom-documentation-bar-top,
.atom-documentation-bar-bottom {
   padding: 5px;
   
}
 
.atom-documentation-bar-top {
   border-width: 0 0 1px 0;

}
 
.atom-documentation-bar-bottom {
   border-width: 1px 0 0 0;
   text-align: right;
}
 
.atom-documentation-links {
   float: right;
   text-align: right;
}
 
.atom-documentation-small {
   font-size: 10px;
}

.atom-documentation-content {
   padding: 10px;
}

.theme-fandomdesktop-dark .atom-documentation,
.theme-fandomdesktop-dark .atom-documentation-bar-top,
.theme-fandomdesktop-dark .atom-documentation-bar-bottom {
   border-color: var(--theme-border-color);
}

.theme-fandomdesktop-dark .atom-documentation-bar-top,
.theme-fandomdesktop-dark .atom-documentation-bar-bottom {
   background: #36351c;
}

.theme-fandomdesktop-light .atom-documentation,
.theme-fandomdesktop-light .atom-documentation-bar-top,
.theme-fandomdesktop-light .atom-documentation-bar-bottom {
    color: black;
	border-color: rgba(86,91,77, 0.5);
}

.theme-fandomdesktop-light .atom-documentation-bar-top,
.theme-fandomdesktop-light .atom-documentation-bar-bottom {
    background: var(--theme-community-header-color);
}
/*конец стилей документации*/
/* ########## Мутные типа колонки. Проверить актуальность ######### */
.col_text {
 	columns: 200px 3;
    column-gap: 30px;
  	column-rule: 1px solid #000;
  	text-align:left;
  	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

/*----------------------------------------------------------------*/

/* ########## Ещё более мутные типа колонки. Проверить актуальность ######### */
/* Multi-column layouts (MCL) */
    .MCL-2col {
        column-count: 2;
        padding-left: 10px;
    }
    .MCL-3col {
        column-count: 3;
        padding-left: 10px;
    }
    .MCL-2col, .MCL-3col {
        column-gap: 20px;
    }
        /* Styles for when we have less than 1600px to work with */
        @media screen and (max-width:1600px) {
        .MCL-3col {
            column-count: 2;
        }
        }
            /* Styles for when we have less than 1440px to work with */
            @media screen and (max-width:1440px) {
            .MCL-2col {
                column-count: 1
            }
            }
                /* Styles for when we have less than 800px to work with */
                @media screen and (max-width:800px) {
                .MCL-3col {
                    column-count: 1;
                }
                }
/* #############  Склад неотсортированной непонятной фигни ################ */
p.vertical{
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#container {
    display: flex;
    flex-wrap: wrap;
    align-content:stretch;
    text-align:justify;
}
#block_1 {
    border: 1px solid #fff;
width: 59%;
}
#block_2 {
    border: 1px solid #fff;
width: 39%;
}
#block_3 {
    border: 1px solid #fff;
width: 79%;
}
#block_4 {
    border: 1px solid #fff;
width: 19%;
}
#block_5 {
    border: 1px solid #fff;
width: auto;
}

.Wall .timestamp a.username, .Wall .timestamp span.username {
    color: #60b319;
}

.dark_text_2 {
    color: #9e9e90;
}

.out-scroll {
    width: 500px;
    height: 500px;
    margin: 0 25px;
    overflow: hidden;
}
 
.out-scroll-outside {
    width: 520px;
    height: 100%;
    padding-right: 0px;
    overflow-x: hidden;
    overflow-y: scroll; 
}
 
.out-scroll-inside {
    width: 100%;
    margin: 0 0px;
    padding-right: 17px;
}

.atomtooltip {
	width: 100%;
	text-align: center;
	font-size: 100%;
	color: #000;
	background-image: url(https://vignette.wikia.nocookie.net/atom-rpg/images/4/45/Tooltip_board.png/revision/latest?cb=20200617213335&path-prefix=ru);
}

.atomhud {
	width: 700px;
	height: 483px;
	background-image: url(https://vignette.wikia.nocookie.net/atom-rpg/images/b/b5/Packpack.png/revision/latest?cb=20200618142317&format=original&path-prefix=ru);
}