Шаблон:RoleCollapsibleBox - История изменений

Kemran2933 в 16:04, 29 сентября 2026

2026-09-29T16:04:50Z

← Предыдущая версия		Версия от 16:04, 29 сентября 2026
Строка 1:		Строка 1:
	{{#css:		{{#css:
	.role-box {		.ss220-role.tabs-togglebox {display:block; box-sizing:border-box; width:100%; max-width:100%; margin:8px 0; border:1px solid #2b3139; border-radius:8px; overflow:hidden; background:#191f26; color:#c5c9ce;}
	width: 100%;		.ss220-role.tabs-togglebox > .tabs-container {position:relative; display:grid; border:0; padding:0; background:transparent;}
	}
	.role-~~box~~-~~header~~ {		.ss220-role.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; top:0; left:0; width:100%; height:104px; margin:0; padding:0; opacity:0; z-index:2; cursor:pointer;}
	~~text~~-align: ~~left~~;		.ss220-role.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:flex-end; gap:10px; box-sizing:border-box; width:100%; min-height:104px; margin:0; padding:6px 12px; border:0; border-radius:0; background:transparent; color:inherit; font:400 16px/1.3 Roboto,Arial,sans-serif; cursor:pointer; user-select:none;}
	border-bottom: ~~2px~~ solid ~~#3e5774~~;		.ss220-role .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;}
	}		.ss220-role .tabs-input:checked + .tabs-label::before {transform:rotate(45deg);}
	.role-box-content {		.ss220-role.tabs-togglebox .tabs-input:checked + .tabs-label .tabs-open, .ss220-role .tabs-label .tabs-open {display:inline !important;}
	~~padding~~: ~~14px 16px~~;		.ss220-role .tabs-label .tabs-close {display:none;}
	~~color~~: #~~d5dce5~~;		.ss220-role .tabs-input:focus + .tabs-label {outline:none; box-shadow:none;}
	line-height: 1.55;		.ss220-role.tabs-togglebox > .tabs-container > .tabs-content {display:grid; grid-template-rows:0fr; min-height:0; height:auto; max-height:none; overflow:hidden; margin:0; padding:0; border:0; opacity:0; visibility:hidden; transition:grid-template-rows .25s ease, opacity .25s ease, visibility .25s ease;}
	}		.ss220-role.tabs-togglebox > .tabs-container > .tabs-input:checked ~ .tabs-content {grid-template-rows:1fr; opacity:1; visibility:visible;}
	.role-~~header~~ {		.ss220-role .ss220-role-body {min-height:0; overflow:hidden;}
	~~padding~~: 0 ~~2px~~;		.ss220-role .ss220-role-inner {border-top:2px solid #405a75; padding:14px 16px; line-height:1.55;}
	display: flex;		.ss220-role .tabs-label::before {margin-bottom:8px;}
	align-items: flex-end;		.ss220-role-shell {position:relative; width:100%; margin:8px 0;}
	gap: 10px;		.ss220-role-shell > .role-header {position:absolute; top:6px; left:36px; max-width:calc(100% - 48px); height:92px; display:flex; align-items:flex-end; gap:10px; z-index:3;}
	}		.ss220-role.tabs-togglebox {margin:0;}
	.role-~~header-title~~ {		.ss220-role .tabs-label .tabs-open {color:transparent; font-size:0;}
	~~display~~: ~~flex~~;		.ss220-role-shell > .role-header .role-title {font-size:1.8em; font-weight:400;}
	~~flex~~-~~direction~~: ~~column~~;		.ss220-role-shell > .role-header a {position:relative; }
	~~justify~~-~~content~~: ~~flex-end~~;		.ss220-role .role-section-title {color:#fff; font-weight:600; font-size:1.05em; border-bottom:2px solid #3e5774; margin-top:16px; margin-bottom:1px;}
	~~height: 92px;~~		.ss220-role .role-section-title:first-child {margin-top:0;}
	}		@media (prefers-reduced-motion:reduce) {.ss220-role.tabs-togglebox > .tabs-container, .ss220-role.tabs-togglebox > .tabs-container > .tabs-content, .ss220-role .tabs-label::before {transition:none;}
	.role-title {
	font-size: 1.8em;
	font-weight: 400;
	}
	.role-section-title {
	color: #fff;
	font-weight: 600;
	font-size: 1.05em;
	border-bottom: ~~2.3px~~ solid #3e5774;
	~~padding~~-bottom: ~~0px~~;
	margin-top: ~~16px~~;
	~~margin~~-~~bottom~~: ~~1px~~;
	}		}
	}}		}}
			<div class="ss220-role-shell">
	~~{\| role="presentation"~~ class="mw-~~collapsible mw-collapsed~~ role-~~box~~"		<div class="role-header">{{#if:{{{иконка\|}}}\|[[File:{{{иконка}}}\|92x92px\|link={{{ссылка\|}}}]]}}<span class="role-title">{{#if:{{{ссылка\|}}}\|[[{{{ссылка}}}\|{{{название\|Роль}}}]]\|{{{название\|Роль}}}}}</span></div>
	\|-		{{#tag:tab\|
	~~! class="role-box-header" \|~~		<div class="ss220-role-body"><div class="ss220-role-inner">
	<div class="role-header">		{{{содержание\|}}}
	{{#if:{{{иконка\|}}}\|[[File:{{{иконка}}}\|92x92px~~{{#if:{{{ссылка\|}}}~~\|~~{{!}}~~link={{{ссылка}}}}}]]}}		</div></div>
	~~<div class="role-header-title">~~		\|class=ss220-role
	<~~div~~ class="role-title">{{#if:{{{ссылка\|}}}\|[[{{{ссылка}}}\|{{{название}}}]]\|{{{название}}}}}</div>		\|name={{{название\|Роль}}}
	</div>		\|collapsed=collapsed
			}}
	</div>		</div>
	\|-
	~~\| class="role-box-content" \|~~
	~~{{{содержание}}}~~
	\|}

Kemran2933 в 15:55, 22 августа 2026

2026-08-22T15:55:23Z

← Предыдущая версия		Версия от 15:55, 22 августа 2026
Строка 33:		Строка 33:
	font-size: 1.05em;		font-size: 1.05em;
	border-bottom: 2.3px solid #3e5774;		border-bottom: 2.3px solid #3e5774;
	padding-bottom: ~~-px~~;		padding-bottom: 0px;
	margin-top: 16px;		margin-top: 16px;
	margin-bottom: 1px;		margin-bottom: 1px;

Kemran2933 в 15:54, 22 августа 2026

2026-08-22T15:54:54Z

← Предыдущая версия		Версия от 15:54, 22 августа 2026
Строка 32:		Строка 32:
	font-weight: 600;		font-weight: 600;
	font-size: 1.05em;		font-size: 1.05em;
	border-bottom: 1.~~8px~~ solid #3e5774;		border-bottom: 2.3px solid #3e5774;
	padding-bottom: ~~2px~~;		padding-bottom: -px;
	margin-top: 16px;		margin-top: 16px;
	margin-bottom: ~~5px~~;		margin-bottom: 1px;
	}		}
	}}		}}

