Modificaciones :
Versión 1.0
Colores más planos
Texto aumentado
Fuente cambiada
Color de la cita cambiada
Color de notificaciones cambiados
Color del texto aumentado a un color más negro y más visible
Forocoches - Material Design 1.0 (Estilo Antiguo 2003) by aj20
Details
Authoraj20
LicenseNo License
CategoryForocoches , Forocoches.com
Created
Updated
Size311 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Forocoches Material Design 2
@namespace pdp-devs2
@description Estilo material design de @badjojo.
@version 0.0.27
@author PDP Devs
@homepageURL https://github.com/pdp-devs/fc-material-design
@supportURL https://github.com/pdp-devs/fc-material-design/issues
@license GPL
@preprocessor stylus
@var select theme "Tema" ["light:Tema claro", "dark:Tema oscuro"]
@var select quoteStyle "Estilo de citas" ["simple:Simple", "shadow:Con sombra"]
@var range opacity "Opacidad sombra citas" 29
@var checkbox showMessageNumber "Mostrar siempre número de mensaje" 0
@var checkbox useOriginalIcons "Usar iconos de multimedia originales" 1
@var checkbox useOriginalAvatars "Usar avatares originales" 0
@var checkbox useOriginalScrollbar "Usar barra de scroll original" 0
==/UserStyle== */
@-moz-document regexp("(http[s]?:\\/\\/)*(www\\.)?forocoches.*") {
.alt1-user,
.alt1-author {
background: var(--bg03);
color: var(--tx01);
border: 0 !important;
font-size: 16px;
line-height: 1.375;
}
if theme == light {
/* Parámetros tema claro */
:root {
/* Colores */
--bg01: #f2f2f2; /* Fondo principal */
--tx01: #000; /* Texto principal */
--bg02: #e5e5e5; /* Bordes */
--bg05: transparent; /* No tocar */
--bg04: #ffcdcdb0; /* Fondo oscuro */
--bg03: #fafafa; /* Fondo claro */
--bg07: #e5e5e5; /* Barra editor */
--bg08: #cccccc; /* Barra */
--tx07: #000; /* Enlaces principales */
--tx08: #000; /* Enlaces principales :hover */
--tx04: #c30; /* Enlaces secundarios */
--tx05: #c30; /* Enlaces secundarios :hover */
--rs01: #5590CC; /* Resalto usuario */
--rs1h: #73a4d5; /* Resalto usuario :hover */
--rs02: #cc3300; /* Resalto autor */
--rs2h: #f33d00; /* Resalto autor :hover */
--c200: #5590CC; /* Cabecera fondo */
--c400: #d00909; /* Notificación fondo */
--c40t: #fff; /* Notificación texto */
--c401: #1a1818; /* Resalto */
--co04: #ffffff; /* Cabecera texto :hover */
--co03: #ffffff; /* No modificar */
--co01: #ffffff; /* Blanco / negro */
--co02: #000000; /* Negro / blanco */
--rgb7: rgba(0, 0, 0, .7);
--rgb7b: #000; /* Cabecera texto */
--rgb5: rgba(0, 0, 0, .5); /* Texto secundario, varios */
--rgb2: rgba(0, 0, 0, .2);
--rgb2i: rgba(0, 0, 0, .2); /* No modificar */
--rgb1: rgba(0, 0, 0, .12);
--barbg: var(--bg01);
--bartx: var(--rs01);
--bartxh: var(--rs2h);
/* Sombras */
--bsh2: 0px 3px 1px -2px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
--bsh4: 0px 2px 4px -1px rgba(0, 0, 0, 0.08), 0px 4px 5px 0px rgba(0, 0, 0, 0.06), 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
--bsh8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
/* Otros */
/* Tamaño texto titulos */
--sz01: 20px;
/* Resaltado botones */
--bns1: brightness(90%);
--bns2: brightness(85%);
/* Compatibilidad */
--invert: invert(0%);
}
/* Flecha input */
select {
background: var(--co01) url(https://i.imgur.com/PQZTmbv.png) right no-repeat;
}
/* Compatibilidad */
font[color="#f1f1f1"] {
color: var(--bg03);
}
/* Fin parámetros tema claro */
} else if theme == dark {
/* parametros tema oscuro */
:root {
/* colores */
--bg01: #121212; /* fondo principal */
--tx01: #d1d1d1; /* texto 1 */
--bg02: #252525; /* bordes 1 */
--bg05: transparent; /* bordes 2 */
--bg04: #232323; /* fondo oscuro */
--bg03: #1C1C1C; /* fondo claro */
--tx03: #6e6e6e; /* texto 2 */
--bg07: #232323; /* editor */
--bg08: #232323; /* barra 1 */
--tx06: #bfbfbf; /* texto b */
--tx07: #e57650; /* enlaces principales */
--tx08: #e5987e; /* enlaces principales */
--tx04: #e57650; /* enlaces secundarios */
--tx05: #e5987e; /* enlaces secundarios */
--rs01: #64b5f6; /* usuario */
--rs04: #212e3b; /* usuario */
--rs02: #e57650; /* autor */
--rs03: #e5987e; /* autor */
--cv01: #81c784; /* usuarios en linea */
--c200: #232323; /* cabecera */ /*url(https://i.imgur.com/64KznUR.jpg) no-repeat; FIXME */
--c400: #ff5252; /* notificacion */
--c40t: #fff; /* notificacion */
--c401: #e57650; /* resalto */
--co03: #fff; /* no modificar */
--co04: #fff; /* enlaces cabecera blanco/negro */
--co01: #1C1C1C; /* fondo claro/oscuro */
--co02: #fff; /* blanco/negro */
--rgb7: rgba(255, 255, 255, .7);
--rgb7b: rgba(255, 255, 255, .7); /* enlaces cabecera */
--rgb5: rgba(255, 255, 255, .5);
--rgb2: rgba(255, 255, 255, .2);
--rgb2i: rgba(0, 0, 0, .2); /* no modificar */
--rgb1: rgba(255, 255, 255, .12);
--barbg: var(--bg01);
--bartx: var(--bg04);
--bartxh: var(--rs2h);
/* sombras */
--dsh2: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.15));
--dsh4: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
--dsh6: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.15));
--bsh1: 0 1px 2px rgba(0, 0, 0, 0.15);
--bsh2: 0 2px 2px rgba(0, 0, 0, 0.15);
--bsh4: 0 4px 4px rgba(0, 0, 0, 0.15);
--bsh8: 0 8px 8px rgba(0, 0, 0, 0.15);
/* otros */
--sz01: 19px; /* tamaño titulos */
/* resaltado botones */
--bns1: brightness(126%);
--bns2: brightness(110%);
/* compatibilidad */
--invert: invert(100%);
}
/* botones foro */
img[src*="/reply.gif"],
img[src*="/threadclosed.gif"],
img[src*="/newthread.gif"],
img[src*="/multiquote_on.gif"],
img[src*="/multiquote_off.gif"],
img[src*="/quickreply.gif"],
img[src*="/edit.gif"],
img[src*="/quote.gif"] {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='#FFFFFF' d='M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z' /></svg>"); /* FIXME */
background-size: 114px 232px;
}
/* botones privados */
img[src*="/newprivate.png"],
img[src*="/reply_small.gif"],
img[src*="/forward.gif"] {
background: url(http://i.imgur.com/74ujPY8.png); /* FIXME */
background-size: 132px 86px;
}
/* flecha input */
select {
background: var(--co01) url("data:image/png;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC41OSAxNi41OUwxMy4xNyAxMiA4LjU5IDcuNDEgMTAgNmw2IDYtNiA2LTEuNDEtMS40MXoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48L3N2Zz4=") right no-repeat;
}
/* compatibilidad */
img[src*="/editor/"], /*img[src*="/statusicon/"],*/
img[src*="/misc/"], img[src*="/buttons/"]:not([src*="/buttons/report.png"]):not([src*="/buttons/threadclosed.gif"]), img[src*="images/mention.png"] {
filter: invert(100%);
}
if (useOriginalIcons == 0) {
img[src*='/image/twitter_logo_blue.png'],
img[src*="/varios/instagram_logo.png"],
img[src*="/image/vocaroo_logo2.png"],
img[src*='/image/tiktok_logo.png'],
img[src*="/image/facebook_logo_blue.png"] {
filter: invert(100%);
}
}
img[src*="/statusicon/user"]:not([src*="user_offline.gif"]) {
filter: initial;
}
/* colores necesarios para tema oscuro */
font[color="Black"] {
color: var(--tx01);
}
font[color="#000000"] {
color: var(--tx01);
}
font[color="#f1f1f1"] {
color: var(--bg03);
}
font[color="White"] {
color: var(--bg01);
}
font[color="Silver"] {
color: #2c2c2c;
}
font[color="Red"] {
color: #f75252;
}
font[color="DarkRed"] {
color: #b33636;
}
font[color="Navy"] {
color: #5c95e5;
}
font[color="Blue"] {
color: #91baf2;
}
font[color="Green"] {
color: #85e585;
}
font[color="DarkGreen"] {
color: #5cbf5c;
}
font[color="Yellow"] {
color: #f2f26d;
}
img[id^="vB_Editor"][style="background-color: Black;"] {
background: var(--tx01) !important;
}
img[id^="vB_Editor"][style="background-color:black"] {
background: var(--tx01) !important;
}
img[id^="vB_Editor"][style="background-color: White;"] {
background: var(--bg01) !important;
}
img[id^="vB_Editor"][style="background-color: Silver;"] {
background: #2c2c2c !important;
}
img[id^="vB_Editor"][style="background-color: Red;"] {
background: #f75252 !important;
}
img[id^="vB_Editor"][style="background-color: DarkRed;"] {
background: #b33636 !important;
}
img[id^="vB_Editor"][style="background...