MediaWiki:Fandomdesktop.css

/* Пере- и определение переменных */
:root {
        --value: #EAEAEA;
        --title-img: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/b/b9/Title-back.png);
        --header-img: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/3/39/Header-back.png);
        --label-img: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/7/7d/Bg_repeat_gray.png);
}

.theme-fandomdesktop-dark {
        --value: var(--theme-page-background-color--secondary);
}

/************************ Инфобокс ************************/

.portable-infobox {
	width: 300px;
	border:1px solid #000;
}
.portable-infobox .pi-item-spacing {
	padding: 0;
}
.portable-infobox .pi-image-thumbnail {
	width: 100%;
	max-width: 300px;
	height: auto;
}
.portable-infobox .pi-background {
	background-color: transparent;
}
.portable-infobox .pi-secondary-background {
	background-image: var(--header-img);
	background-repeat: no-repeat;
	background-position: left;
	color: #000;
}
.page-content .portable-infobox .pi-title {
	background-image: var(--title-img);
	background-repeat: no-repeat;
	background-position: right;
	line-height: 23px;
	font-size: 18px;
}
.page-content .portable-infobox .pi-title, 
.page-content .portable-infobox .pi-header {
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1px;
	padding: 3px 0;
}
.portable-infobox .pi-data {
	background: var(--value);
        color: var(--theme-page-text-color);
}
.portable-infobox .pi-data-label {
	background-image: var(--label-img);
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 10px;
	color: #000;
}
.portable-infobox .pi-data-value {
	line-height: 26px;
	padding: 0;
	border: none;
        color: var(--theme-page-text-color);
}
.portable-infobox .pi-data-value:not(:first-child) {
	padding-left: 10px;
}
.portable-infobox .pi-group {
	margin-bottom: 1px !important;
	border: none;
}
.portable-infobox .center {
	text-align:center;
}
.portable-infobox .wds-tabs {
    justify-content: center;
    flex-wrap: wrap;
}
.portable-infobox .wds-tabs__wrapper.right-arrow-visible .wds-tabs {
    -webkit-mask-image: none;
}
.portable-infobox ul.pi-image-collection-tabs {
	font-size: 12px;
}
.portable-infobox ul.pi-image-collection-tabs li {
	border: 0;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link:after {
	content: "|";
	color: #3d3d3d;
	font-weight: bold;
	width: 1em;
	padding-right: 3px;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link:last-child:after {
	content: none;
}
.portable-infobox .pi-image-collection-tabs li.current {
	background: transparent;
}

/************************************************************/

/************************ Цвет ника ************************/

.Wall .edited-by > a.subtle[href$="LGBTDog"]:after,
.comments li[data-user="LGBTDog"] .edited-by:after {
	content: "Администратор";
    color: red;
    background-color: rgba(16, 34, 46, 1);
    border-radius: 5px;
    padding: 5px 5px;
    margin-left: 5px;
    font-size: 1.1em;
    font-weight: bold;
}
a[href$="LGBTDog"],
a[href$="/LGBTDog"],
a[href$=":LGBTDog"] {
	font-size: 1.1em;
	text-decoration: none;
	color: red !important;
	text-shadow: 0.5px 0.5px 0 black;
}
a[href$="LGBTDog"]:hover,
a[href$="/LGBTDog"]:hover {
	color: gold !important;
	text-shadow: 1px 1px 0 black;
}

a[href$="ChickenLasagna"] {
    color: #9C5831 !important;
    font-weight: bold !important;
}

a[href$="/Yersouls "],
a[href$=":Yersouls"], a[href$="Special:Contributions/Yersouls"] {
    color: #7458C1!important;
    font-weight: bold !important;
    text-shadow: 0px 0px 6px !important;
}

/* Модераторы  */
a[href$="/Mefuno"],
a[href$=":Mefuno"], a[href$="Special:Contributions/Mefuno"] {
    color: mediumseagreen !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 6px !important;
}

.Wall .edited-by > a.subtle[href$="Mefuno"]:after,
.comments li[data-user="Mefuno"] .edited-by:after {
	content: "Модератор Контента";
    color: lime;
    background-color: rgba(16, 34, 46, 1);
    border-radius: 5px;
    padding: 5px 5px;
    margin-left: 5px;
    font-size: 1.1em;
    font-weight: bold;
}    

/************************************************************/

/****************** Сообщение приветствия ******************/

.style_welcome-message1 {
	background:transparent;
	width:100%;
	color:#000;
	margin:1em auto 1em auto;
	border:3px dashed crimson;
	border-radius:8px;
}
.style_welcome-message2 {
    position:relative;
    height:30px;
    background: crimson;
    border-radius:5px;
    -moz-border-radius: 0.4em;
    overflow: hidden;
}
.style_welcome-message2:after {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: right;
	width:100%;
	height:35px;
	top:0;
	right:0;
	opacity: .3;
}
.style_welcome-message2:before {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: right;
	transform: scale(-1, 1);
	width:100%;
	height:35px;
	top:0;
	left:0;
	opacity: .3;
}
.style_welcome-message3, .style_welcome-message4 {
    padding:5px 20px;
	background-image: url(https://kimetsu.com/assets/img/news/bg_repeat_gray.jpg);
	background-size: 50%;
	background-position: center;
}

/************************************************************/

/********************* Стиль заглавной *********************/

.style_mainpage {
    background: #edf7fb url(https://kimetsu.com/assets/img/news/bg_repeat_gray.jpg) repeat;
    padding: 10px 15px;
    margin-left:8px;
    margin-bottom:10px;
    border: 1px solid crimson;
    border-spacing: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    color: black;
    overflow: hidden;
}

/*********** Первый ************/

.style_mainpage1 {
	position:relative;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_bg.jpg);
	background-position: center center !important;
	width:100%;
	height:50px;
	border:1px solid #000;
	box-shadow: 2px 4px 4px black, -2px 4px 4px black;
	display: flex;
	font-weight: bold;
	font-size: 20px;
	color:crimson;
	text-align: center;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.style_mainpage1:after,
.style_mainpage1:before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	width:100%;
	height:50px;
}
.style_mainpage1:after {
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-position: left;
}
.style_mainpage1:before {
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_r.png);
	background-position: right;
}
/*******************************/
/*********** Второй ************/

.style_mainpage2 {
	position:relative;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_bg.jpg);
	background-position: center center !important;
	width:100%;
	height:40px;
	margin-left:5px;
    margin-right:5px;
	border:1px solid #000;
	box-shadow: 2px 4px 4px black, -2px 4px 4px black;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.style_mainpage2:after {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: left;
	width:100%;
	height:40px;
	top:0;
	right:50px;
}
.style_mainpage2:before {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: right;
	width:100%;
	height:40px;
	top:0;
	right:20px;
}
.style_mainpage2 span {
    position: absolute;
    width:100%;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color:crimson;
    z-index: 10;
}

/*******************************/
/*********** Третий ************/

.style_mainpage3 {
	position:relative;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_bg.jpg);
	background-position: center center !important;
	width:100%;
	height:30px;
	border:1px solid #000;
	box-shadow: 2px 4px 4px black, -2px 4px 4px black;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.style_mainpage3:after {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: left;
	transform: scale(1, -1);
	width:100%;
	height:30px;
	top:0;
	right:50px;
}
.style_mainpage3:before {
	content: "";
	position: absolute;
	background-image: url(https://kimetsu.com/assets/img/menu/pc/menu_flower_l.png);
	background-repeat: no-repeat;
	background-size: 120px;
	background-position: right;
	transform: scale(-1, 1);
	width:100%;
	height:30px;
	top:0;
	left:230px;
}
.style_mainpage3 span {
    position: absolute;
    width:100%;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color:crimson;
    z-index: 10;
}

/*******************************/

/*************** Стиль заглавной - Персонажи ***************/

.style_char {
background: #edf7fb url(https://kimetsu.com/assets/img/news/bg_repeat_gray.jpg) repeat;
width:100%;
height:auto;
margin-top:30px;
margin-bottom:30px;
border: 1px solid crimson;
border-spacing: 0;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
cursor: pointer;
}
.style_char .style_char1 {
background: crimson;
background-image: url(https://kimetsu.com/assets/img/news/bg_repeat_gray.jpg);
background-repeat:no-repeat;
background-position: top;
background-size: 130%;
width:16%;
height:290px;
margin-bottom: -6px;
display: inline-block;
overflow: hidden;
transform: scale(1, 1);
}
.style_char .style_char1:first-child {
margin-left:4px;
transform: scale(-1, 1);
}
.style_char .style_char2 {
background-repeat:no-repeat;
width:100%;
height:290px;
display: block;
}
.style_char:hover .style_char1,
.style_char:hover .style_char2 {
opacity: .4;
}
.style_char:hover .style_char1:hover,
.style_char:hover .style_char2:hover {
opacity: 1;
transform: scale(1.1);
}
.style_char .style_char2:after {
content: "";
position: absolute;
background-image: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/b/b9/Title-back.png);
background-repeat:no-repeat;
background-position: right;
background-size: 150%;
color: black;
width: 100%;
height:35.5px;
bottom:30px;
text-align: center;
line-height:1;
font-size:75%;
font-weight: bold;
text-shadow: 0 0 2px white;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
transition: .1s;
}
.style_char:hover .style_char2:hover:after {
opacity: .9;
}
.style_char:hover #style_char_block1:hover:after {
content: "Иноске Хашибира";
}
.style_char:hover #style_char_block2:hover:after {
content: "Зеницу Агацума";
}
.style_char:hover #style_char_block3:hover:after {
content: "Незуко Камадо";
}
.style_char:hover #style_char_block4:hover:after {
content: "Танджиро Камадо";
}
.style_char:hover #style_char_block5:hover:after {
content: "Гию Томиока";
}
.style_char:hover #style_char_block6:hover:after {
content: "Музан Кибуцуджи";
}
#style_char_block1 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/9/94/Inosuke_anime_design.png/revision/latest?cb=20190526144228&path-prefix=ru);
background-position: -80px -20px;
background-size: 240%;
}
#style_char_block2 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/e/e0/Zenitsu_anime_design.png/revision/latest?cb=20190523134359&path-prefix=ru);
background-position: -110px -70px;
background-size: 290%;
}
#style_char_block3 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/2/2f/Nezuko_anime_design.png/revision/latest?cb=20190522101557&path-prefix=ru);
background-position: -85px 20px;
background-size: 260%;
}
#style_char_block4 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/5/5f/Tanjirou_anime_design.png/revision/latest?cb=20190522065901&path-prefix=ru);
background-position: -140px -110px;
background-size: 330%;
}
#style_char_block5 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/8/83/Giyuu_anime_design.png/revision/latest?cb=20190526135743&path-prefix=ru);
background-position: -100px 10px;
background-size: 280%;
}
#style_char_block6 {
background-image:url(https://vignette.wikia.nocookie.net/kimetsunoyaiba/images/3/3d/Muzan_manga.png/revision/latest?cb=20190526123228&path-prefix=ru);
background-position: -50px 30px;
background-size: 170%;
}