Kemran2933 в 15:54, 22 августа 2026

2026-08-22T15:54:09Z

← Предыдущая версия		Версия от 15:54, 22 августа 2026
Строка 33:		Строка 33:
	font-size: 1.05em;		font-size: 1.05em;
	border-bottom: 1.8px solid #3e5774;		border-bottom: 1.8px solid #3e5774;
	padding-bottom: ~~5px~~;		padding-bottom: 2px;
	margin-top: 16px;		margin-top: 16px;
	margin-bottom: ~~7px~~;		margin-bottom: 5px;
	}		}
	}}		}}

Kemran2933: Отмена версии 14849, сделанной Kemran2933 (обсуждение)

2026-08-22T15:53:50Z

Отмена версии 14849, сделанной Kemran2933 (обсуждение)

← Предыдущая версия		Версия от 15:53, 22 августа 2026
Строка 34:		Строка 34:
	border-bottom: 1.8px solid #3e5774;		border-bottom: 1.8px solid #3e5774;
	padding-bottom: 5px;		padding-bottom: 5px;
	margin: 0;		margin-top: 16px;
			margin-bottom: 7px;
	}		}
	}}		}}

Kemran2933 в 15:52, 22 августа 2026

2026-08-22T15:52:20Z

← Предыдущая версия		Версия от 15:52, 22 августа 2026
Строка 34:		Строка 34:
	border-bottom: 1.8px solid #3e5774;		border-bottom: 1.8px solid #3e5774;
	padding-bottom: 5px;		padding-bottom: 5px;
	margin~~-top~~: ~~16px;~~		margin: 0;
	~~margin-bottom: 7px~~;
	}		}
	}}		}}

Kemran2933 в 14:56, 22 августа 2026

