Template:Created with/layout/doc: Difference between revisions
Template page
More actions
m code instead of tt tag |
rectify Style declarations |
||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
 < Template: {{T0|Created with/layout}}{{Heavily used template|3=+}} |  < Template: {{T0|Created with/layout}}{{Heavily used template|3=+}} | ||
__TOC__ | |||
{{TemplateBox | {{TemplateBox | ||
|1 =logo | |1 =logo | ||
| Line 30: | Line 31: | ||
|5 =style | |5 =style | ||
|5label =attributes | |5label =attributes | ||
|5d = | |5d =[[#Style declarations|CSS style declarations]], to complement the standard declarations | ||
|5type = | |5type = | ||
|5stat =optional- | |5stat =optional- | ||
| Line 48: | Line 49: | ||
|7stat =optional- | |7stat =optional- | ||
|name = {{ | |name = Created with/layout | ||
|desc = One text line {{nobold|in a}} small box{{nobold|, used by several templates:}} | |||
<div style="float:left;padding-right:2em;width:20%">{{nobold|__TOC__}}</div> | <div style="float:left;padding-right:2em;width:20%">{{nobold|__TOC__}}</div> | ||
* {{nobold|{{T0|Created with}}, {{T0|Taken with}}}} | {{smalldiv|1= | ||
* {{nobold|{{T0|Created with}}, {{T0|Taken with}}, {{T0|Scanned with}}}} | |||
* {{nobold|In{{T0|Valid SVG}}}} | * {{nobold|In{{T0|Valid SVG}}}} | ||
* {{nobold|{{T0|Igen/amp}}}} | * {{nobold|{{T0|Igen/amp}}}} | ||
| Line 58: | Line 60: | ||
* {{nobold|{{T0|Attrib}}}} | * {{nobold|{{T0|Attrib}}}} | ||
* {{nobold|{{T0|Commonist}}}} | * {{nobold|{{T0|Commonist}}}} | ||
* {{nobold|{{T0|Projekt Wappen}}, {{T0|Projet Blasons}} and others}} | * {{nobold|{{T0|Projekt Wappen}}, {{T0|Projet Blasons}} and {{C|Created with/layout-templates|many others}}}} | ||
}} {{clr}} | |||
|namespace = file | |namespace = file | ||
|usergroup = all | |usergroup = all | ||
| Line 90: | Line 93: | ||
<br>When a logo name starts with <code>&#;</code>, the following string is used ''as-it-is'' for codepoint displaying. See the examples at the [[Template talk:Created with/layout/doc|talk page]]. | <br>When a logo name starts with <code>&#;</code>, the following string is used ''as-it-is'' for codepoint displaying. See the examples at the [[Template talk:Created with/layout/doc|talk page]]. | ||
== Style | == Style declarations == | ||
Besides the variations with <code>logo</code> and <code>text</code>, a great variety can be got with <code>background</code> colors and mainly with the <code>border</code> styles: | Besides the variations with <code>logo</code> and <code>text</code>, a great variety can be got with <code>background</code> colors and mainly with the <code>border</code> styles: | ||
* margin and padding are to alter with care - it is recommended to ''not modify'' them. The four parameters are for top, right, bottom, left. | * margin and padding are to alter with care - it is recommended to ''not modify'' them. The four parameters are for top, right, bottom, left. | ||
| Line 96: | Line 99: | ||
:* <code>padding</code> e.g. (2px 4px 2px 6px) distance to items within the box; the first and third parameter can alter the height of the box! | :* <code>padding</code> e.g. (2px 4px 2px 6px) distance to items within the box; the first and third parameter can alter the height of the box! | ||
* <code>color</code> (#000) the color of the text | * <code>color</code> (#000) the color of the text | ||
* <code>background</code> (#F8F9FA | * <code>background</code> (by default #F8F9FA, a slightly darker grey to maintain good readability (high contrast with the ''normally black'' text)) | ||
* <code>border</code> (1px solid #BAB) the stroke-width, stroke-style, stroke-color; '''it is recommended to modify only that parameter'''. | * <code>border</code> (1px solid #BAB) the stroke-width, stroke-style, stroke-color; '''it is recommended to modify only that parameter'''. | ||
| Line 102: | Line 105: | ||
Similarly, the '''total height''' of a box equals to <code>margin-top</code> + <code>border-top-width</code> + <code>padding-top</code> + <code>height</code> + <code>padding-bottom</code> + <code>border-bottom-width</code> + <code>margin-bottom</code>. | Similarly, the '''total height''' of a box equals to <code>margin-top</code> + <code>border-top-width</code> + <code>padding-top</code> + <code>height</code> + <code>padding-bottom</code> + <code>border-bottom-width</code> + <code>margin-bottom</code>. | ||
While ''margin'' and ''padding'' can be defined by name (e.g. <code>margin-left</code>, <code>padding-top</code>) '''or''' with one to four single parameters | While ''margin'' and ''padding'' can be defined by name (e.g. <code>margin-left</code>, <code>padding-top</code>) '''or''' with one to four single parameters: | ||
* 1 parameter: all four | * 1 parameter: all four sides | ||
* 2 parameters: top & bottom, right & left | * 2 parameters: top & bottom, right & left | ||
* 3 parameters: top, right & left, bottom | * 3 parameters: top, right & left, bottom | ||
* 4 parameters: top, right, bottom, left | * 4 parameters: top, right, bottom, left | ||
…the ''borders'' and their properties can be specified only either for all four sides, or explicitly by names, e.g. <code>border:1px solid #BAB; border-right-color:#080</code>. | |||
<includeonly> | <includeonly> | ||
[[Category:Created with | [[Category:Created with/layout-templates|*]] | ||
</includeonly> | </includeonly> | ||