/*******************************/


/*************** Заглавная - фотка ***************/
.wds-community-header__wordmark img:hover {
     -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
}     
/*******************************/

/* Profiles */
.pi-europa .pi-image-collection-tabs {
    text-align: center;
}
#wmDiv img {
    max-width:100%;
}
 
.tabbernav {
    font-family:Last Ninja!important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 4px Solid #900C3F !important;
    padding: 0.2em 0 !important;
}
.tabbernav a {
    padding: 0.2em 0.4em !important;
    margin: 0 !important;
    color: #900C3F !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: rgb(214, 180, 121) !important;
}
.tabbernav :not(.tabberactive) a:hover {
    color: rgba(214, 180, 121, 1) !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}
 
.tabbig .tabbernav {
    font-family: inherit!important;
    font-weight: normal !important;
    font-size: 15px !important;
    border-bottom: 4px solid #5e111f !important;
    padding: 0.1em 0 !important;
}
.tabbig .tabbernav a {
    padding: 0.2em 0.6em !important;
    margin: 0 !important;
    color: #5e111f !important;
    border: none !important;
    background: transparent !important;
}
.tabbig .tabberactive a {
    color: rgb(214, 180, 121) !important;
    background: #5e111f !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tabbig .tabbernav :not(.tabberactive) a:hover {
    color: rgba(214, 180, 121, 1) !important;
    background: #900C3F !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tabbig .tabbertab {
    border: none !important;
    padding: 0 !important;
}
.UserProfileMasthead .masthead-info {
    background: url('https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/d/d9/Masthead_right.png') no-repeat bottom right;
    background-color: #d9d4cc;
    color: #000000;
}
 
.pollAnswerVotes {
    width: 95%!important;
}