Template:Available: Difference between revisions
Jump to navigation
Jump to search
m (Brighter background and darker font) |
m (Reduced thickness of the dotted border... is intended to look weird on purpose to promote completionism and OCD but the previous settings was excesivelly annoying to the eye... is tricky to ballence the weirdness :) |
||
| Line 5: | Line 5: | ||
-->|<!-- else (TABLE MODE) --> | -->|<!-- else (TABLE MODE) --> | ||
class="nowrap" style="background:#c8c8c8; outline: | class="nowrap" style="background:#c8c8c8; outline:1px dotted #606060; outline-offset:-2px; text-align:center; font-weight:bold; line-height:0.5em; color:#606060; cursor:help;" data-sort-value="8" title="{{Compatibility Tags Descriptions|availableShort}}" {{!}} <span style="display:inline-block;">Available</span><br><span style="display:inline-block; padding-top:3px;"><small>(but untested)</small></span><!-- | ||
-->}}<!-- if ends --><noinclude> | -->}}<!-- if ends --><noinclude> | ||
Revision as of 18:55, 11 October 2021
class="nowrap" style="background:#c8c8c8; outline:1px dotted #606060; outline-offset:-2px; text-align:center; font-weight:bold; line-height:0.5em; color:#606060; cursor:help;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available
(but untested)
Examples
| class="nowrap" style="background:#c8c8c8; outline:1px dotted #606060; outline-offset:-2px; text-align:center; font-weight:bold; line-height:0.5em; color:#606060; cursor:help;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available (but untested) |
{{available}} Inside a table, default alignment |
| Available(untested) | {{available|text}} Inline |
Notes
- The colors of Available(untested) 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(untested) 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(untested) and Not Available represents a "undefined compatibility" and has been choosen following some rules: