User:Max34/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 48: Line 48:
</ul>
</ul>
</div>
</div>
{{#tag:{{#if:{{{lang|}}}|syntaxhighlight|code}}|{{{|{{{1|}}}}}}|style=background:#0003 !important|lang={{{lang|}}}|inline=1}}
== Wayback svg icon ==
My reworked version is more pixel accurate, but still looks bad at smaller sizes.
<div style="width:64px; height:64px; background:#FFF; clip-path:path('M4 6l2 2h52l2-2L32 0Zm2 4v4h52v-4Zm2 6Q7 26 7 35T8 54h4q1-10 1-19T12 16zm14 0q-1 10-1 19t1 19h4q1-10 1-19T26 16zm16 0q-1 10-1 19t1 19h4q1-10 1-19T42 16zm14 0q-1 10-1 19t1 19h4q1-10 1-19T56 16zM6 56v3h52V56ZM4 61v3H60v-3Z')"></div>


== Some Experiments with collapsible elements ==
== Some Experiments with collapsible elements ==
Line 56: Line 62:
</div>
</div>


<!-- <1div class="plainlinks" style="position:absolute; right:0; top:6px; display:flex; align-items:flex-end; min-height:41px; line-height:21px; user-select:none; --Gradient:linear-gradient(transparent 10%, #2E2E2E); --GradientBorder:linear-gradient(transparent 25%, #65635F)">
<!-- <1div class="plainlinks" style="position:absolute; inset-inline-end:0; top:6px; display:flex; align-items:flex-end; min-height:40px; line-height:21px; user-select:none; --Gradient:linear-gradient(transparent 10%, #2E2E2E); --GradientBorder:linear-gradient(transparent 25%, #65635F); --Darkener:linear-gradient(#26262670, #26262670)">


<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>


<div style="position:relative; display:flex; align-items:center; gap:2px; padding:6px 8px 4px 7px; border-bottom:1px solid #65635F; background:var(--Gradient); color:#898785">[[File:Icon-translate.png|16px|link=]] [{{canonicalurl:ru/SDK Docs}}?action=edit <div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]{{int:vector-view-edit}}</div>
<div class="toctogglelabel" style="position:relative; width:max-content; padding:6px 7px 4px; background:var(--Gradient); color:#898785 !important">[{{canonicalurl:ru/SDK Docs}}?action=edit <hr class="vector-menu-checkbox">] Edit Translation</div>


<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>


<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 7px 4px 9px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">{{int:cactions}}</div>
<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 6px 4px 7px; background:var(--Gradient); font-size:1em">{{int:cactions}}</div>
<div class="vector-menu-content" style="left:auto; right:-11px; top:calc(100% - 1px); padding:0 10px 10px 10px; border:0; background:#00000000; box-shadow:none; font-size:1.1em; cursor:default">
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; width:max-content; padding:0 10px 10px; border:0; background:#0000; box-shadow:none; line-height:24px; font-size:1.1em; cursor:default">
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">
<table class="TablePager" cellspacing="0" style="padding:2px">


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M4.73 11.68C3.58 10.7 2.77 9.58 2.38 9c.39-.58 1.2-1.7 2.35-2.68C5.91 5.3 7.36 4.5 9 4.5s3.1.8 4.27 1.82c1.15.98 1.96 2.1 2.35 2.68-.39.58-1.2 1.7-2.35 2.68C12.1 12.7 10.64 13.5 9 13.5c-1.64 0-3.09-.8-4.27-1.82ZM9 3C6.86 3 5.07 4.05 3.75 5.18 2.42 6.32 1.51 7.6 1.1 8.23.79 8.7.79 9.3 1.1 9.77c.41.63 1.32 1.91 2.65 3.05C5.07 13.95 6.86 15 9 15s3.93-1.05 5.25-2.18c1.33-1.14 2.24-2.42 2.65-3.05.31-.47.31-1.07 0-1.54-.41-.63-1.32-1.91-2.65-3.05C12.93 4.05 11.14 3 9 3ZM7.5 9c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5S7.5 9.83 7.5 9ZM9 6C7.34 6 6 7.34 6 9s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z')"></div> {{int:view}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-visibility.png|link=|16x16px]]
[{{canonicalurl:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
{{int:view}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('m3.76 8.68.96-.96c.29-.29.77-.29 1.06 0s.29.77 0 1.06L3.53 11.03c-.14.14-.33.22-.53.22s-.39-.08-.53-.22L.22 8.78c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l.98.98c.16-4.01 3.45-7.2 7.49-7.2 4.14 0 7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5c-2.36 0-4.46-1.09-5.83-2.79-.26-.32-.21-.79.11-1.05.32-.26.79-.21 1.05.11C6.18 14.13 7.87 15 9.75 15c3.31 0 6-2.69 6-6s-2.69-6-6-6C6.54 3 3.92 5.52 3.76 8.68ZM9.75 3.75c.41 0 .75.34.75.75V8.69l2.03 2.03c.29.29.29.77 0 1.06-.29.29-.77.29-1.06 0L9.22 9.53C9.08 9.39 9 9.2 9 9V4.5c0-.41.34-.75.75-.75Z')"></div> {{int:vector-view-history}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-history.png|link=|16x16px]]
[{{canonicalurl:ru/{{FULLPAGENAME}}}}?action=history <hr class="vector-menu-checkbox">]
{{int:vector-view-history}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener); {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M17.85 13.78c.25.32.37 1.39-1.33 1.2-.5-.05-1.2-.15-2.04-.47-.56-.22-1.05-.48-1.46-.75-.67.27-1.39.44-2.14.48-1.02 1.38-2.66 2.26-4.5 2.26-.61 0-1.2-.1-1.75-.28-.33.2-.7.39-1.11.54-.84.32-1.54.44-2.04.47-.38.03-.64.01-.78 0-.28-.04-.53-.2-.65-.48-.09-.23-.06-.51.1-.72.19-.26.36-.53.53-.81.32-.53.63-1.1.71-1.74-.41-.77-.64-1.67-.64-2.6 0-2.25 1.31-4.19 3.22-5.09C4.72 2.89 7.37.75 10.5.75c3.73 0 6.75 3.02 6.75 6.75 0 1.03-.23 2.01-.64 2.88-.15 1.3.5 2.39 1.24 3.4ZM5.25 7.5c0 2.9 2.35 5.25 5.25 5.25.82 0 1.59-.19 2.27-.52.25-.12.54-.09.77.07.68.49 1.45.86 2.27 1.06-.56-1.04-.84-2.12-.68-3.3.01-.08.03-.15.07-.23.35-.7.55-1.49.55-2.33 0-2.9-2.35-5.25-5.25-5.25S5.25 4.6 5.25 7.5Zm-1.5.19c-.92.76-1.5 1.9-1.5 3.19 0 .75.2 1.46.56 2.07.07.12.11.27.1.42-.01.23-.04.48-.1.73-.12.51-.37 1.05-.63 1.51.24-.06.51-.15.8-.25.45-.17.84-.38 1.17-.59.2-.14.46-.16.68-.07.48.19 1 .3 1.55.3.98 0 1.89-.35 2.6-.92-2.94-.68-5.14-3.27-5.23-6.39Z')"></div> {{int:talk}}
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690; {{#ifexist:Talk:ru/{{FULLPAGENAME}}||color:#688BA8}}">[[File:Icon-chat.png|link=|16x16px]]
[{{canonicalurl:Talk:ru/{{FULLPAGENAME}}}} <hr class="vector-menu-checkbox">]
{{int:talk}}</div>
</td></tr>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 5px; border:0; background-image:var(--Darkener)">
[{{canonicalurl:Project:Alternative Languages}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
<div style="width:18px; height:18px; background:#EEE; clip-path:path('M6.97.97C7.11.83 7.3.75 7.5.75h6c1.24 0 2.25 1.01 2.25 2.25V15c0 1.24-1.01 2.25-2.25 2.25h-9c-1.24 0-2.25-1.01-2.25-2.25V6c0-.2.08-.39.22-.53L6.97.97ZM13.5 2.25H8.25V6c0 .41-.34.75-.75.75H3.75V15c0 .41.34.75.75.75h9c.41 0 .75-.34.75-.75V3c0-.41-.34-.75-.75-.75Zm-8.69 3H6.75V3.31L4.81 5.25Zm.44 4.5c0-.41.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75H6c-.41 0-.75-.34-.75-.75Zm0 3c0-.41.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75H6c-.41 0-.75-.34-.75-.75Z')"></div> Documentation
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-white-notebook.png|link=|16x16px]]
[{{canonicalurl:Project:Alternative Languages}}?uselang=ru <hr class="vector-menu-checkbox">]
Documentation</div>
</td></tr>
</td></tr>


</table></div>
</table>
</div>
</div>
</div>
</div>
Line 100: Line 102:


<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 7px 4px 8px; border-bottom:1px solid #65635F; background:var(--Gradient); font-size:1em">[[File:Flag-en.png|link=|16px]]<span style="padding-left:6px">{{ucfirst:{{#language:en}}}}</span></div>
<div class="vector-menu-heading" style="align-items:center; margin:0; padding:6px 6px 4px 8px; background:var(--Gradient); font-size:1em">[[File:Flag-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
<div class="vector-menu-content" style="left:auto; right:-11px; top:calc(100% - 1px); padding:0 10px 10px 10px; border:0; background:#00000000; box-shadow:none; font-size:1.1em; cursor:default">
<div class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; padding:0 10px 10px; border:0; background:#0000; box-shadow:none; font-size:1.1em; cursor:default; line-height:24px; width:max-content; color-scheme:dark">
<div style="overflow-y:auto; scrollbar-width:thin; width:max-content; max-height:240px; padding:2px; border:1px solid #65635F; background:#262626; line-height:24px; color-scheme:dark"><table class="TablePager" cellspacing="0" cellpadding="0" style="border:0">
<table class="TablePager" cellspacing="0" style="display:block; overflow-y:auto; max-height:246px; padding:2px; scrollbar-width:thin">


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-en.png|link=|16px]] [[SDK Docs|English]]
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=en <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-en.png|link=|16px]]
[[SDK Docs|{{ucfirst:{{#language:en}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-de.png|link=|16px]] [[de/SDK Docs|Deutsch]]
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=de <hr class="vector-menu-checkbox">]
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-de.png|link=|16px]]
<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</td></tr>
[[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]<div style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-eo.png|link=|16px]] [[eo/SDK Docs|Esperanto]]
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=eo <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-eo.png|link=|16px]]
[[eo/SDK Docs|{{ucfirst:{{#language:eo}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-es.png|link=|16px]] [[es/SDK Docs|Español]]
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=es <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-es.png|link=|16px]]
[[es/SDK Docs|{{ucfirst:{{#language:es}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-fi.png|link=|16px]] [[fi/SDK Docs|Suomi]]
[{{canonicalurl:SDK Docs}}?uselang=fi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=fi <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fi.png|link=|16px]]
[[fi/SDK Docs|{{ucfirst:{{#language:fi}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-fr.png|link=|16px]] [[fr/SDK Docs|Français]]
[{{canonicalurl:SDK Docs}}?uselang=fr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=fr <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-fr.png|link=|16px]]
[[fr/SDK Docs|{{ucfirst:{{#language:fr}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hi.png|link=|16px]] [[hi/SDK Docs|हिन्दी]]
[{{canonicalurl:SDK Docs}}?uselang=hi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hi <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hi.png|link=|16px]]
[[hi/SDK Docs|{{ucfirst:{{#language:hi}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hr.png|link=|16px]] [[hr/SDK Docs|Hrvatski]]
[{{canonicalurl:SDK Docs}}?uselang=hr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hr <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hr.png|link=|16px]]
[[hr/SDK Docs|{{ucfirst:{{#language:hr}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-hu.png|link=|16px]] [[hu/SDK Docs|Magyar]]
[{{canonicalurl:SDK Docs}}?uselang=hu <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=hu <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-hu.png|link=|16px]]
[[hu/SDK Docs|{{ucfirst:{{#language:hu}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-it.png|link=|16px]] [[it/SDK Docs|Italiano]]
[{{canonicalurl:SDK Docs}}?uselang=it <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=it <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-it.png|link=|16px]]
[[it/SDK Docs|{{ucfirst:{{#language:it}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ja.png|link=|16px]] [[ja/SDK Docs|日本語]]
[{{canonicalurl:SDK Docs}}?uselang=ja <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ja <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ja.png|link=|16px]]
[[ja/SDK Docs|{{ucfirst:{{#language:ja}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-km.png|link=|16px]] [[km/SDK Docs|ភាសាខ្មែរ]]
[{{canonicalurl:SDK Docs}}?uselang=km <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=km <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-km.png|link=|16px]]
[[km/SDK Docs|{{ucfirst:{{#language:km}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ko.png|link=|16px]] [[ko/SDK Docs|한국어]]
[{{canonicalurl:SDK Docs}}?uselang=ko <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ko <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ko.png|link=|16px]]
[[ko/SDK Docs|{{ucfirst:{{#language:ko}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ms.png|link=|16px]] [[ms/SDK Docs|Bahasa Melayu]]
[{{canonicalurl:SDK Docs}}?uselang=ms <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ms <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ms.png|link=|16px]]
[[ms/SDK Docs|{{ucfirst:{{#language:ms}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-nl.png|link=|16px]] [[nl/SDK Docs|Nederlands]]
[{{canonicalurl:SDK Docs}}?uselang=nl <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=nl <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-nl.png|link=|16px]]
[[nl/SDK Docs|{{ucfirst:{{#language:nl}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pl.png|link=|16px]] [[pl/SDK Docs|Polski]]
[{{canonicalurl:SDK Docs}}?uselang=pl <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pl <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pl.png|link=|16px]]
[[pl/SDK Docs|{{ucfirst:{{#language:pl}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pt.png|link=|16px]] [[pt/SDK Docs|Português]]
[{{canonicalurl:SDK Docs}}?uselang=pt <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pt <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt.png|link=|16px]]
[[pt/SDK Docs|{{ucfirst:{{#language:pt}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-pt-br.png|link=|16px]] [[pt-br/SDK Docs|Português do Brasil]]
[{{canonicalurl:SDK Docs}}?uselang=pt-br <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=pt-br <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-pt-br.png|link=|16px]]
[[pt-br/SDK Docs|{{ucfirst:{{#language:pt-br}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-ru.png|link=|16px]] [[ru/SDK Docs|Русский]]
[{{canonicalurl:SDK Docs}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=ru <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-ru.png|link=|16px]]
[[ru/SDK Docs|{{ucfirst:{{#language:ru}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-sv.png|link=|16px]] [[sv/SDK Docs|Svenska]]
[{{canonicalurl:SDK Docs}}?uselang=sv <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=sv <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-sv.png|link=|16px]]
[[sv/SDK Docs|{{ucfirst:{{#language:sv}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-tr.png|link=|16px]] [[tr/SDK Docs|Türkçe]]
[{{canonicalurl:SDK Docs}}?uselang=tr <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=tr <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-tr.png|link=|16px]]
[[tr/SDK Docs|{{ucfirst:{{#language:tr}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-uk.png|link=|16px]] [[uk/SDK Docs|Українська]]
[{{canonicalurl:SDK Docs}}?uselang=uk <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=uk <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-uk.png|link=|16px]]
[[uk/SDK Docs|{{ucfirst:{{#language:uk}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-vi.png|link=|16px]] [[vi/SDK Docs|Tiếng Việt]]
[{{canonicalurl:SDK Docs}}?uselang=vi <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=vi <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-vi.png|link=|16px]]
[[vi/SDK Docs|{{ucfirst:{{#language:vi}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-zh.png|link=|16px]] [[zh/SDK Docs|中文]]
[{{canonicalurl:SDK Docs}}?uselang=zh <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=zh <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh.png|link=|16px]]
[[zh/SDK Docs|{{ucfirst:{{#language:zh}}}}]]</div>
</td></tr>


<tr><td style="position:relative; border:0">
<tr><td style="position:relative; display:flex; align-items:center; gap:4px; padding:0 6px; border:0; background-image:var(--Darkener)">[[File:Flag-zh-tw.png|link=|16px]] [[zh-tw/SDK Docs|中文(臺灣)]]
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <div style="position:absolute; width:100%; height:100%"></div>]
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <hr class="vector-menu-checkbox">]</td></tr>
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-zh-tw.png|link=|16px]]
[[zh-tw/SDK Docs|{{ucfirst:{{#language:zh-tw}}}}]]</div>
</td></tr>


</table></div>
</table>
</div></div>
</div></div>



Latest revision as of 09:59, 13 October 2025

A completely normal text that definitely doesn't change in any way during the preview when editing this page.

"Страница"

Этот текст будет переноситься! А вот этот нет. И снова переносимый текст!

А вот и шаблон который в ориге имеет preset=2, но не в вызове! А здесь наоборот: шаблон.

Или вот как тебе появляющаяся {{Test}} ссылка? Или внезапный красный?

Её вызов

Этот текст будет переноситься! И снова переносимый текст!

А вот и шаблон который в ориге имеет preset=2, но не в вызове! А здесь наоборот: шаблон.

Или вот как тебе появляющаяся {{Test}} ссылка? Или внезапный зелёный?




Anchor with margin

An interesting optimization method that works

This {{Text-dir|ltr=righ|rtl=lef}}t:0; is a little bit more optimized than this {{Text-dir|ltr=right|rtl=left}}:0;

Gallery stuff

Wayback svg icon

My reworked version is more pixel accurate, but still looks bad at smaller sizes.

Some Experiments with collapsible elements

#HEX
RGB()
HSL()


Windows Windows

My First Windows 98 Program
This is my Windows 98!



My First Windows XP Program
This is my Windows XP!



My First Windows 7 Program
This is my Windows 7!



My First Windows 7 Aero Program
This
is
my
Windows
7
Aero
!



SVG imitation








Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё

Всякий текст ё-маё



scroll-margin-top works!



{{{1}}}

35:31

Hi, i’m Test!
Text Size:
Размер текста:

Translation Progress (Russian): Division by zero.%

Named Colors

For VDCEditor tests

Это самый обычный текст.

Это текст обёрнутый в тег <span>.

У этого текста указано CSS свойство font-weight:bold, что делает его жирным.

Тут текст окрашен в зелёный цвет с помощью CSS свойства color:green.

В этом тексте используется вложенный тег <span> с другим цветом текста

В этом тексте используется шаблон {{intlang}}, который отображает код языка интерфейса (en).

А здесь используется параметр, стандартным значением которого является 'green' если он не был указан: green.

Этот же параметр, но уже в CSS стиле текста