Template:Available: Difference between revisions
Jump to navigation
Jump to search
(this was a placeholder to play around) |
No edit summary |
||
| Line 3: | Line 3: | ||
-->|<!-- if parameter 1 exists (INLINE MODE) | -->|<!-- if parameter 1 exists (INLINE MODE) | ||
--><span style="<!-- | --><span style="<!-- | ||
-->text-align:center;<!-- | -->text-align:center;<!-- | ||
-->background:#bbb;<!-- | -->background:#bbb;<!-- | ||
-->color:#888;<!-- | -->color:#888;<!-- | ||
-->box-shadow:<!-- | -->display:inline-block;<!-- container | ||
-->inset 2px 4px 6px rgba(255,255,255,0.3),<!-- | -->width:8.5em;<!-- container width, dependant of font size | ||
-->inset -2px -4px 6px rgba(0,0,0,0.2),<!-- | -->line-height:1.4em;<!-- container height, dependant of font size | ||
-->1px 1px 2px rgba(0,0,0,0.4);<!-- | -->border-radius:0.4em;<!-- container radius, dependant of font size | ||
-->box-shadow:<!-- | |||
-->inset 2px 4px 6px rgba(255,255,255,0.3),<!-- internal white shadow | |||
-->inset -2px -4px 6px rgba(0,0,0,0.2),<!-- internal black shadow | |||
-->1px 1px 2px rgba(0,0,0,0.4);<!-- external black shadow | |||
-->border:<!-- | -->border:<!-- | ||
-->1px outset rgba(127,127,127,0.5);<!-- | -->1px outset rgba(127,127,127,0.5);<!-- container grey border | ||
-->"<!-- | -->"<!-- | ||
-->title="{{{1|}}}"><!-- | -->title="{{{1|}}}"><!-- | ||
| Line 22: | Line 22: | ||
-->|<!-- else (TABLE MODE) | -->|<!-- else (TABLE MODE) | ||
-->style="<!-- | -->style="<!-- | ||
-->text-align:center;<!-- | -->text-align:center;<!-- | ||
-->background:#bbb;<!-- | -->background:#bbb;<!-- | ||
-->color:#888;<!-- | -->color:#888;<!-- | ||
-->cursor:help<!-- | -->cursor:help<!-- | ||
-->"<!-- | -->"<!-- | ||
-->data-sort-value="8"<!-- | -->data-sort-value="8"<!-- | ||
Revision as of 07:45, 4 June 2023
style="text-align:center;background:#bbb;color:#888;cursor:help"data-sort-value="8"title="Released for this region, but nobody tested it."|Available
Examples
| Available | {{available}} Inside a table, default alignment |
| Available | {{available|text}} Inline |
Notes
- The colors of Available and Not Available represents a "undefined compatibility" and has been choosen following some rules:
- Are 3 colors in total (2 background colors, and 1 font color common for both) in grey tones
- The background color of Not Available is darker than Available because is considered the worst compatibility
- The font color needs to preserve the readability when is displayed on top of both backgrounds, so is darkest than the backgrounds
- The colors of Available and Not Available represents a "undefined compatibility" and has been choosen following some rules: