update based on https://github.com/mdn/yari/issues/2028

18 files changed, 0 insertions, 1188 deletions

diff --git a/files/pl/web/css/-moz-binding/index.html b/files/pl/web/css/-moz-binding/index.html
deleted file mode 100644
index e44145368c..0000000000
--- a/files/pl/web/css/-moz-binding/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: '-moz-binding'
-slug: Web/CSS/-moz-binding
-tags:
-  - CSS
-  - Non-standard
-translation_of: Archive/Web/CSS/-moz-binding
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p><code>-moz-binding</code> jest używany przez aplikacje bazujące na Mozilli, by dołączyć wiązanie <a href="/pl/XBL" title="pl/XBL">XBL</a> do elementu DOM.</p>
-
-<ul>
- <li>Wartość początkowa: <code>none | {{ mediawiki.external(',') }}* &lt;uri&gt; | inherit</code></li>
- <li>Dotyczy: wszystkich elementów (oprócz zawartości generowanej lub pseudoelementów)</li>
- <li>Dziedziczony: nie</li>
- <li>Procenty: niedostępne</li>
- <li>Wartość wyliczona: jako określone</li>
-</ul>
-
-<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>
-
-<pre class="eval">-moz-binding: <em>uri</em> | none
-</pre>
-
-<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
-
-<dl>
- <dt>uri</dt>
- <dd>Identyfikator URI dla wiązania XBL (włączając w to identyfikator fragmentaryczny).</dd>
- <dt>none</dt>
- <dd>Żadne wiązanie XBL nie jest stosowane do elementu.</dd>
-</dl>
-
-<h2 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h2>
-
-<pre>.exampleone {
-	-moz-binding: url("http://www.mozilla.org/xbl/htmlBindings.xml#checkbox");
-}
-</pre>
-
-<h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h2>
-
-<p><a href="/pl/XBL/Dokumentacja_XBL_1.0/Binding_Attachment_and_Detachment" title="pl/XBL/Dokumentacja_XBL_1.0/Binding_Attachment_and_Detachment">Dokumentacja XBL: Binding Attachment and Detachment</a></p>
-
-<p><a href="/pl/Kurs_XUL/Wprowadzenie_do_XBL" title="pl/Kurs_XUL/Wprowadzenie_do_XBL">Kurs XUL:Wprowadzenie do XBL</a></p>
diff --git a/files/pl/web/css/-moz-border-bottom-colors/index.html b/files/pl/web/css/-moz-border-bottom-colors/index.html
deleted file mode 100644
index 62e5f28015..0000000000
--- a/files/pl/web/css/-moz-border-bottom-colors/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: '-moz-border-bottom-colors'
-slug: Web/CSS/-moz-border-bottom-colors
-tags:
-  - CSS
-  - Non-standard
-translation_of: Archive/Web/CSS/-moz-border-bottom-colors
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p>W aplikacjach opartych na Mozilli <code>-moz-border-bottom-colors</code> ustawia kolory dolnego obramowania. Powinna być ustawiona lista kolorów. Jeśli element ma obramowanie, które jest szersze niż pojedynczy piksel, każda linia pikseli używa następnego koloru określonego w tej własności, z zewnątrz do wewnątrz. Eliminuje to potrzebę zagnieżdżonych boksów. Jeśli obramowanie jest szersze niż liczba określonej w tej własności kolorów, pozostała część obramowania jest w kolorze określonym najbliżej środka.</p>
-
-<ul>
- <li>Wartość początkowa: nie stosuje się</li>
- <li>Dotyczy: wszystkich elementów</li>
- <li>Dziedziczony: nie</li>
-</ul>
-
-<p>Obecność <code>-moz-border-bottom-colors</code> oddziela kod rysujący obramowanie, który był zaprojektowany do rysowania obramowań elementów interfejsu użytkownika, ale nie wspiera wielu innych własności obramowania.</p>
-
-<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>
-
-<pre class="eval">-moz-border-bottom-colors: [&lt;color&gt; | transparent,]* &lt;color&gt; | transparent
-</pre>
-
-<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
-
-<dl>
- <dt>&lt;color&gt;</dt>
- <dd>Określa kolor linii pikseli dolnego obramowania</dd>
- <dt>transparent</dt>
- <dd>Linia pikseli nie ma własnego koloru, w zamian pokazuje kolor elementu pod spodem</dd>
-</dl>
-
-<h2 id="Powi.C4.85zane_w.C5.82asno.C5.9Bci" name="Powi.C4.85zane_w.C5.82asno.C5.9Bci">Powiązane własności</h2>
-
-<ul>
- <li><a href="pl/CSS/-moz-border-left-colors">-moz-border-left-colors</a> ustawia kolory lewego obramowania</li>
- <li><a href="pl/CSS/-moz-border-right-colors">-moz-border-right-colors</a> ustawia kolory prawego obramowania</li>
- <li><a href="pl/CSS/-moz-border-top-colors">-moz-border-top-colors</a> ustawia kolory górnego obramowania</li>
-</ul>
-
-<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>
-
-<pre>hbox.example {
-  border: 5px solid #000000;
-
-  /* Kolor dolnego obramowania będzie czerwony, zielony, niebieski i biały
-     zaczynając od zewnątrz */
-  -moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;
-}
-</pre>
-
-<div class="noinclude"> </div>
diff --git a/files/pl/web/css/-moz-border-left-colors/index.html b/files/pl/web/css/-moz-border-left-colors/index.html
deleted file mode 100644
index 303bdfa747..0000000000
--- a/files/pl/web/css/-moz-border-left-colors/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: '-moz-border-left-colors'
-slug: Web/CSS/-moz-border-left-colors
-tags:
-  - CSS
-  - Non-standard
-translation_of: Archive/Web/CSS/-moz-border-left-colors
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p>W aplikacjach opartych na Mozilli <code>-moz-border-left-colors</code> ustawia kolory obramowania lewej krawędzi.</p>
-
-<p>Zobacz więcej informacji we własności <a href="pl/CSS/-moz-border-bottom-colors">-moz-border-bottom-colors</a>.</p>
diff --git a/files/pl/web/css/_colon_-moz-tree-cell-text/index.html b/files/pl/web/css/_colon_-moz-tree-cell-text/index.html
deleted file mode 100644
index ea450f5cb5..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-cell-text/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: ':-moz-tree-cell-text'
-slug: 'Web/CSS/:-moz-tree-cell-text'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell-text'
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treecell</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>font</li>
- <li>visibility</li>
- <li>color</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-cell/index.html b/files/pl/web/css/_colon_-moz-tree-cell/index.html
deleted file mode 100644
index d6fb331d38..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-cell/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: ':-moz-tree-cell'
-slug: 'Web/CSS/:-moz-tree-cell'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treecell</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>background</li>
- <li>border</li>
- <li>margin</li>
- <li>outline</li>
- <li>padding</li>
- <li>visibility</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-column/index.html b/files/pl/web/css/_colon_-moz-tree-column/index.html
deleted file mode 100644
index 9e17185510..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-column/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: ':-moz-tree-column'
-slug: 'Web/CSS/:-moz-tree-column'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-column'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treecol</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>margin</li>
- <li>visibility</li>
- <li>text style</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-drop-feedback/index.html b/files/pl/web/css/_colon_-moz-tree-drop-feedback/index.html
deleted file mode 100644
index 651ab25f65..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-drop-feedback/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: ':-moz-tree-drop-feedback'
-slug: 'Web/CSS/:-moz-tree-drop-feedback'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-drop-feedback'
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treerow</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>margin</li>
- <li>visibility</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-image/index.html b/files/pl/web/css/_colon_-moz-tree-image/index.html
deleted file mode 100644
index ae4bd01d26..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-image/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: ':-moz-tree-image'
-slug: 'Web/CSS/:-moz-tree-image'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-tree-image'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treeitem</li>
- <li>treecell</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>margin</li>
- <li>list style</li>
- <li>position</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-indentation/index.html b/files/pl/web/css/_colon_-moz-tree-indentation/index.html
deleted file mode 100644
index 646d986d82..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-indentation/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: ':-moz-tree-indentation'
-slug: 'Web/CSS/:-moz-tree-indentation'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-indentation'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treeitem</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>position</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-line/index.html b/files/pl/web/css/_colon_-moz-tree-line/index.html
deleted file mode 100644
index dbe7014b2f..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-line/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: ':-moz-tree-line'
-slug: 'Web/CSS/:-moz-tree-line'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-line'
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treeitem</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>border</li>
- <li>visibility</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-progressmeter/index.html b/files/pl/web/css/_colon_-moz-tree-progressmeter/index.html
deleted file mode 100644
index 65442cf74e..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-progressmeter/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: ':-moz-tree-progressmeter'
-slug: 'Web/CSS/:-moz-tree-progressmeter'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-progressmeter'
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treecell</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>margin</li>
- <li>color</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-row/index.html b/files/pl/web/css/_colon_-moz-tree-row/index.html
deleted file mode 100644
index 763aefc4bb..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-row/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: ':-moz-tree-row'
-slug: 'Web/CSS/:-moz-tree-row'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-row'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<p><code>-moz-tree-row</code> jest używane do wybrania wierszy i zastosowania stylu do drzewa wierszy.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treerow</li>
-</ul>
-
-<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>
-
-<pre class="eval">treechildren::-moz-tree-row {<em>style properties</em> }
-</pre>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>background</li>
- <li>border</li>
- <li>margin</li>
- <li>outline</li>
- <li>padding</li>
- <li>display</li>
- <li>-moz-appearance</li>
-</ul>
-
-<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>
-
-<pre>treechildren::-moz-tree-row( foo bar )
-{
-    margin: 2%;
-}
-</pre>
-
-<p>...gdzie...</p>
-
-<pre>  &lt;treerow properties="foo"&gt;...&lt;/treerow&gt;
-</pre>
diff --git a/files/pl/web/css/_colon_-moz-tree-separator/index.html b/files/pl/web/css/_colon_-moz-tree-separator/index.html
deleted file mode 100644
index b855c38553..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-separator/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: ':-moz-tree-separator'
-slug: 'Web/CSS/:-moz-tree-separator'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-separator'
----
-<p>{{Non-standard_header}}{{ CSSRef() }}</p>
-
-<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treeseparator</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>border</li>
- <li>display</li>
- <li>-moz-appearance</li>
-</ul>
diff --git a/files/pl/web/css/_colon_-moz-tree-twisty/index.html b/files/pl/web/css/_colon_-moz-tree-twisty/index.html
deleted file mode 100644
index 0da422f8a2..0000000000
--- a/files/pl/web/css/_colon_-moz-tree-twisty/index.html
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: ':-moz-tree-twisty'
-slug: 'Web/CSS/:-moz-tree-twisty'
-tags:
-  - CSS
-  - Non-standard
-translation_of: 'Mozilla/Gecko/Chrome/CSS/::-moz-tree-twisty'
----
-<p>{{ CSSRef() }}{{Non-standard_header}}</p>
-
-<p>Aktywowany przez atrybut <code>properties</code>.</p>
-
-<h2 id="Powi.C4.85zane_elementy" name="Powi.C4.85zane_elementy">Powiązane elementy</h2>
-
-<ul>
- <li>treecell</li>
-</ul>
-
-<h2 id="W.C5.82asno.C5.9Bci_styl.C3.B3w" name="W.C5.82asno.C5.9Bci_styl.C3.B3w">Własności stylów</h2>
-
-<ul>
- <li>border</li>
- <li>margin</li>
- <li>padding</li>
- <li>display</li>
- <li>list style</li>
- <li>position</li>
- <li>-moz-appearance</li>
-</ul>
diff --git a/files/pl/web/css/azimuth/index.html b/files/pl/web/css/azimuth/index.html
deleted file mode 100644
index 2841b5441e..0000000000
--- a/files/pl/web/css/azimuth/index.html
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: azimuth
-slug: Web/CSS/azimuth
-tags:
-  - CSS
-  - 'CSS:Dokumentacje'
-  - Dokumentacje
-  - Wszystkie_kategorie
-translation_of: Archive/Web/CSS/azimuth
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
-
-<p>W połączeniu z <code><a href="pl/CSS/elevation">elevation</a></code>, <code>azimuth</code> umożliwia ustawianie różnych źródeł audio w przestrzeni i wykorzystywanie ich do prezentacji słuchowych. Jest to ważne w związku z tym, że dostarcza to naturalnego sposobu do odtwarzania kilku głosów w oddali, przy czym każdy z nich może pojawić się w innym miejscu strefy dźwięku. Wyjście stereofoniczne wytwarza boczną strefę dźwięku, podczas gdy obuuszne słuchawki i wielogłośnikowe zestawy pozwalają na pełną trójwymiarową strefę.</p>
-
-<ul>
- <li>{{ Xref_cssinitial() }}: center</li>
- <li>Stosowany do: wszystkich elementów</li>
- <li>{{ Xref_cssinherited() }}: tak</li>
- <li>Procenty: N/A</li>
- <li>Media: {{cssxref("aural")}}</li>
- <li>{{ Xref_csscomputed() }}: normalizowany kąt</li>
-</ul>
-
-<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
-
-<pre class="eval">azimuth:<em>angle</em> | [[ left-side | far-left | left |
-    center-left | center | center-right | right |
-    far-right | right-side ] || behind ] | leftwards |
-    rightwards | inherit
-</pre>
-
-<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
-
-<dl>
- <dt>angle </dt>
- <dd>Słyszalna pozycja źródła jest opisywana jako kąt z zakresu <code>-360 stopni</code> do <code>360 stopni</code>. Wartość <code>0stopni</code> znaczy dokładnie z przodu w centrum strefy dźwięku (to jest wartość domyślna). <code>90 stopni</code> jest na prawo, <code>180 stopni</code> z tyłu, i <code>270 stopni</code> lub <code>-90 stopni</code> jest na lewo.</dd>
-</dl>
-
-<p><img alt="grafika:Azimuth.png"></p>
-
-<p> </p>
-
-<h4 id="S.C5.82owa_kluczowe_do_ustawiania_pozycji" name="S.C5.82owa_kluczowe_do_ustawiania_pozycji">Słowa kluczowe do ustawiania pozycji</h4>
-
-<ul>
- <li><strong>left-side</strong>: Tak samo jak <code>270 stopni</code>.</li>
- <li><strong>left-side behind</strong>: Tak samo jak <code>270 stopni</code>.</li>
- <li><strong>far-left</strong>: Tak samo jak <code>300 stopni</code>.</li>
- <li><strong>far-left behind</strong>: Tak samo jak <code>240 stopni</code>.</li>
- <li><strong>left</strong>: Tak samo jak <code>320 stopni</code>.</li>
- <li><strong>left behind</strong>: Tak samo jak <code>220 stopni</code>.</li>
- <li><strong>center-left</strong>: Tak samo jak <code>340 stopni</code>.</li>
- <li><strong>center-left behind</strong>: Tak samo jak <code>200 stopni</code>.</li>
- <li><strong>center</strong>: Tak samo jak <code>0 stopni</code>.</li>
- <li><strong>center behind</strong>: Tak samo jak <code>180 stopni</code>.</li>
- <li><strong>center-right</strong>: Tak samo jak <code>20 stopni</code>.</li>
- <li><strong>center-right behind</strong>: Tak samo jak <code>160 stopni</code>.</li>
- <li><strong>right</strong>: Tak samo jak <code>40 stopni</code>.</li>
- <li><strong>right behind</strong>: Tak samo jak <code>140 stopni</code>.</li>
- <li><strong>far-right</strong>: Tak samo jak <code>60 stopni</code>.</li>
- <li><strong>far-right behind</strong>: Tak samo jak <code>120 stopni</code>.</li>
- <li><strong>right-side</strong>: Tak samo jak <code>90 stopni</code>.</li>
- <li><strong>right-side behind</strong>: Tak samo jak <code>90 stopni</code>.</li>
- <li><strong>behind</strong>: Tak samo jak <code>180 stopni</code>. Także używane jako modyfikator dla innych słów kluczowych do ustawiania pozycji, takich jak powyżej.</li>
- <li><strong>leftwards</strong>: Przesuwa dźwięk przeciwnie do kierunku ruchu wskazówek zegara o 20 stopni, w stosunku do obecnego kąta.</li>
- <li><strong>rightwards</strong>: Przesuwa dźwięk zgodnie z kierunkiem ruchu wskazówek zegara o 20 stopni, w stosunku do obecnego kąta.</li>
-</ul>
-
-<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>
-
-<pre>h1   { azimuth: 30deg }
-td.a { azimuth: far-right }          /*  60 stopni */
-#12  { azimuth: behind far-right }   /* 120 stopni */
-p.comment { azimuth: behind }        /* 180 stopni */
-</pre>
-
-<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/aural.html#spatial-props">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h3>
-
-<p>TBD (może być porzucone ze względu na listę centralnej zgodności)</p>
-
-<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
-
-<p>{{ Cssxref("elevation") }}</p>
-
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/CSS/azimuth", "es": "es/CSS/azimuth", "fr": "fr/CSS/azimuth", "zh-cn": "cn/CSS/azimuth" } ) }}</p>
diff --git a/files/pl/web/css/na_początek/dane_xml/index.html b/files/pl/web/css/na_początek/dane_xml/index.html
deleted file mode 100644
index 3352d21184..0000000000
--- a/files/pl/web/css/na_początek/dane_xml/index.html
+++ /dev/null
@@ -1,191 +0,0 @@
----
-title: Dane XML
-slug: Web/CSS/Na_początek/Dane_XML
-tags:
-  - 'CSS:Na_początek'
-translation_of: Archive/Beginner_tutorials/XML_data
----
-<p>
-</p><p>Ta strona zawiera przykład tego, jak możesz używać CSS z danymi XML.
-</p><p>Stworzysz przykładowy dokument XML oraz arkusz stylów, którego możesz użyć do wyświetlenia tego dokumentu w przeglądarce.
-</p>
-<h3 id="Informacja:_Dane_XML" name="Informacja:_Dane_XML"> Informacja: Dane XML </h3>
-<p><i><a href="pl/XML">XML</a></i> (Rozszerzalny Język Znaczników) jest językiem ogólnego przeznaczenia dla wszelkiego typu danych strukturalnych.
-</p><p>Domyślnie, Twoja przeglądarka Mozilla wyświetla XML w formacie bardzo podobnym do ułożenia danych w oryginalnym pliku XML.
-Dzięki temu możesz obejrzeć znaczniki, które określają strukturę danych.
-</p><p>Przez podpięcie arkusza stylów CSS do dokumentu XML, może określić inne sposoby wyświetlenia go.
-Aby to zrobić, Twój arkusz stylów używa reguł, które mapuje znaczniki w dokumencie XML, aby były wyświetlane w typach znanych HTML-owi.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
-<caption>Przykład
-</caption><tbody><tr>
-<td> Dane w dokumencie XML używają tagu <code>&lt;INFO&gt;</code>. Chcesz, aby wszystkie elementy <small>INFO</small> w dokumencie były wyświetlane jak HTML-owe akapity.
-<p>W arkuszu stylów dokumentu, określasz jak wyświetlane będą elementy <small>INFO</small>:
-</p>
-<div style="width: 30em;">
-<pre class="eval">INFO {
- display: block;
- margin: 1em 0;
- }
-</pre>
-</div>
-</td></tr></tbody></table>
-<p>Najczęstszymi wartościami własności <code>display</code> są:
-</p>
-<table style="margin-left: 2em;">
-<tbody><tr>
-<td style="padding-right: 2em;"><code>block</code></td><td>Wyświetlane jak HTML-owy <small>DIV</small> (nagłówki, akapity itp.)
-</td></tr>
-<tr>
-<td><code>inline</code></td><td>Wyświetlany jak HTML-owy <small>SPAN</small> (dla typów tekstowych)
-</td></tr></tbody></table>
-<p>Dodaj własne reguły stylów, które określą krój, odstępy i inne szczegóły w taki sam sposób, jak dla HTML-a.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
-<caption>Więcej szczegółów
-</caption><tbody><tr>
-<td> Inne wartości własności <code>display</code> pozwalają wyświetlać element jako punkt listy lub jako komponent tabeli.
-<p>Pełną listę typów wyświetlania można znaleźć w specyfikacji CSS na stronie <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display">The display property</a>.
-</p><p>Jeśli korzystasz wyłącznie z CSS, struktura wyświetlania musi być taka sama jak struktura dokumentu.
-Inne technologie pozwalają modyfikować strukturę wyświetlania—na przykład XBL może dodawać treść, a JavaScript może modyfikować DOM.
-</p><p>Aby dowiedzieć się więcej o XML-u w Mozilli, zajrzyj na stronę <a href="pl/XML">XML</a> w tym wiki.
-</p>
-</td></tr></tbody></table>
-<h3 id="Zadanie:_Demonstracja_XML-a" name="Zadanie:_Demonstracja_XML-a"> Zadanie: Demonstracja XML-a </h3>
-<p>Stwórz nowy plik XML, <code>doc9.xml</code>.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że zaznaczyłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>&lt;?xml version="1.0"?&gt;
-&lt;!-- XML demonstration --&gt;
-
-&lt;?xml-stylesheet type="text/css" href="style9.css"?&gt;
-
-&lt;!DOCTYPE planet&gt;
-&lt;planet&gt;
-
-&lt;ocean&gt;
-&lt;name&gt;Arctic&lt;/name&gt;
-&lt;area&gt;13,000&lt;/area&gt;
-&lt;depth&gt;1,200&lt;/depth&gt;
-&lt;/ocean&gt;
-
-&lt;ocean&gt;
-&lt;name&gt;Atlantic&lt;/name&gt;
-&lt;area&gt;87,000&lt;/area&gt;
-&lt;depth&gt;3,900&lt;/depth&gt;
-&lt;/ocean&gt;
-
-&lt;ocean&gt;
-&lt;name&gt;Pacific&lt;/name&gt;
-&lt;area&gt;180,000&lt;/area&gt;
-&lt;depth&gt;4,000&lt;/depth&gt;
-&lt;/ocean&gt;
-
-&lt;ocean&gt;
-&lt;name&gt;Indian&lt;/name&gt;
-&lt;area&gt;75,000&lt;/area&gt;
-&lt;depth&gt;3,900&lt;/depth&gt;
-&lt;/ocean&gt;
-
-&lt;ocean&gt;
-&lt;name&gt;Southern&lt;/name&gt;
-&lt;area&gt;20,000&lt;/area&gt;
-&lt;depth&gt;4,500&lt;/depth&gt;
-&lt;/ocean&gt;
-
-&lt;/planet&gt;
-</pre></div>
-<p>Stwórz nowy plik CSS, <code>style9.css</code>.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że zaznaczyłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>/*** XML demonstration ***/
-
-planet:before {
-  display: block;
-  width: 8em;
-  font-weight: bold;
-  font-size: 200%;
-  content: "Oceans";
-  margin: -.75em 0px .25em -.25em;
-  padding: .1em .25em;
-  background-color: #cdf;
-  }
-
-planet {
-  display: block;
-  margin: 2em 1em;
-  border: 4px solid #cdf;
-  padding: 0px 1em;
-  background-color: white;
-  }
-
-ocean {
-  display: block;
-  margin-bottom: 1em;
-  }
-
-name {
-  display: block;
-  font-weight: bold;
-  font-size: 150%;
-  }
-
-area {
-  display: block;
-  }
-
-area:before {
-  content: "Area: ";
-  }
-
-area:after {
-  content: " million km\B2";
-  }
-
-depth {
-  display: block;
-  }
-
-depth:before {
-  content: "Mean depth: ";
-  }
-
-depth:after {
-  content: " m";
-  }
-</pre></div>
-<p>Otwórz dokument w swojej przeglądarce:
-</p>
-<table style="border: 2px outset #36b; padding: 1em;">
-<tbody><tr>
-<td><div style="border: 2px solid #cdf; border-bottom: none; padding: .5em 8em 1em .5em;">
-<p style="font-size: 150%; font-weight: bold; margin: -1em 0px 0px 0px; padding: .1em .25em; background-color: #cdf; width: 8em;">Oceans</p>
-<p style="font-size: 75%; margin: .25em 0px 0px 0px; line-height: 110%;"><b>Arctic</b><br>
-Area: 13,000 million km²<br>
-Mean depth: 1,200 m</p>
-<p style="font-size: 75%; margin: .5em 0px 0px 0px; line-height: 110%;"><b>Atlantic</b><br>
-Area: 87,000 million km²<br>
-Mean depth: 3,900 m</p>
-<p style="font-size: 75%; margin: .5em 0px 0px 0px; line-height: 110%;"><b>. . .</b></p>
-</div>
-</td></tr></tbody></table>
-<p><br>
-Uwagi dotyczące tej demonstracji:
-</p>
-<ul><li>Indeks górny 2 (w "miliony km²") jest znakiem Unicode, zakodowanym jako <code>\B2</code> w pliku CSS.
-</li><li> Nagłówek "Oceany" ma ujemny górny margines zewnętrzny, przesuwający go w górę, dzięki czemu jest wyświetlany nad ramką.
-</li></ul>
-<p><br>
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
-<caption>Wyzwanie
-</caption><tbody><tr>
-<td> Zmień arkusz stylów, aby wyświetlał dokument jako tabelę.
-<p>(Zajrzyj na stronę <a class="external" href="http://www.w3.org/TR/CSS21/tables.html">Tables</a> w specyfikacji CSS, aby znaleźć przykłady.)
-</p>
-</td></tr></tbody></table>
-<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4>
-<p>Jeżeli masz problemy ze zrozumieniem tej strony, lub jeżeli masz jakieś komentarze na jej temat, pomóż nam dopisując się na stronie <a>Dyskusji</a>.
-</p><p>To jest ostatnia strona tego kursu.
-Więcej informacji na temat CSS w Mozilli możesz znaleźć na głównej stronie <a href="pl/CSS">CSS</a>-a na tym wiki.
-</p>{{ languages( { "en": "en/CSS/Getting_Started/XML_data", "fr": "fr/CSS/Premiers_pas/Donn\u00e9es_XML", "pt": "pt/CSS/Como_come\u00e7ar/Dados_XML", "ko": "ko/CSS/Getting_Started/XML_data" } ) }}
diff --git a/files/pl/web/css/na_początek/wiązania_xbl/index.html b/files/pl/web/css/na_początek/wiązania_xbl/index.html
deleted file mode 100644
index 9218b33797..0000000000
--- a/files/pl/web/css/na_początek/wiązania_xbl/index.html
+++ /dev/null
@@ -1,176 +0,0 @@
----
-title: Wiązania XBL
-slug: Web/CSS/Na_początek/Wiązania_XBL
-tags:
-  - 'CSS:Na_początek'
-translation_of: Archive/Beginner_tutorials/Using_XBL_from_stylesheets
----
-<p>
-</p><p>Ta strona opisuje jak możesz używać CSS-u w Mozilli, aby poprawić strukturę złożonych aplikacji, sprawiając, że kod i zasoby stają się wygodniejsze do zarządzania i ponownego użycia.
-</p><p>Wykorzystasz te techniki w przykładowej demonstracji.
-</p>
-<h3 id="Informacja:_Wi.C4.85zania_XBL" name="Informacja:_Wi.C4.85zania_XBL"> Informacja: Wiązania XBL </h3>
-<p>Struktura dostarczana przez język znaczników i CSS nie jest idealna dla złożonych aplikacji, gdzie fragmentu muszą być kompletne i umożliwiać ponowne wykorzystanie. Możesz umieścić arkusze stylów w osobnych plikach, możesz umieścić skrypty w osobnych plikach. Ale musisz dodawać odnośniki do tych plików z dokumentu.
-</p><p>Inne ograniczenie strukturalne dotyczy zawartości. Możesz użyć CSS, aby dodać zawartość do wybranych elementów, ale ta zawartość jest ograniczona do tekstu i obrazków, a ich pozycjonowanie jest ograniczone do <i>przed</i> i <i>za</i> wybranym elementem.
-</p><p>Mozilla dodaje mechanizm, który pozwala pokonać te ograniczenia: <i>XBL</i> (Język Wiązań XML).
-Możesz używać XBL-a do wiązania wybranych elementów:
-</p>
-<ul><li>arkuszy stylów,
-</li><li>zawartości,
-</li><li>właściwości i metod,
-</li><li>uchwytów zdarzeń.
-</li></ul>
-<p>Ponieważ unikasz umieszczania odnośników do tego wszystkiego w dokumencie, możesz stworzyć elementy kompletne, którymi łatwo można zarządzać i które można wielokrotnie wykorzystywać.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
-<caption>Więcej szczegółów
-</caption><tbody><tr>
-<td> Aby dowiedzieć się więcej o wiązaniach XBL, zajrzyj na stronę o <a href="pl/XBL">XBL</a> na tym wiki.
-</td></tr></tbody></table>
-<h3 id="Zadanie:_Demonstracja_XBL-a" name="Zadanie:_Demonstracja_XBL-a"> Zadanie: Demonstracja XBL-a </h3>
-<p>Stwórz nowy dokument HTML, <code>doc6.html</code>.
-Skopiuj i wklej do niego poniższy kod:
-</p>
-<div style="width: 48em;"><pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-
-&lt;HEAD&gt;
-&lt;TITLE&gt;Mozilla CSS Getting Started - XBL demonstration&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style6.css"&gt;&lt;/strong&gt;
-&lt;/HEAD&gt;
-
-&lt;BODY&gt;
-&lt;H1&gt;XBL demonstration&lt;/H1&gt;
-&lt;DIV id="square"&gt;Click Me&lt;/DIV&gt;
-&lt;/BODY&gt;
-
-&lt;/HTML&gt;
-</pre></div>
-<p>Stwórz nowy plik CSS, <code>style6.css</code>.
-Ten arkusz stylów zawiera style dokumentu.
-Skopiuj i wklej do niego poniższy kod:
-</p>
-<div style="width: 48em;"><pre>/*** XBL demonstration ***/
-#square {
-  -moz-binding: url("square.xbl#square");
-  }
-</pre></div>
-<p>Stwórz nowy plik tekstowy, <code>square.xbl</code>.
-Ten plik zawiera wiązanie XBL.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że zaznaczyłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>&lt;?xml version="1.0"?&gt;
-&lt;!DOCTYPE bindings&gt;
-&lt;bindings xmlns="http://www.mozilla.org/xbl"&gt;
-
-&lt;binding id="square"&gt;
-
-  &lt;resources&gt;
-    &lt;stylesheet src="bind6.css"/&gt;
-    &lt;/resources&gt;
-
-  &lt;content xmlns="http://www.w3.org/1999/xhtml"&gt;
-    &lt;div anonid="square"/&gt;
-    &lt;button anonid="button" type="button"&gt;
-      &lt;xbl:children/&gt;
-      &lt;/button&gt;
-    &lt;/content&gt;
-
-  &lt;implementation&gt;
-
-    &lt;field name="square"&gt;&lt;![CDATA[
-      document.getAnonymousElementByAttribute(this, "anonid", "square")
-      ]]&gt;&lt;/field&gt;
-
-    &lt;field name="button"&gt;&lt;![CDATA[
-      document.getAnonymousElementByAttribute(this, "anonid", "button")
-      ]]&gt;&lt;/field&gt;
-
-    &lt;method name="doDemo"&gt;
-      &lt;body&gt;&lt;![CDATA[
-        this.square.style.backgroundColor = "#cf4"
-        this.square.style.marginLeft = "20em"
-        this.button.setAttribute("disabled", "true")
-        setTimeout(this.clearDemo, 2000, this)
-        ]]&gt;&lt;/body&gt;
-      &lt;/method&gt;
-
-    &lt;method name="clearDemo"&gt;
-      &lt;parameter name="me"/&gt;
-      &lt;body&gt;&lt;![CDATA[
-        me.square.style.backgroundColor = "transparent"
-        me.square.style.marginLeft = "0"
-        me.button.removeAttribute("disabled")
-        ]]&gt;&lt;/body&gt;
-      &lt;/method&gt;
-
-    &lt;/implementation&gt;
-
-  &lt;handlers&gt;
-    &lt;handler event="click" button="0"&gt;&lt;![CDATA[
-     if (event.originalTarget == this.button) this.doDemo()
-     ]]&gt;&lt;/handler&gt;
-    &lt;/handlers&gt;
-
-  &lt;/binding&gt;
-
-&lt;/bindings&gt;
-</pre></div>
-<p>Stwórz nowy plik CSS, <code>bind6.css</code>.
-Ten arkusz stylów zawiera style do wiązań.
-Skopiuj i wklej do niego poniższy kod:
-</p>
-<div style="width: 48em;"><pre>/*** XBL demonstration ***/
-[anonid="square"] {
-  width: 20em;
-  height: 20em;
-  border: 2px inset gray;
-  }
-
-[anonid="button"] {
-  margin-top: 1em;
-  padding: .5em 2em;"
-  }
-</pre></div>
-<p>Otwórz dokument w swojej przeglądarce i naciśnij przycisk.
-</p><p>To wiki nie obsługuje JavaScript-u na stronach, więc nie jest możliwe pokazanie demonstracji.
-Wygląda to mniej więcej tak jak poniżej, przed i po naciśnięciu przycisku:
-</p>
-<table>
-<tbody><tr>
-<td style="padding-right: 2em;">
-<table style="border: 2px outset #36b; padding: 0 4em .5em .5em;">
-<tbody><tr>
-<td><p><b>XBL demonstration</b></p>
-<div style="width: 5em; height: 5em; border: 2px inset gray; background-color: white; margin-right: 5em;">
-<div style="width: 2em; height: 1em; border: 1px outset black; background-color: #ccc; margin-top: 4px;">
-</div></div></td></tr></tbody></table>
-</td><td>
-<table style="border: 2px outset #36b; padding: 0 4em .5em .5em;">
-<tbody><tr>
-<td><p><b>XBL demonstration</b></p>
-<div style="width: 5em; height: 5em; border: 2px inset gray; background-color: #cf4; margin-left: 5em;">
-<div style="width: 2em; height: 1em; border: 1px inset black; background-color: #ccc; margin-top: 4px;">
-</div></div></td></tr></tbody></table>
-</td></tr></tbody></table>
-<p>Uwagi dotyczące demonstracji:
-</p>
-<ul><li>Dokument HTML posiada odnośniki do arkusza stylów, ale także do pliku JavaScript.
-</li><li>Dokument nie posiada żadnego przycisku. Posiada jedynie tekst, który pojawi się na nim. Przycisk jest dodawany przez wiązanie.
-</li><li>Arkusz stylów dokumentu posiada odnośnik do wiązania.
-</li><li>Wiązanie ma odnośnik do własnego arkusza stylów i własną treść oraz kod JavaScript. Wiązanie zawiera własną zawartość.
-</li></ul>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: .5em;">
-<caption>Wyzwanie
-</caption><tbody><tr>
-<td> Zmień plik XBL tak, aby obiekt square poszerzał się dwukrotnie, zamiast przeskakiwania w prawo, kiedy zmienia kolor.
-<p>Użyj Inspektora DOM, aby zbadać dokument, analizując dodaną zawartość.
-</p>
-</td></tr></tbody></table>
-<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4>
-<p>Jeżeli masz problemy ze zrozumieniem tej strony albo chcesz ją skomentować, pomóż nam, dopisując się na stronie <a>Dyskusji</a>.
-</p><p>W tej demonstracji obiekt square oraz przycisk tworzą kompletną <i>kontrolkę</i>, która działa wewnątrz dokumentu HTML.
-</p><p>Mozilla posiada wyspecjalizowany język znaczników do tworzenia interfejsów użytkownika.
-Demonstruje to następna strona:
-<b><a href="pl/CSS/Na_pocz%c4%85tek/XUL-owe_interfejsy_u%c5%bcytkownika">XUL-owe interfejsy użytkownika</a></b>
-</p>{{ languages( { "en": "en/CSS/Getting_Started/XBL_bindings", "fr": "fr/CSS/Premiers_pas/Liaisons_XBL", "pt": "pt/CSS/Como_come\u00e7ar/XBL_bindings" } ) }}
diff --git a/files/pl/web/css/na_początek/xul-owe_interfejsy_użytkownika/index.html b/files/pl/web/css/na_początek/xul-owe_interfejsy_użytkownika/index.html
deleted file mode 100644
index c185657258..0000000000
--- a/files/pl/web/css/na_początek/xul-owe_interfejsy_użytkownika/index.html
+++ /dev/null
@@ -1,299 +0,0 @@
----
-title: XUL-owe interfejsy użytkownika
-slug: Web/CSS/Na_początek/XUL-owe_interfejsy_użytkownika
-tags:
-  - 'CSS:Na_początek'
-translation_of: Archive/Beginner_tutorials/XUL_user_interfaces
----
-<p>
-</p><p>Ta strona opisuje specjalny język Mozilli do tworzenia interfejsów.
-</p><p>Stworzysz przykładowy dokument demonstracyjny dla przeglądarek Gecko.
-</p>
-<h3 id="Informacja:_Interfejsy_u.C5.BCytkownika" name="Informacja:_Interfejsy_u.C5.BCytkownika"> Informacja: Interfejsy użytkownika </h3>
-<p>Mimo, że HTML posiada pewne wsparcie dla interfejsów użytkownika, to jest ono niewystarczające do stworzenia samodzielnej aplikacji.
-</p><p>Mozilla pozwala pokonać te ograniczenia poprzez użycie specjalnego języka do tworzenia interfejsów użytkownika: <i>XUL</i> (XML User-interface Language, XML-owy Język Interfejsu Użytkownika, zazwyczaj wymawiany jak "<i>zool</i>").
-</p><p>W XUL-u, wiele często używanych funkcji interfejsu użytkownika jest wbudowanych. Na przykład, XUL dostarcza wyspecjalizowane typy okien jak okna dialogowe czy kreatory (wizards), oraz paski statusu, menu, paski narzędziowe, a nawet przeglądarki.
-</p><p>Bardziej wyspecjalizowane funkcje, mogą zostać zbudowane z elementów przy użyciu XUL-a i innych technologii, które poznałeś(aś) w tym kursie: stylów CSS, kodu JavaScript, wiązań XBL.
-</p><p>Jak inne języki XML-owe, XUL używa arkuszy stylów CSS.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
-<caption>Więcej szczegółów
-</caption><tbody><tr>
-<td> Aby dowiedzieć się więcej o XUL-owych interfejsach użytkownika, zajrzyj na stroną o <a href="pl/XUL">XUL</a>-u na tym wiki.
-</td></tr></tbody></table>
-<h3 id="Zadanie:_Demonstracja_XUL-a" name="Zadanie:_Demonstracja_XUL-a"> Zadanie: Demonstracja XUL-a </h3>
-<p>Stwórz nowy dokument XUL jako czysty plik tekstowy, <code>doc7.xul</code>.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że zaznaczyłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>&lt;?xml version="1.0"?&gt;
-&lt;?xml-stylesheet type="text/css" href="style7.css"?&gt;
-&lt;!DOCTYPE window&gt;
-
-&lt;window
-  xmlns="http&amp;58;//www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
-  title="CSS Getting Started - XUL demonstration"
-  onload="init();"&gt;
-
-&lt;script type="application/x-javascript" src="script7.js"/&gt;
-
-&lt;label class="head-1" value="XUL demonstration"/&gt;
-
-&lt;vbox&gt;
-
-  &lt;groupbox class="demo-group"&gt;
-    &lt;caption label="Day of week calculator"/&gt;
-    &lt;grid&gt;
-      &lt;columns&gt;
-        &lt;column/&gt;
-        &lt;column/&gt;
-        &lt;/columns&gt;
-      &lt;rows&gt;
-        &lt;row&gt;
-          &lt;label class="text-prompt" value="Date:"
-            accesskey="D" control="date-text"/&gt;
-          &lt;textbox id="date-text" type="timed"
-            timeout="750" oncommand="refresh();"/&gt;
-          &lt;/row&gt;
-        &lt;row&gt;
-          &lt;label value="Day:"/&gt;
-          &lt;hbox id="day-box"&gt;
-            &lt;label class="day" value="Sunday" disabled="true"/&gt;
-            &lt;label class="day" value="Monday" disabled="true"/&gt;
-            &lt;label class="day" value="Tuesday" disabled="true"/&gt;
-            &lt;label class="day" value="Wednesday" disabled="true"/&gt;
-            &lt;label class="day" value="Thursday" disabled="true"/&gt;
-            &lt;label class="day" value="Friday" disabled="true"/&gt;
-            &lt;label class="day" value="Saturday" disabled="true"/&gt;
-            &lt;/hbox&gt;
-          &lt;/row&gt;
-        &lt;/rows&gt;
-      &lt;/grid&gt;
-    &lt;hbox class="buttons"&gt;
-      &lt;button id="clear" label="Clear" accesskey="C"
-        oncommand="clearDate();"/&gt;
-      &lt;button id="today" label="Today" accesskey="T"
-        oncommand="setToday();"/&gt;
-      &lt;/hbox&gt;
-    &lt;/groupbox&gt;
-
-  &lt;statusbar&gt;
-    &lt;statusbarpanel id="status"/&gt;
-    &lt;/statusbar&gt;
-
-&lt;/vbox&gt;
-
-&lt;/window&gt;
-</pre></div>
-<p>Stwórz nowy plik CSS, <code>style7.css</code>.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że wkleiłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>/*** XUL demonstration ***/
-window {
-  -moz-box-align: start;
-  background-color: -moz-dialog;
-  font: -moz-dialog;
-  padding: 2em;
-  }
-
-.head-1 {
-  font-weight: bold;
-  font-size: 200%;
-  padding-left: 5px;
-  }
-
-
-/* the group box */
-.demo-group {
-  padding: 1em;
-  }
-
-.demo-group grid {
-  margin-bottom: 1em;
-  }
-
-.demo-group column {
-  margin-right: .5em;
-  }
-
-.demo-group row {
-  margin-bottom: .5em;
-  }
-
-.demo-group .buttons {
-  -moz-box-pack: end;
-  }
-
-
-/* the day-of-week labels */
-.day {
-  margin-left: 1em;
-  }
-
-.day[disabled] {
-  color: #777;
-  }
-
-.day:first-child {
-  margin-left: 4px;
-  }
-
-
-/* the left column labels */
-.text-prompt {
-  padding-top: .25em;
-  }
-
-
-/* the date input box */
-#date-text {
-  max-width: 8em;
-  }
-
-
-/* the status bar */
-statusbar {
-  width: 100%;
-  border: 1px inset -moz-dialog;
-  margin: 4px;
-  padding: 0px 4px;
-  }
-
-#status {
-  padding: 4px;
-  }
-
-#status[warning] {
-  color: red;
-  }
-</pre></div>
-<p>Stwórz nowy plik tekstowy, <code>script7.js</code>.
-Skopiuj i wklej do niego poniższy kod, upewniając się, że zaznaczyłeś(aś) cały:
-</p>
-<div style="width: 48em; height: 12em; overflow: auto;"><pre>// XUL demonstration
-
-var dateBox, dayBox, currentDay, status; // elements
-
-// called by window onLoad
-function init() {
-  dateBox = document.getElementById("date-text")
-  dayBox = document.getElementById("day-box")
-  status = document.getElementById("status")
-  setToday();
-  }
-
-// called by Clear button
-function clearDate() {
-  dateBox.value = ""
-  refresh()
-  }
-
-// called by Today button
-function setToday() {
-  var d = new Date()
-  dateBox.value = (d.getMonth() + 1)
-    + "/" + d.getDate()
-    + "/" + d.getFullYear()
-  refresh()
-  }
-
-// called by Date textbox
-function refresh() {
-  var d = dateBox.value
-  var theDate = null
-
-  showStatus(null)
-  if (d != "") {
-    try {
-      var a = d.split("/")
-      var theDate = new Date(a[2], a[0] - 1, a[1])
-      showStatus(theDate)
-      }
-    catch (ex) {}
-    }
-  setDay(theDate)
-  }
-
-// internal
-function setDay(aDate) {
-  if (currentDay) currentDay.setAttribute("disabled", "true")
-  if (aDate == null) currentDay = null
-  else {
-    var d = aDate.getDay()
-    currentDay = dayBox.firstChild
-    while (d-- &gt; 0) currentDay = currentDay.nextSibling
-    currentDay.removeAttribute("disabled")
-    }
-  dateBox.focus()
-  }
-
-function showStatus(aDate) {
-  if (aDate == null) {
-    status.removeAttribute("warning")
-    status.setAttribute("label", "")
-    }
-  else if (aDate === false || isNaN(aDate.getTime())) {
-    status.setAttribute("warning", "true")
-    status.setAttribute("label", "Date is not valid")
-    }
-  else {
-    status.removeAttribute("warning")
-    status.setAttribute("label", aDate.toLocaleDateString())
-    }
-  }
-</pre></div>
-<p>Aby zobaczyć właściwy wynik, użyj domyślnego motywu w swojej przeglądarce.
-Jeżeli użyjesz innego, może on zmieniać trochę style interfejsu użytkownika i demonstracja może wyglądać dziwnie.
-</p><p>Otwórz ten dokument w przeglądarce Mozilli i skorzystaj z interfejsu.
-</p><p>To wiki nie obsługuje XUL-a ani JavaScript-u na stronach, nie jest więc możliwe pokazanie demonstracji tutaj.
-Wygląda ona mniej więcej tak:
-</p>
-<table style="border: 2px outset #36b; background-color: threedface; padding: 1em; cursor: default; white-space: nowrap; margin: .5em 0;">
-<tbody><tr>
-<td><p style="font-size: 150%; font-weight: bold; margin: 0; padding: 0;">XUL demonstration</p>
-<div style="position: relative; border: 2px groove threedhighlight; margin-top: 1em;">
-<p style="float: left; margin: -1em 0 0 .5em; padding: 0; background-color: threedface;">
-Day of week calculator</p>
-<table style="background-color: threedface; margin: .5em; padding-right: .5em;">
-<tbody><tr>
-<td style="padding-right: .5em;"><u>D</u>ate:
-</td><td style="background-color: white; border: 1px solid #000; width: 8em; float: left; cursor: text; padding: .15em .25em;">6/27/2005
-</td></tr>
-<tr>
-<td>Day:</td><td style="color: graytext;">Sunday <span style="color: #000;">Monday</span> Tuesday Wednesday Thurdsay Friday Saturday
-</td></tr>
-<tr>
-<td>
-</td><td><div style="float: right; margin-top: .5em;">
-<p><span style="border: 2px outset threedface; padding: .25em 1em;"><u>C</u>lear</span>
-<span style="border: 2px outset threedface; padding: .25em 1em;"><u>T</u>oday</span>
-</p>
-</div>
-</td></tr></tbody></table>
-</div>
-<div style="border: 1px inset threedface; margin-top: 1em;">
-<p style="margin: 0; padding: .25em .5em;">June 27, 2005</p>
-</div>
-</td></tr></tbody></table>
-<p>Uwagi dotyczące demonstracji:
-</p>
-<ul><li>Dokument XUL posiada odnośniki do arkuszy stylów, a także do skryptów.
-</li><li>Skrypt nie jest zbyt ważny w tej demonstracji.
-</li><li>Większość stylu, który widzisz, jest określona przez motyw graficzny przeglądarki.
-</li></ul>
-<p>Sprawdź arkusz stylów dokumentu, aby upewnić się, że rozumiesz wszystkie reguły w nim zawarte.
-Jeżeli jest jakaś reguła, której nie rozumiesz, wykomentuj ją i odśwież przeglądarkę, aby zobaczyć różnicę.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
-<caption>Wyzwanie
-</caption><tbody><tr>
-<td> Korzystając z Inspektora DOM sprawdź kontrolkę bloku tekstowego Date. Jest ona złożona z elementów stworzonych przez jej wiązanie XBL.
-<p>Znajdź <i>klasę</i> elementu <code>html:input</code>. To jest element, który przyjmuje dane od użytkownika.
-</p><p>Korzystając z tej wiedzy, dodaj regułę do arkusza stylów, która sprawia, że tło pola Date będzie jasno niebieskie kiedy jest ono aktywne dla klawiatury (ale białe kiedy jest nieaktywne).
-</p>
-</td></tr></tbody></table>
-<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4>
-<p>Jeżeli masz problemy ze zrozumieniem tej strony, lub jeżeli masz jakieś komentarze na jej temat, pomóż nam dopisując się na stronie <a>Dyskusji</a>.
-</p><p>W tej demonstracji, widzisz standardowe, prostokątne kształty, które są wspólne dla większości interfejsów użytkownika.
-Mozilla wspiera także specjalny język graficzny do tworzenia kształtów, którego styl tworzy się w CSS-ie.
-</p><p>Demonstruje to następna strona: <b><a href="pl/CSS/Na_pocz%c4%85tek/Grafika_SVG">Grafika SVG</a></b>
-</p>{{ languages( { "en": "en/CSS/Getting_Started/XUL_user_interfaces", "fr": "fr/CSS/Premiers_pas/Interfaces_utilisateur_XUL", "pt": "pt/CSS/Como_come\u00e7ar/Interfaces_de_usu\u00e1rio_XUL" } ) }}