|
|
(No se muestran 6 ediciones intermedias del mismo usuario) |
Línea 1: |
Línea 1: |
| /********* Infobox templates *********/ | | <noinclude> |
| | </noinclude><!-- |
| | --><templatestyles src="Template:Infobox/styles.css" /><!-- |
| | --><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;"><div class="overlay"> |
| | </div>[[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> |
| | }} |
|
| |
|
| /* Common styles for these infobox templates:
| | {{#if:{{{portada|}}}| |
| * [[Template:Drop infobox]]
| | <tr> |
| * [[Template:Item infobox]]
| |
| * [[Template:Npc infobox]]
| |
| * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class)
| |
| */
| |
|
| |
|
| .infobox {
| | <td> |
| border: 1px solid var(--theme-box-border-color);
| | {{#arraymap: {{{portada|}}} |, |x| |
| border-radius: 8px;
| | {{#if: {{#titleparts:x|1}} | <!-- Si la primera parte del token no está vacía --> |
| --padding: 6px;
| | [[{{#titleparts:x|1}}]]{{#ifeq:{{#titleparts:x|2}}| | |}} |
| padding: var(--padding);
| | }} |
| font-size: 12px;
| | }} |
| background-color: var(--theme-box-background);
| | </td> |
| line-height: 1.5;
| | </tr> |
| float: right;
| | }} |
| margin: 0.5em 0 0.5em 1em;
| |
| box-sizing: border-box;
| |
|
| |
|
| * {
| | </table> |
| background: none;
| |
| }
| |
|
| |
|
| &.float {
| | <includeonly> |
| &-right {
| |
| float: right;
| |
| margin: 0.5em 0 0.5em 1em;
| |
| }
| |
|
| |
|
| &-left {
| | [[Categoría:Revistas]] |
| float: left;
| | </includeonly> |
| 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 */
| |