Template:Available: Difference between revisions
Jump to navigation
Jump to search
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 :) |
m ([All modes] Darker background) |
||
| Line 2: | Line 2: | ||
-->|<!-- if parameter 1 exists (INLINE MODE) --> | -->|<!-- if parameter 1 exists (INLINE MODE) --> | ||
<span class="nowrap" style="background:# | <span class="nowrap" style="background:#c0c0c0; box-shadow:inset 2px 4px 6px 0px rgba(255,255,255,0.3), inset -2px -4px 6px 0px rgba(0,0,0,0.2), 1px 1px 2px 1px #cccccc; outline:3px outset rgba(255,255,255,0.2); outline-offset:-3px; color:#606060; display:inline-block; width:8.5em; line-height:1.4em; text-align:center; font-weight:bold; border-radius:0.4em; border:1px outset rgba(127,127,127,0.5); cursor:default;" title="{{{1|}}}">Available<span style="font-size:0.65em; vertical-align:0.1em;">(untested)</span></span><!-- | ||
-->|<!-- else (TABLE MODE) --> | -->|<!-- else (TABLE MODE) --> | ||
class="nowrap" style="background:# | class="nowrap" style="background:#c0c0c0; 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:20, 13 October 2021
class="nowrap" style="background:#c0c0c0; 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:#c0c0c0; 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: