Diferencia entre revisiones de «Plantilla:RevistasCAAD»

Revisión del 19:28 8 jun 2024

/********* Infobox templates *********/

/* Common styles for these infobox templates:

* Template:Drop infobox
* Template:Item infobox
* Template:Npc infobox
* (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class)
*/

.infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box;

* { background: none; }

&.float { &-right { float: right; margin: 0.5em 0 0.5em 1em; }

&-left { float: left; margin: 0.5em 1em 0.5em 0; }

&-none { float: none; margin: 0.5em 1em 0.5em 0; } }

blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto;

&:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; }

div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } }

table { background: none; width: 100%; border-spacing: 0;

th, td { padding: 2px; vertical-align: middle; }

th { white-space: nowrap; text-align: right; width: 5em; } }

> .title, .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; }

> .title { font-size: 15px; padding: 6px 3px; line-height: 1.2;

> .ename, > .namesub { display: block; font-size: 12px; font-style: italic; }

> .namesub { color: var(--theme-text-color-note);

&:before { content: "("; font-style: normal; margin-right: 1px; }

&:after { content: ")"; font-style: normal; margin-left: 1px; }

&.namenote { font-size: 10px; } } }

.content-section { padding: 6px 3px; }

.variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; }

.images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;

img { max-width: 100%; height: auto; } }

ul { list-style: none; margin: auto; text-align: center; }

.section { margin-bottom: 4px;

&:last-child { margin-bottom: 0; }

> .title { &:first-child { + * { margin-top: 4px; }

+ :empty { /* hide empty section contents */ display: none; } }

&:last-child { /* hide titles of empty sections */ display: none; } }

.stat th .gameText { /* revert the "white-space:pre-wrap" in Plantilla:GameText in captions, e.g. in the sound section */ white-space: unset; }

&.buff, &.debuff { table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; }

&:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } }

&.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color);

li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold;

&:last-child { border-bottom: 0; } } } }

tr.buff { th, td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); }

th { border-left: 0; }

td { border-right: 0; padding-left: 3px;

b { font-weight: bold; white-space: nowrap; } } }

.imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color);

.imageothercaption { margin: 0.15em 0 0; } } }

.infobox, .portable-infobox { .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px;

.tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto;

@supports selector(:has(p)) { & { border-color: var(--tags-border-color);

&:has(> a) { border-color: var(--tags-border-color-linked); } } }

a { white-space: nowrap; } } } }

.modetabs { display: flex; padding: 0 4px;

.tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none;

&.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); }

&:hover { text-decoration: underline; } }

.infobox & { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px;

.tab { flex: 1 1 33.33333333%; } } }

/* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); }

.modesbox { &.c-normal { .m-expert, .m-master, .m-expert-master { display: none !important; }

}

&.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color);

.m-normal, .m-master, .m-normal-master { display: none !important; }

}

&.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color);

.m-normal, .m-expert, .m-normal-expert { display: none !important; }

}

&.expertonly, .expertonly { .m-normal { display: none !important; } }

&.masteronly, .masteronly { .m-normal, .m-expert { display: none !important; } } }

/* @import template/infobox/portable_infobox.css */ /* @import template/infobox/item_infobox.css */ /* @import template/infobox/npc_infobox.css */ /* @import template/infobox/drop_infobox.css */ /* @import template/infobox/infobox_wrapper.css */

Anónimo

Buscar

Diferencia entre revisiones de «Plantilla:RevistasCAAD»

Espacios de nombres

Más

Acciones de página

Revisión del 19:28 8 jun 2024

Navegación

Colabora

Categorías

Navegación

Usuarios

Usuarios conectados al chat

Herramientas wiki

Herramientas wiki

