Template:Available: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 6: | Line 6: | ||
switch cases: left, right --> | switch cases: left, right --> | ||
| left | | left | ||
| right = class="nowrap" style="background:#d8d8d8; outline:2px dotted #a8a8a8; outline-offset:-4px; text-align:{{{1|}}}; line-height:0.5em; color:#666666;" data-sort-value="8" title="{{Compatibility Tags Descriptions|availableShort}}" {{!}} | | right = class="nowrap" style="background:#d8d8d8; outline:2px dotted #a8a8a8; outline-offset:-4px; text-align:{{{1|}}}; font-weight:bold; line-height:0.5em; color:#666666;" data-sort-value="8" title="{{Compatibility Tags Descriptions|availableShort}}" {{!}} <span style="display:inline-block;">Available</span><br><span style="display:inline-block; padding-top:4px;"><small>(but untested)</small></span><!-- | ||
switch case: default (different than left, right) --> | switch case: default (different than left, right) --> | ||
| #default = <span class="nowrap" style="background:#d8d8d8; 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:#666666; display:inline-block; width:8.5em; line-height:1. | | #default = <span class="nowrap" style="background:#d8d8d8; 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:#666666; 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);" title="{{{1|}}}">Available<span style="font-size:0.65em;">(untested)</span></span><!-- | ||
-->}}<!-- switch ends | -->}}<!-- switch ends | ||
else (parameter 1 doesnt exists)--> | else (parameter 1 doesnt exists)--> | ||
| class="nowrap" style="background:#d8d8d8; color:#666666; text-align:center; line-height:0.5em;" data-sort-value="8" title="{{Compatibility Tags Descriptions|availableShort}}" {{!}} | | class="nowrap" style="background:#d8d8d8; color:#666666; text-align:center; font-weight:bold; line-height:0.5em;" data-sort-value="8" title="{{Compatibility Tags Descriptions|availableShort}}" {{!}} <span style="display:inline-block;">Available</span><br><span style="display:inline-block; padding-top:4px;"><small>(but untested)</small></span><!-- | ||
-->}}<!-- if ends --><noinclude> | -->}}<!-- if ends --><noinclude> | ||
Revision as of 13:08, 7 October 2021
class="nowrap" style="background:#d8d8d8; color:#666666; text-align:center; font-weight:bold; line-height:0.5em;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available
(but untested)
Examples
| class="nowrap" style="background:#d8d8d8; color:#666666; text-align:center; font-weight:bold; line-height:0.5em;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available (but untested) |
{{available}} Inside a table, default alignment |
| class="nowrap" style="background:#d8d8d8; outline:2px dotted #a8a8a8; outline-offset:-4px; text-align:left; font-weight:bold; line-height:0.5em; color:#666666;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available (but untested) |
{{available|left}} Inside a table, left alignment |
| class="nowrap" style="background:#d8d8d8; outline:2px dotted #a8a8a8; outline-offset:-4px; text-align:right; font-weight:bold; line-height:0.5em; color:#666666;" data-sort-value="8" title="Template:Compatibility Tags Descriptions" | Available (but untested) |
{{available|right}} Inside a table, right alignment |
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: