User:Max34/Sandbox: Difference between revisions
No edit summary |
No edit summary |
||
Line 56: | Line 56: | ||
</div> | </div> | ||
<!-- <1div 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; 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)"> | ||
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div> | <div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div> | ||
<div style="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=]][[Special:EditPage/{{FULLPAGENAME}}|<div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]]{{int:vector-view-edit}}</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=]] [[Special:EditPage/{{FULLPAGENAME}}|<div style="position:absolute; top:0; left:0; width:100%; height:100%"></div>]]{{int:vector-view-edit}}</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 | <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-content" style="left:auto; right:- | <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 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"> | ||
<tr style="position:relative"><td style="border:0">[[ru/{{FULLPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]] | |||
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-visibility.png|link=|16x16px]] | |||
< | {{int:view}}</div> | ||
< | </td></tr> | ||
<div style="position: | |||
<div style=" | <tr style="position:relative"><td style="border:0">[[Special:PageHistory/{{FULLPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]] | ||
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-history.png|link=|16x16px]] | |||
< | {{int:vector-view-history}}</div> | ||
< | </td></tr> | ||
< | |||
<div style="position: | <tr style="position:relative"><td style="border:0">[[{{TALKPAGENAME}}|<div style="position:absolute; width:100%; height:100%"></div>]] | ||
<div style=" | <div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690"> | ||
{{int:talk}}</div> | |||
< | </td></tr> | ||
< | |||
< | <tr style="position:relative"><td style="border:0">[[Project:Alternative Languages|<div style="position:absolute; width:100%; height:100%"></div>]] | ||
<div style="position: | <div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Icon-white-notebook.png|link=|16x16px]] | ||
<div style=" | Documentation</div> | ||
</td></tr> | |||
< | |||
< | </table></div> | ||
< | |||
<div style="position: | |||
<div style=" | |||
< | |||
< | |||
</div> | </div> | ||
</div> | </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-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-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 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"> | |||
<tr style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=en <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="flex:1"></div>[[File:Icon-broom.png|link=|16x16px]]</div> | |||
</td></tr> | |||
<tr style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=de <div style="position:absolute; width:100%; height:100%"></div>] | |||
<div style="display:flex; align-items:center; gap:4px; padding:0 6px; background:#26262690">[[File:Flag-de.png|link=|16px]] | |||
[[de/SDK Docs|{{ucfirst:{{#language:de}}}}]]</div> | |||
</td></tr> | |||
<tr style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=eo <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=es <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=fi <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=fr <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=hi <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=hr <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=hu <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=it <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=ja <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=km <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=ko <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=ms <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=nl <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=pl <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=pt <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=pt-br <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=ru <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=sv <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=tr <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=uk <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=vi <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=zh <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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 style="position:relative"><td style="border:0"> | |||
[{{canonicalurl:SDK Docs}}?uselang=zh-tw <div style="position:absolute; width:100%; height:100%"></div>] | |||
<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> | |||
</div></div> | |||
<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div> | <div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div> |
Revision as of 10:15, 8 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}} ссылка? Или внезапный зелёный?
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
Some Experiments with collapsible elements
Windows Windows
is
my
Windows
7
Aero
!
SVG imitation
Всякий текст ё-маё
Всякий текст ё-маё
Всякий текст ё-маё
Всякий текст ё-маё
Всякий текст ё-маё
Всякий текст ё-маё
{{{1}}}
46:08
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 стиле текста