@@ Línea 1: / Línea 1: @@
-<noinclude>
+/********* Infobox templates *********/
-</noinclude><!--
---><!--
---><templatestyles src="Template:Skin/styles.css" /><!--
---><templatestyles src="Template:Extension/status.css" /><!--
---><includeonly>
-<table class="infobox infobox-{{dir|{{PAGELANGUAGE}}}} skin-infobox ext-status-{{#switch: {{lc: {{{status|unknown}}} }}
-|unmaintained|unstable|experimental|beta|stable={{{status}}}
-|#default=unknown
-}}">
-<tr class="infobox-header skin-infobox-header" style="text-align:{{dir|{{PAGELANGUAGE}}|right|left}}">
-<th colspan="2" style="text-align:center">
-<span style="font-size: 130%;">
-{{{Titulo|{{PAGENAME}}}}}</span><br />{{{autor|}}} ({{{year|}}})
-</th>
-<tr>
-<td colspan="2" style="text-align: center;">[[Image:{{{imagen}}}|{{{imagesize|220}}}px]]</td>
-</tr>
-{{#if:{{{year|}}}|
-<tr>
-<td style="vertical-align: middle">'''Año'''</td>
-<td>
-[[:Categoría:Anuario_{{{year}}}|{{{year}}}]]
-</td>
-</tr>
-}}
-{{#if:{{{lanzamiento|}}}|
-<tr>
-<td style="vertical-align: middle">'''Meses'''</td>
-<td>
-{{{lanzamiento|}}}
-</td>
-</tr>
-}}
-{{#if:{{{paginas|}}}|
-<tr>
-<td style="vertical-align: middle">'''Págs.'''</td>
-<td>
-{{{paginas|}}}
-</td>
-</tr>
-}}
-{{#if:{{{colaboradores|}}}|
-<tr>
-<td style="vertical-align: middle;">'''Colaboradores'''</td>
-<td>
-{{#arraymap: {{{colaboradores|}}} |, |x|
-  {{#if: {{#titleparts:x|1}} | <!-- Si la primera parte del token no está vacía -->
-    [[{{#titleparts:x|1}}]]{{#ifeq:{{#titleparts:x|2}}| | |}}
-  }}
-}}
-</td>
-</tr>
-}}
-{{#if:{{{portada|}}}|
+/* Common styles for these infobox templates:
-<tr>
+ * [[Template:Drop infobox]]
-<td style="vertical-align: middle;">'''Portada'''</td>
+ * [[Template:Item infobox]]
-<td>
+ * [[Template:Npc infobox]]
-{{#arraymap: {{{portada|}}} |, |x|
+ * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class)
-  {{#if: {{#titleparts:x|1}} | <!-- Si la primera parte del token no está vacía -->
+ */
-    [[{{#titleparts:x|1}}]]{{#ifeq:{{#titleparts:x|2}}| | |}}
-  }}
-}}
-</td>
-</tr>
-}}
-</table>
+.infobox {
+	border: 1px solid var(--theme-box-border-color);
+	border-radius: 8px;
+	--padding: 6px;
+	padding: var(--padding);
+	font-size: 12px;
+	background-color: var(--theme-box-background);
+	line-height: 1.5;
+	float: right;
+	margin: 0.5em 0 0.5em 1em;
+	box-sizing: border-box;
-<includeonly>
+	* {
+		background: none;
+	}
-[[Categoría:Juegos]]
+	&.float {
-</includeonly>
+		&-right {
+			float: right;
+			margin: 0.5em 0 0.5em 1em;
+		}
+		&-left {
+			float: left;
+			margin: 0.5em 1em 0.5em 0;
+		}
+		&-none {
+			float: none;
+			margin: 0.5em 1em 0.5em 0;
+		}
+	}
+	blockquote.quotation {
+		/* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */
+		padding: 0 0.25em;
+		margin: 0.5em auto;
+		&:before {
+			/* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */
+			font-size: 3.5em;
+			left: 0;
+		}
+		div {
+			/* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */
+			padding: 0;
+			margin-left: 2em;
+			border-left: 0;
+		}
+	}
+	table {
+		background: none;
+		width: 100%;
+		border-spacing: 0;
+		th,
+		td {
+			padding: 2px;
+			vertical-align: middle;
+		}
+		th {
+			white-space: nowrap;
+			text-align: right;
+			width: 5em;
+		}
+	}
+	> .title,
+	.section > .title {
+		background: var(--modetabs-background);
+		color: var(--modetabs-text-color);
+		border: 1px solid;
+		border-color: var(--theme-box-border-color-inner);
+		border-radius: var(--theme-box-border-radius-inner);
+		font-weight: bold;
+		text-align: center;
+		padding: 2px 0;
+	}
+	> .title {
+		font-size: 15px;
+		padding: 6px 3px;
+		line-height: 1.2;
+		> .ename,
+		> .namesub {
+			display: block;
+			font-size: 12px;
+			font-style: italic;
+		}
+		> .namesub {
+			color: var(--theme-text-color-note);
+			&:before {
+				content: "(";
+				font-style: normal;
+				margin-right: 1px;
+			}
+			&:after {
+				content: ")";
+				font-style: normal;
+				margin-left: 1px;
+			}
+			&.namenote {
+				font-size: 10px;
+			}
+		}
+	}
+	.content-section {
+		padding: 6px 3px;
+	}
+	.variant {
+		color: var(--modetabs-text-color);
+		font-weight: bold;
+		text-align: center;
+		font-size: 12px;
+		padding: 4px 0;
+		line-height: 1.2;
+		margin-bottom: 2px;
+	}
+	.images {
+		position: relative;
+		padding: 6px 0;
+		min-height: 40px;
+		text-align: center;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		gap: 5px;
+		img {
+			max-width: 100%;
+			height: auto;
+		}
+	}
+	ul {
+		list-style: none;
+		margin: auto;
+		text-align: center;
+	}
+	.section {
+		margin-bottom: 4px;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		> .title {
+			&:first-child {
+				+ * {
+					margin-top: 4px;
+				}
+				+ :empty {
+					/* hide empty section contents */
+					display: none;
+				}
+			}
+			&:last-child {
+				/* hide titles of empty sections */
+				display: none;
+			}
+		}
+		.stat th .gameText {
+			/* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */
+			white-space: unset;
+		}
+		&.buff,
+		&.debuff {
+			table {
+				border-bottom: 1px solid var(--theme-box-border-color);
+				margin-bottom: 0.25em;
+			}
+			&:after {
+				content: "";
+				display: block;
+				height: 4px;
+				margin-top: -7px;
+				background: var(--theme-page-background-color);
+			}
+		}
+		&.ids {
+			border-top: 1px solid var(--theme-box-border-color);
+			text-align: center;
+			font-size: 10.5px;
+			background: var(--modetabs-background);
+			color: var(--modetabs-text-color);
+			li {
+				padding: 2px 0;
+				border-bottom: 2px solid var(--theme-page-background-color);
+				margin: 0;
+				font-weight: bold;
+				&:last-child {
+					border-bottom: 0;
+				}
+			}
+		}
+	}
+	tr.buff {
+		th,
+		td {
+			background: var(--modetabs-background);
+			border: 1px solid var(--modetabs-border-color);
+		}
+		th {
+			border-left: 0;
+		}
+		td {
+			border-right: 0;
+			padding-left: 3px;
+			b {
+				font-weight: bold;
+				white-space: nowrap;
+			}
+		}
+	}
+	.imageother {
+		text-align: center;
+		padding: 6px 0;
+		border-top: 1px solid var(--theme-box-border-color);
+		.imageothercaption {
+			margin: 0.15em 0 0;
+		}
+	}
+}
+.infobox,
+.portable-infobox {
+	.tags {
+		/* tag list */
+		--tags-border-color: rgba(var(--theme-text-color--rgb), 0.4);
+		--tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4);
+		margin-top: -1px;
+		margin-bottom: -1px;
+		.tag {
+			border: 1px solid var(--tags-border-color-linked);
+			display: inline-block;
+			padding: 0 4px;
+			border-radius: 3px;
+			margin: 3px 6px 3px auto;
+			@supports selector(:has(p)) {
+				& {
+					border-color: var(--tags-border-color);
+					&:has(> a) {
+						border-color: var(--tags-border-color-linked);
+					}
+				}
+			}
+			a {
+				white-space: nowrap;
+			}
+		}
+	}
+}
+.modetabs {
+	display: flex;
+	padding: 0 4px;
+	.tab {
+		margin: 0 2px -1px;
+		border-radius: 3px 3px 0 0;
+		background: transparent;
+		padding: 4px 0 3px;
+		text-align: center;
+		font-weight: bold;
+		cursor: pointer;
+		border: 1px solid transparent;
+		border-bottom: none;
+		&.current {
+			background: var(--theme-box-background);
+			border-color: var(--theme-box-border-color);
+		}
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+	.infobox & {
+		border-bottom: 1px solid var(--theme-box-border-color);
+		margin: 6px -6px;
+		.tab {
+			flex: 1 1 33.33333333%;
+		}
+	}
+}
+/* -------------------------------------------------------- */
+/* classic/expert/master mode tabber */
+/* -------------------------------------------------------- */
+.infobox,
+.portable-infobox,
+.infotable {
+	--modetabs-background: var(--theme-modetabs-classic-background);
+	--modetabs-border-color: var(--theme-modetabs-classic-border-color);
+	--modetabs-text-color: var(--theme-modetabs-classic-text-color);
+}
+.modesbox {
+	&.c-normal {
+		.m-expert,
+		.m-master,
+		.m-expert-master {
+			display: none !important;
+		}
+	}
+	&.c-expert {
+		--modetabs-background: var(--theme-modetabs-expert-background);
+		--modetabs-border-color: var(--theme-modetabs-expert-border-color);
+		--modetabs-text-color: var(--theme-modetabs-expert-text-color);
+		.m-normal,
+		.m-master,
+		.m-normal-master {
+			display: none !important;
+		}
+	}
+	&.c-master {
+		--modetabs-background: var(--theme-modetabs-master-background);
+		--modetabs-border-color: var(--theme-modetabs-master-border-color);
+		--modetabs-text-color: var(--theme-modetabs-master-text-color);
+		.m-normal,
+		.m-expert,
+		.m-normal-expert {
+			display: none !important;
+		}
+	}
+	&.expertonly,
+	.expertonly {
+		.m-normal {
+			display: none !important;
+		}
+	}
+	&.masteronly,
+	.masteronly {
+		.m-normal,
+		.m-expert {
+			display: none !important;
+		}
+	}
+}
+/* @import template/infobox/portable_infobox.css */
+/* @import template/infobox/item_infobox.css */
+/* @import template/infobox/npc_infobox.css */
+/* @import template/infobox/drop_infobox.css */
+/* @import template/infobox/infobox_wrapper.css */

Anónimo

Buscar

Diferencia entre revisiones de «Plantilla:RevistasCAAD»

Revisión del 19:28 8 jun 2024

Navegación

Herramientas wiki

Herramientas de página