2026-08-22T14:56:36Z

← Предыдущая версия		Версия от 14:56, 22 августа 2026
Строка 43:		Строка 43:
	! class="role-box-header" \|		! class="role-box-header" \|
	<div class="role-header">		<div class="role-header">
	[[File:{{{иконка}}}\|92x92px\|link={{{ссылка}}}]]		{{#if:{{{иконка\|}}}\|[[File:{{{иконка}}}\|92x92px{{#if:{{{ссылка\|}}}\|{{!}}link={{{ссылка}}}}}]]}}
	<div class="role-header-title">		<div class="role-header-title">
	<div class="role-title">[[{{{ссылка}}}\|{{{название}}}]]</div>		<div class="role-title">{{#if:{{{ссылка\|}}}\|[[{{{ссылка}}}\|{{{название}}}]]\|{{{название}}}}}</div>
	</div>		</div>
	</div>		</div>

Kemran2933 в 14:38, 22 августа 2026

2026-08-22T14:38:47Z

← Предыдущая версия		Версия от 14:38, 22 августа 2026
Строка 45:		Строка 45:
	[[File:{{{иконка}}}\|92x92px\|link={{{ссылка}}}]]		[[File:{{{иконка}}}\|92x92px\|link={{{ссылка}}}]]
	<div class="role-header-title">		<div class="role-header-title">
	<div class="role-title">{{{название}}}</div>		<div class="role-title">[[{{{ссылка}}}\|{{{название}}}]]</div>
	</div>		</div>
	</div>		</div>

Kemran2933 в 14:34, 22 августа 2026

2026-08-22T14:34:11Z

← Предыдущая версия		Версия от 14:34, 22 августа 2026
Строка 43:		Строка 43:
	! class="role-box-header" \|		! class="role-box-header" \|
	<div class="role-header">		<div class="role-header">
	[[File:{{{иконка}}}\|92x92px\|link={{{ссылка~~\|{{{название}}~~}}}]]		[[File:{{{иконка}}}\|92x92px\|link={{{ссылка}}}]]
	<div class="role-header-title">		<div class="role-header-title">
	<div class="role-title">~~[[{{{ссылка\|{{{название}}}}}\|~~{{{название}}}]]</div>		<div class="role-title">{{{название}}}</div>
	</div>		</div>
	</div>		</div>

Kemran2933: Новая страница: «{{#css: .role-box { width: 100%; } .role-box-header { text-align: left; border-bottom: 2px solid #3e5774; } .role-box-content { padding: 14px 16px; color: #d5dce5; line-height: 1.55; } .role-header { padding: 0 2px; display: flex; align-items: flex-end; gap: 10px; } .role-header-title { display: flex; flex-direction: column; justify-content: flex-end; height: 92px; } .role-title { font-size: 1.8em;...»

2026-08-22T14:08:17Z

Новая страница: «{{#css: .role-box { width: 100%; } .role-box-header { text-align: left; border-bottom: 2px solid #3e5774; } .role-box-content { padding: 14px 16px; color: #d5dce5; line-height: 1.55; } .role-header { padding: 0 2px; display: flex; align-items: flex-end; gap: 10px; } .role-header-title { display: flex; flex-direction: column; justify-content: flex-end; height: 92px; } .role-title { font-size: 1.8em;...»

Новая страница

{{#css:
.role-box {
width: 100%;
}
.role-box-header {
text-align: left;
border-bottom: 2px solid #3e5774;
}
.role-box-content {
padding: 14px 16px;
color: #d5dce5;
line-height: 1.55;
}
.role-header {
padding: 0 2px;
display: flex;
align-items: flex-end;
gap: 10px;
}
.role-header-title {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 92px;
}
.role-title {
font-size: 1.8em;
font-weight: 400;
}
.role-section-title {
color: #fff;
font-weight: 600;
font-size: 1.05em;
border-bottom: 1.8px solid #3e5774;
padding-bottom: 5px;
margin-top: 16px;
margin-bottom: 7px;
}
}}

{| role="presentation" class="mw-collapsible mw-collapsed role-box"
|-
! class="role-box-header" |
<div class="role-header">
[[File:{{{иконка}}}|92x92px|link={{{ссылка|{{{название}}}}}]]
<div class="role-header-title">
<div class="role-title">[[{{{ссылка|{{{название}}}}}|{{{название}}}]]</div>
</div>
</div>
|-
| class="role-box-content" |
{{{содержание}}}
|}