Template:Available: Difference between revisions
Jump to navigation
Jump to search
m ([Inline mode] Simple bump effect common for all tags) |
mNo edit summary |
||
| Line 4: | Line 4: | ||
-->{{#switch:{{{1|}}}<!-- | -->{{#switch:{{{1|}}}<!-- | ||
switch cases: left | switch cases: left, right --> | ||
| left | | left | ||
| right = class="nowrap" style="background:#d8d8d8; outline:1px solid rgba(255,255,255,0.8); outline-offset:-2px; text-align:{{{1|}}}; 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>'''<!-- | |||
| right = class="nowrap" style="background:#d8d8d8; | |||
switch case: default (different than left | switch case: default (different than left, right) --> | ||
| #default = <span class="nowrap" style="background-image:linear-gradient(#f8f8f8 0%, #d8d8d8 50%, #b8b8b8 100%); color:#666666; display:inline-block; width:8.5em; line-height:1.2em; text-align:center; box-shadow: 1px 1px 2px 1px #cccccc; border-radius:0.4em; border:1px outset #f8f8f8;" title="{{{1|}}}">Available<span style="font-size:0.65em;">(but untested)</span></span><!-- | | #default = <span class="nowrap" style="background-image:linear-gradient(#f8f8f8 0%, #d8d8d8 50%, #b8b8b8 100%); color:#666666; display:inline-block; width:8.5em; line-height:1.2em; text-align:center; box-shadow: 1px 1px 2px 1px #cccccc; border-radius:0.4em; border:1px outset #f8f8f8;" title="{{{1|}}}">Available<span style="font-size:0.65em;">(but untested)</span></span><!-- | ||
-->}}<!-- switch ends | -->}}<!-- switch ends | ||
| Line 17: | Line 16: | ||
-->}}<!-- if ends --><noinclude> | -->}}<!-- if ends --><noinclude> | ||
< | |||
---- | == Examples== | ||
{| class="wikitable" style="float:left; clear:both; margin:0px; font-size:85%;" | |||
| style="border-top:hidden; padding:0px; width:125px;" | || style="border-top:hidden; padding:0px; width:300px;" | | |||
|- | |||
| {{available}} || '''<nowiki>{{available}}</nowiki>''' Inside a table, default alignment | |||
|- | |||
| {{available|left}} || '''<nowiki>{{available|left}}</nowiki>''' Inside a table, left alignment | |||
|- | |||
| {{available|right}} || '''<nowiki>{{available|right}}</nowiki>''' Inside a table, right alignment | |||
|} | |||
{| style="float:left; border:hidden;" | |||
| {{available|text}} || '''<nowiki>{{available|text}}</nowiki>''' Inline, default font size | |||
|- | |||
| <span style="font-size:1.2em">{{available|text}}</span> || '''<nowiki><span style="font-size:1.2em">{{available|text}}</span></nowiki>''' Inline, bigger font size | |||
|} | |||
== Notes == | |||
**The colors of {{available| }} and {{notavailable| }} represents a "undefined compatibility" and has been choosen following some rules: | **The colors of {{available| }} and {{notavailable| }} 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 | ***Are 3 colors in total (2 background colors, and 1 font color common for both) in grey tones | ||
Revision as of 10:07, 3 October 2021
class="nowrap" style="background:#d8d8d8; color:#666666; text-align:center; 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; 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:1px solid rgba(255,255,255,0.8); outline-offset:-2px; text-align:left; 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:1px solid rgba(255,255,255,0.8); outline-offset:-2px; text-align:right; 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(but 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(but 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(but untested) and Not Available represents a "undefined compatibility" and has been choosen following some rules: