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

Материал из Румайн-вики
мНет описания правки
мНет описания правки
Строка 200: Строка 200:


/* ПЛАШКИ */
/* ПЛАШКИ */
.plate{
display: flex;
align-items: center;
border: 1px solid;
border-radius: 2px;
background-color:var(--plate-background);
border-color: var(--plate-border);
width: 95%;
padding: 0.5em 1em;
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
}
.plate-img{
}
.plate-text{
margin-left: 5px;
}
.plate-text-header{
font-size: 1.2em;
}
.plate-table{
.plate-table{
margin: auto;
margin: auto;
Строка 239: Строка 214:
}
}
.plate-img-td{
.plate-img-td{
padding: 4px;
padding: 8px 6px;
}
.plate-img-td img{
}
}
.plate-header-td{
.plate-header-td{

Версия от 13:25, 9 июня 2024

/* Пока без лого */
#p-logo{
	/*display: none;*/
}

/* ЦВЕТА ДЛЯ ТЕМ */
.skin-citizen-dark,
.skin-citizen-light,
.skin-citizen-auto,
.skin-timeless{
	--link-color: inherit;
	--link-hover-color: inherit;
	--link-self-color: inherit;
	--link-new-color: inherit;
	
	--navbox-color: inherit;
	--navbox-border: inherit;
	--navbox-header-background: inherit;
	--navbox-name-background: inherit;
	--navbox-category-color: inherit;
	
	--quote-border: inherit;
}

/* TIMELESS - СВЕТЛАЯ */
.skin-timeless{
	--pi-background: hsl(210 5% 96% / 1);
	--pi-secondary-background: #eaebec;
	--pi-border-color: rgba(0,0,0,0.08);
	
	--spoiler-header-background: #e8e8e8;
	--spoiler-background: hsl(210 5% 96% / 1);
	--spoiler-border: rgba(0,0,0,0.08);
	
	--plate-background: hsl(210 5% 96% / 1);
	--plate-border: rgba(0,0,0,0.08);
	
	--navbox-border: rgba(0,0,0,0.08);
	--navbox-header-background: #eaebec;
	--navbox-name-background: hsl(210 5% 96% / 1);
	--navbox-color: #111111;
	--navbox-category-color: black;
	
	--link-hover-color: #c79989;
	--link-active-color: #ca7456;
	--link-new-color: #dd3333;
	--quote-border: orange;
	
	--timeless-primary-color: #2966a3;
}

/* CITIZEN - СВЕТЛАЯ И ТЕМНАЯ */
.skin-citizen-light,
.skin-citizen-dark,
.skin-citizen-auto{
	/* --pi-width: 320px; */
	
	/* ВЫЧИСЛЕНИЕ ЦВЕТОВ НА ОСНОВЕ ТЕМЫ */
	--spoiler-header-background: var(--color-surface-1);
	--spoiler-background: var(--color-surface-0);
	--spoiler-border: var(--border-color-base);
	
	--plate-background: var(--color-surface-1);
	--plate-border: var(--border-color-base);
	
	--navbox-border: var(--border-color-base);
	--navbox-header-background: var(--color-surface-1);
	--navbox-name-background: var(--color-surface-2);
	--navbox-color: var(--color-base--emphasized);
	--navbox-category-color: var(--color-base--emphasized);
	
	--quote-border: var(--color-primary);
}


/* ССЫЛКИ */
.skin-citizen-light a:hover,
.skin-citizen-dark a:hover,
.skin-citizen-auto a:hover
{
  text-decoration: none;
}
.skin-timeless a:hover,
.skin-timeless a:visited:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.skin-timeless a:active,
.skin-timeless a:visited:active {
  color: var(--link-active-color);
  text-decoration: none;
}
.skin-timeless a.mw-selflink{
	color: var(--link-self-color);
}
.skin-timeless a.new,
.skin-timeless a.new:visited {
	color:var(--link-new-color);
}

/* ИКОНКИ МЕНЮ */
.skin-citizen-light #n-Известные-юзеры a:before,
.skin-citizen-dark #n-Известные-юзеры a:before,
.skin-citizen-auto #n-Известные-юзеры a:before
{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
    background-image: url(https://ru-minecraft.ru/templates/new2/dleimages/noavatar.png);
    background-size: 24px 24px;
}
.skin-citizen-light #n-Известные-юзеры span,
.skin-citizen-dark #n-Известные-юзеры span,
.skin-citizen-auto #n-Известные-юзеры span
{
	vertical-align: super;
}

.skin-timeless #p-Общество_Румине-label:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
    background-image: url(https://ru-minecraft.ru/templates/new2/dleimages/noavatar.png);
    background-size: 24px 24px;
    margin-right: 4px;
}

/* ЛЕГАСИ */
.squareColor{
	display:inline-block;
	margin-right:5px;
	height:8px;
	width:8px;
	background-color:#FFFFFF;
}
table.collapsed tr.collapsible {
	display: none;
}


/* НАВИБОКСЫ */
.nav-box{
	width: 100%;
	margin: 4px 0;
	
	border: 1px solid;
	border-radius: 2px;
	border-collapse: collapse;
	
	border-color: var(--navbox-border);
	background-color: var(--navbox-background);
}
	.nav-box-header{
		border-radius: 1px;
		border: 1px solid;
		
		text-align: center;
		padding: 4px;
		font-size: 1.25em;
		
		border-color: var(--navbox-border);
		background-color: var(--navbox-header-background);
		color: var(--navbox-category-color);
	}
	.nav-box-name{
		width: 20%;
		border: 1px solid;
		text-align: center;
		padding: 4px;
		font-size: 14px;
		
		background: var(--navbox-name-background);
		border-color: var(--navbox-border);
		color: var(--navbox-category-color);
	}
	.nav-box-list{
		line-height: 2;
		padding: 4px 8px;
		font-size: 14px;
	}
	.nav-box-list p, .nav-box-name p, .nav-box-header p{
		margin-bottom: 1px;
		margin-top: 1px;
	}

/* ИНФОБОКСЫ */
.pi-theme-User .pi-secondary-background,
.pi-theme-User .pi-title {
    text-align:center;
}
.pi-header p{
	margin: 0.5em 0;
}
.pi-layout-default .pi-item .pi-data-value > :not(ul), .portable-infobox .pi-data-value li{
	margin: 1em 0;
}


/* ПЛАШКИ */
	.plate-table{
		margin: auto;
		margin-top: 1em;
		margin-bottom: 1em;
		
		width: 95%;
		border-collapse: collapse;
		border: 1px solid;
		border-radius: 2px;
		
		background-color:var(--plate-background);
		border-color: var(--plate-border);
	}
	.plate-img-td{
		padding: 8px 6px;
	}
	.plate-header-td{
		padding: 0 4px;
		font-size: 1.2em;
		font-weight: 500;
		vertical-align: bottom;
		padding-top: 4px;
	}
	.plate-description-td{
		padding: 0 4px;
		vertical-align: baseline;
		padding-bottom: 4px;
	}

/* СПОЙЛЕР */
.spoiler{
	width: 100%;
	margin: 12px 0;
	border-radius: 2px;
	background-color: var(--spoiler-background);
	border: 1px solid var(--spoiler-border);
	clear: both;
}
	.spoiler-header{
		font-size: 1em;
		padding: 12px;
		background-color: var(--spoiler-header-background);
		font-weight: 600;
		border-bottom: 1px solid var(--spoiler-border);
	}
	.spoiler-header p{
		margin: 0;
	}
	.spoiler-content{
		padding: 10px;
	}
	/*Кнопка развернуть в спойлере по центру */
	.mw-collapsible-toggle{
		margin-top: 0.75em;
		margin-right: 4px;
	}
	
	/* ЦИТАТА */
	.quote{
		border-left: 4px solid;
		border-color: var(--quote-border);
		padding: 0 10px;
		margin: 10px;
	}
	.quote-content{
		padding: 6px 0;
	}


/* ТАБЛИЦА ЧАТОВ */
.table-chates{
    border-collapse: collapse;
}
    .table-chates .tr-add{
        border-top: 1px solid var(--navbox-border);
        border-bottom: 1px solid var(--navbox-border);
    }
    .table-chates .tr-add .td-descr{
        text-align: left;
        vertical-align: text-top;
        font-size:0.9em;
    }
    .table-chates tr:hover{
    }
    .table-chates .tr-add:hover{
    }
    .table-chates th{
        background: var(--navbox-name-background);
        padding: 4px 12px;
    }
    .table-chates td{
        padding: 8px 10px;
        text-align: center;
        color:var(--navbox-category-color);
    }

/* ТАБЛИЦА ПЕРСОНАЖЕЙ ЭПИЗОДОВ */
.skin-timeless .episodes-first, .skin-citizen-light .episodes-first{
	background-color: #caffca;
}
.skin-citizen-dark .episodes-first{
	color: forestgreen;
}
.skin-timeless .episodes-killed, .skin-citizen-light .episodes-killed{
	background-color: #ffcad8;
}
.skin-citizen-dark .episodes-killed{
	color: red;
}