Convert /web/css/[doublecolon-a] folder to Markdown (es) (#8235)

* Convert /web/css/[doublecolon-a] folder to Markdown (es)

* Apply suggestions from code review

Original PR by: Queen Vinyl Da.i'gyu-Kazotetsu <[email protected]>

files/es/web/css/_doublecolon_-moz-color-swatch/index.md

@@ -0,0 +1,49 @@
+---
+title: '::-moz-color-swatch'
+slug: Web/CSS/::-moz-color-swatch
+translation_of: Web/CSS/::-moz-color-swatch
+---
+{{CSSRef}}{{Non-standard_header}}
+
+El **`::-moz-color-swatch`** [pdseudo-elemento CSS](/es/docs/Web/CSS) es una[ extension de Mozilla](/es/docs/Web/CSS/Mozilla_Extensions) que representa el color seleccionado en un {{HTMLElement("input")}} de `type="color"`.
+
+> **Nota:** Usando `::-moz-color-swatch` con cualquier cosa excepto `<input type="color">` no concuerda con nada y no tiene efecto.
+
+## Sintaxis
+
+{{csssyntax}}
+
+## Ejemplo
+
+### HTML
+
+```html
+<input type="color" value="#de2020" />
+```
+
+### CSS
+
+```css
+input[type=color]::-moz-color-swatch {
+  border-radius: 10px;
+  border-style: none;
+}
+```
+
+### Resultado
+
+{{EmbedLiveSample("Example", 300, 50)}}
+
+## Especificaciones
+
+No es parte de ninguna especificacion. Es un pseudo-elemento patentado específicamente para Gecko.
+
+## Browser compatibility
+
+{{Compat("css.selectors.-moz-color-swatch")}}
+
+## Ver tambien
+
+- Pseudo-elementos similares usados por otros buscadores:
+
+  - {{cssxref("::-webkit-color-swatch")}}, pseudo-elemento soportado por WebKit y Blink (Safari, Chrome, and Opera)

files/es/web/css/_doublecolon_-moz-page-sequence/index.md

@@ -0,0 +1,34 @@
+---
+title: '::-moz-page-sequence'
+slug: Web/CSS/::-moz-page-sequence
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsExample
+  - No estándar(2)
+  - Pseudo-elemento
+  - Referencia CSS
+translation_of: Web/CSS/::-moz-page-sequence
+---
+{{CSSRef}}{{non-standard_header}}
+
+## Resumen
+
+El [pseudo-elemento ](/es/docs/Web/CSS/Pseudo-elements)[CSS ](/es/docs/Web/CSS)`::-moz-page-sequence` sirve para representar el fondo de la previsualización de impresión.
+
+## Ejemplos
+
+Necesita un eejemplo
+
+## Especificaciones
+
+No es parte de ninguna especificación.
+
+## Compatibilidad con los distintos navegadores
+
+{{Compat("css.selectors.-moz-page-sequence")}}
+
+## Ver además
+
+- {{cssxref("::-moz-page")}}
+- {{cssxref("::-moz-scrolled-page-sequence")}}

files/es/web/css/_doublecolon_-moz-page/index.md

@@ -0,0 +1,25 @@
+---
+title: '::-moz-page'
+slug: Web/CSS/::-moz-page
+tags:
+  - CSS
+  - NeedsCompatTable
+  - NeedsE
+  - No estándar(2)
+  - Referencia CSS
+translation_of: Web/CSS/::-moz-page
+---
+{{Non-standard_header}}{{CSSRef}}
+
+## Resumen
+
+El [pseudo-elemento](/es/docs/Web/CSS/Pseudo-elements)` CSS ::-moz-page` se aplica a una página individual que va a ser impresa o que está en previsualización para impresión.
+
+## Especificaciones
+
+No es parte de ninguna especificación.
+
+## Ver además
+
+- {{cssxref("::-moz-page-sequence")}}
+- {{cssxref("::-moz-scrolled-page-sequence")}}

files/es/web/css/_doublecolon_-moz-progress-bar/index.md

@@ -0,0 +1,57 @@
+---
+title: '::-moz-progress-bar'
+slug: Web/CSS/::-moz-progress-bar
+tags:
+  - CSS
+  - 'CSS: Extensiones Mozilla'
+  - NeedsCompatTable
+  - No estandar
+  - Pseudo-elemento
+  - Referencia
+translation_of: Web/CSS/::-moz-progress-bar
+---
+{{CSSRef}}{{Non-standard_header}}
+
+El [pseudo-elemento](/es/docs/Web/CSS/Pseudo-elements) **`::-moz-progress-bar`** de [CSS](/es/docs/Web/CSS) es una [extensión de Mozilla](/es/docs/Web/CSS/Mozilla_Extensions) que representa la barra de progreso dentro de un elemento {{HTMLElement("progress")}}. (La barra representa la cantidad de progreso que se ha realizado).
+
+## Sintaxis
+
+{{csssyntax}}
+
+## Ejemplos
+
+### HTML
+
+```html
+<progress value="30" max="100">30%</progress>
+<progress max="100">Indeterminado</progress>
+```
+
+### CSS
+
+```css
+::-moz-progress-bar {
+  background-color: red;
+}
+
+/* Forzar barras indeterminadas para tener ancho cero */
+:indeterminate::-moz-progress-bar {
+  width: 0;
+}
+```
+
+### Resultado
+
+{{EmbedLiveSample('Ejemplos')}}
+
+La primera barra de arriba debe tener este aspecto:
+
+![Custom styled progress bar](/@api/deki/files/5387/=redbar.png)
+
+## Ver también
+
+- {{HTMLElement("progress")}}
+- {{ cssxref("::-ms-fill") }}
+- {{ cssxref("::-webkit-progress-bar") }}
+- {{ cssxref("::-webkit-progress-value") }}
+- {{ cssxref("::-webkit-progress-inner-element") }}