Template:Notavailable: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
mNo edit summary
m ([Table Mode] Enabled 3D effects. Dropped support for custom left/right alignment)
Line 1: Line 1:
{{#if:{{{1|}}}|<!--
{{#if:{{{1|}}}<!--


if parameter 1 exists
-->|<!-- if parameter 1 exists (INLINE MODE) -->
-->{{#switch:{{{1|}}}<!--
<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:#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|}}}">Not&nbsp;Available</span><!--


switch cases: left, right -->
-->|<!-- else (TABLE MODE) -->
| left
class="nowrap" style="background:#c0c0c0; outline:2px groove #ffffff; outline-offset:-3px; text-align:center; font-weight:bold; color:#666666;" data-sort-value="9" title="{{Compatibility Tags Descriptions|notavailableShort}}" {{!}} Not&nbsp;Available<!--
| right = class="nowrap" style="background:#c0c0c0; outline:2px groove #ffffff; outline-offset:-3px; text-align:{{{1|}}}; font-weight:bold; color:#666666;" data-sort-value="9" title="{{Compatibility Tags Descriptions|notavailableShort}}" {{!}} Not&nbsp;Available<!--
 
switch case: default (different than left, right) -->
| #default = <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:#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|}}}">Not&nbsp;Available</span><!--
 
-->}}<!-- switch ends
 
else (parameter 1 doesnt exists)-->
| class="nowrap" style="background:#c0c0c0; color:#666666; text-align:center; font-weight:bold;" data-sort-value="9" title="{{Compatibility Tags Descriptions|notavailableShort}}" {{!}} Not&nbsp;Available<!--


-->}}<!-- if ends --><noinclude>
-->}}<!-- if ends --><noinclude>
Line 24: Line 15:
| {{notavailable}} || '''<nowiki>{{notavailable}}</nowiki>''' Inside a table, default alignment
| {{notavailable}} || '''<nowiki>{{notavailable}}</nowiki>''' Inside a table, default alignment
|-
|-
| {{notavailable|left}} || '''<nowiki>{{notavailable|left}}</nowiki>''' Inside a table, left alignment
| {{notavailable|text}} || '''<nowiki>{{notavailable|text}}</nowiki>''' Inline
|-
| {{notavailable|right}} || '''<nowiki>{{notavailable|right}}</nowiki>''' Inside a table, right alignment
|}
{| style="float:left; border:hidden;"
| {{notavailable|text}} || '''<nowiki>{{notavailable|text}}</nowiki>''' Inline, default font size
|-
| <span style="font-size:1.2em">{{notavailable|text}}</span> || '''<nowiki><span style="font-size:1.2em">{{notavailable|text}}</span></nowiki>''' Inline, bigger font size
|}
|}



Revision as of 16:39, 11 October 2021

class="nowrap" style="background:#c0c0c0; outline:2px groove #ffffff; outline-offset:-3px; text-align:center; font-weight:bold; color:#666666;" data-sort-value="9" title="Template:Compatibility Tags Descriptions" | Not Available

Examples

class="nowrap" style="background:#c0c0c0; outline:2px groove #ffffff; outline-offset:-3px; text-align:center; font-weight:bold; color:#666666;" data-sort-value="9" title="Template:Compatibility Tags Descriptions" | Not Available {{notavailable}} Inside a table, default alignment
Not Available {{notavailable|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