Template:Box: Difference between revisions
No edit summary |
No edit summary |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color| | <div class="{{{class|}}}" style="display: block; box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color|var(--background-color-base)}}}; {{{style|}}};"> | ||
<!-- | <!-- Title Box --> | ||
<div style="background: {{{background-title-color| | <div style="background: {{{background-title-color|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center|}}}|justify-content: space-between;}}"> | ||
{{#if:{{{icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: | <!-- Icon --> | ||
<div style="color: {{{title-color| | {{#if:{{{icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50pxm;">[[File:{{{icon}}}|50px|left|link=|alt=]]</span> }} | ||
<!-- Title --> | |||
<div style="color: {{{title-color|var(--color-base)}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div> | |||
<!-- Link --> | |||
{{#if:{{{link|}}}|<div style="float: right; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|var(--color-progressive)}}}}}};">{{{Link-text|{{{link-text|Link}}}}}}</span>]]</div>}} | |||
<!-- Trailing Icon --> | |||
{{#if:{{{trailing-icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}|50px|left|link=|alt=]]</span> }} | {{#if:{{{trailing-icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}|50px|left|link=|alt=]]</span> }} | ||
</div> | </div> | ||
<!-- | <!-- Content Box --> | ||
<div style="padding: 1em; padding-left: 1em;"> | <div style="padding: 1em; padding-left: 1em; color: var(--color-base);"> | ||
<!---->{{{content}}}{{clr}} | <!---->{{{content}}}{{clr}} | ||
</div> | </div> | ||
| Line 46: | Line 49: | ||
"title-color": { | "title-color": { | ||
"label": "Title color", | "label": "Title color", | ||
"description": " | "description": "CSS color of the title text.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": " | "default": "var(--color-base)" | ||
}, | }, | ||
"style": { | "style": { | ||
| Line 58: | Line 61: | ||
"link-color": { | "link-color": { | ||
"label": "Link color", | "label": "Link color", | ||
"description": " | "description": "CSS color of the 'Edit' link.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": " | "default": "var(--color-progressive)" | ||
}, | }, | ||
"background-title-color": { | "background-title-color": { | ||
"label": "Title background color", | "label": "Title background color", | ||
"description": " | "description": "CSS color of the title bar background.", | ||
"example": "#447FF5", | "example": "#447FF5", | ||
"type": "string", | "type": "string", | ||
"default": " | "default": "var(--background-color-base)", | ||
"suggested": true | "suggested": true | ||
}, | }, | ||
"background-content-color": { | "background-content-color": { | ||
"label": "Content background color", | "label": "Content background color", | ||
"description": " | "description": "CSS color of the box content background.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": " | "default": "var(--background-color-base)" | ||
}, | }, | ||
"Link-text": { | "Link-text": { | ||
| Line 103: | Line 106: | ||
"description": "An icon to display after, rather than before, the title.", | "description": "An icon to display after, rather than before, the title.", | ||
"type": "wiki-file-name" | "type": "wiki-file-name" | ||
}, | |||
"class": { | |||
"label": "Class", | |||
"description": "CSS classes to apply to the box.", | |||
"type": "string", | |||
"suggestedvalues": [ | |||
"ambox", | |||
"hatnote", | |||
"dablink", | |||
"side-box" | |||
] | |||
} | } | ||
}, | }, | ||
| Line 122: | Line 136: | ||
"title-color-hover", | "title-color-hover", | ||
"flex", | "flex", | ||
"center" | "center", | ||
"class" | |||
], | ], | ||
"format": "block" | "format": "block" | ||