User:Max34/Sandbox: Difference between revisions

Revision as of 08:28, 16 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

Текст первый

Описание первого текста
Этот текст плоский, |никакая= стилизация сюда не пройдёт (хотя шаблоны работают)

А здесь можно! И даже #00FF0080rgb(0,255,0,.5) так
Здесь два

плоских текста

А здесь два

блочных текста
Вариант без описания
Только описание

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:23

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 стиле текста

@@ Line 62: / Line 62: @@
 </div>
-<!-- <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)">
+<!-- <1div class="plainlinks" style="position:absolute; inset-inline-end:0; top:19px; display:flex; width:max-content; background:linear-gradient(#0000, #2E2E2E); line-height:27px; user-select:none; --Border:linear-gradient(#0000, #65635F); --Darkener:linear-gradient(#26262670, #26262670)">
-<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
+<div style="width:1px; background:var(--Border)"></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 class="toctogglelabel" style="position:relative; padding:0 7px; 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; background:var(--Border)"></div>
-<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
+<div class="vector-menu-dropdown" style="all:unset; position:relative">
-<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-heading" style="align-items:center; padding:0 7px; font-size:1em">{{int:cactions}}</div>
-<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 class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; width:max-content; padding:0 10px 10px; border:0; background:none; box-shadow:none; line-height:24px; font-size:1.1em; cursor:default">
 <table class="TablePager" cellspacing="0" style="padding:2px">
@@ Line 99: / Line 99: @@
 </div>
-<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
+<div style="width:1px; background:var(--Border)"></div>
-<div class="vector-menu-dropdown" style="background:none; line-height:1lh">
+<div class="vector-menu-dropdown" style="all:unset; position:relative">
-<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-heading" style="align-items:center; padding:0 7px; font-size:1em">[[File:Flag-en.png|link=|16px]]&nbsp;{{ucfirst:{{#language:en}}}}</div>
-<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 class="vector-menu-content" style="left:auto; right:auto; inset-inline-end:-11px; padding:0 10px 10px; border:0; background:none; box-shadow:none; font-size:1.1em; cursor:default; line-height:24px; width:max-content; color-scheme:dark">
 <table class="TablePager" cellspacing="0" style="display:block; overflow-y:auto; max-height:246px; padding:2px; scrollbar-width:thin">
@@ Line 124: / Line 124: @@
 <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 <hr class="vector-menu-checkbox">]</td></tr>
-<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 <hr class="vector-menu-checkbox">]</td></tr>
 <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]]
@@ Line 136: / Line 133: @@
 <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 <hr class="vector-menu-checkbox">]</td></tr>
+<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 <hr class="vector-menu-checkbox">]</td></tr>
 <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|日本語]]
@@ Line 185: / Line 185: @@
 </div></div>
-<div style="width:1px; min-height:inherit; background:var(--GradientBorder)"></div>
+<div style="width:1px; background:var(--Border)"></div>
 </div> -->