API tools faq
paste
Advertisement
Guest User

FOROCOCHES MATERIAL DESIGN CLARO BLANCO BADJOJO

a guest
Jun 19th, 2019
1,401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 105.94 KB | None | 0 0
raw download clone embed print report
  1. /* FOROCOCHES STYLE MATERIAL DESIGN BLANCO. CON IMÁGENES ARREGLADAS. GRACIAS BADJOJO*/
  2.  
  3. .alt1-user,
  4. .alt1-author {
  5. background: var(--bg03);
  6. color: var(--tx01);
  7. border: 0 !important;
  8. font-size: 16px;
  9. line-height: 1.375;
  10. }
  11.  
  12. /* Parámetros tema claro */
  13.  
  14.     :root {
  15.         /* Colores */
  16.         --bg01: #f2f2f2; /* Fondo principal */
  17.         --tx01: #3c3c3c; /* Texto principal */
  18.         --bg02: #e5e5e5; /* Bordes */
  19.         --bg05: transparent; /* No tocar */
  20.         --bg04: #f0f0f0; /* Fondo oscuro */
  21.         --bg03: #fafafa; /* Fondo claro */
  22.         --bg07: #e5e5e5; /* Barra editor */
  23.         --bg08: #cccccc; /* Barra */
  24.         --tx07: #cc3300; /* Enlaces principales */
  25.         --tx08: #f33d00; /* Enlaces principales :hover */
  26.         --tx04: #cc3300; /* Enlaces secundarios */
  27.         --tx05: #f33d00; /* Enlaces secundarios :hover */
  28.         --rs01: #5590CC; /* Resalto usuario */
  29.         --rs1h: #73a4d5; /* Resalto usuario :hover */
  30.         --rs02: #cc3300; /* Resalto autor */
  31.         --rs2h: #f33d00; /* Resalto autor :hover */
  32.         --c200: #5590CC; /* Cabecera fondo */
  33.         --c400: #ffffff; /* Notificación fondo */
  34.         --c40t: #5590CC; /* Notificación texto */
  35.         --c401: #cc3300; /* Resalto */
  36.         --co04: #ffffff; /* Cabecera texto :hover */
  37.         --co03: #ffffff; /* No modificar */
  38.         --co01: #ffffff; /* Blanco / negro */
  39.         --co02: #000000; /* Negro / blanco */
  40.         --rgb7: rgba(0, 0, 0, .7);
  41.         --rgb7b: rgba(255, 255, 255, .85); /* Cabecera texto */
  42.         --rgb5: rgba(0, 0, 0, .5); /* Texto secundario, varios */
  43.         --rgb2: rgba(0, 0, 0, .2);
  44.         --rgb2i: rgba(0, 0, 0, .2); /* No modificar */
  45.         --rgb1: rgba(0,0,0,.12);
  46.  
  47.         /* Sombras */
  48.         --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);
  49.         --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);
  50.         --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);
  51.  
  52.         /* Otros */
  53.         /* Tamaño texto titulos */
  54.         --sz01: 14px;
  55.  
  56.         /* Resaltado botones */
  57.         --bns1: brightness(90%);
  58.         --bns2: brightness(85%);
  59.  
  60.         /* Compatibilidad */
  61.         --invert: invert(0%);
  62.     }
  63.  
  64.     /* Flecha input */
  65.     select {
  66.         background: var(--co01) url(https://i.imgur.com/PQZTmbv.png) right no-repeat;
  67.     }
  68.     /* Compatibilidad  */
  69.     font[color="#f1f1f1"] {color: var(--bg03);}
  70.  
  71.     /* Fin parámetros tema claro */
  72.  
  73.  
  74.  
  75.  
  76.  
  77.     /* FUENTES */
  78.     @font-face {
  79.         font-family: Roboto;
  80.         font-style: normal;
  81.         font-weight: 400;
  82.         src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
  83.         unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
  84.     }
  85.     @font-face {
  86.         font-family: Roboto;
  87.         font-style: normal;
  88.         font-weight: 500;
  89.         src: local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  90.         unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
  91.     }
  92.     @font-face {
  93.         font-family: Roboto;
  94.         font-style: normal;
  95.         font-weight: 700;
  96.         src: local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  97.         unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
  98.     }
  99.  
  100.     .adcontenido,
  101.     .bginput optgroup,
  102.     .bginput option,
  103.     .bginput,
  104.     .button,
  105.     .cat,
  106.     .cbutton,
  107.     .cfield,
  108.     .contenido,
  109.     .contenido1,
  110.     .contenido_menu,
  111.     .fc2010,
  112.     .field,
  113.     .miniyo,
  114.     .navbar,
  115.     .smallfont,
  116.     .tcat,
  117.     .texto,
  118.     .texto1,
  119.     .thead,
  120.     .top2,
  121.     .vbmenu_control,
  122.     .vbmenu_hilite,
  123.     .vbmenu_option,
  124.     .wysiwyg,
  125.     TEXTAREA,
  126.     body,
  127.     legend,
  128.     li,
  129.     optgroup,
  130.     option,
  131.     p,
  132.     select,
  133.     td,
  134.     textarea,
  135.     th {
  136.         font-family: Roboto, Arial;
  137.     }
  138.  
  139.     /* Hilos inicio */
  140.     .texto,
  141.     .texto1 {
  142.         font-size: var(--sz01)
  143.     }
  144.     /* Posts */
  145.     .alt1 div[id^=post_message],
  146.     .alt1 div[id^=post_message] li {
  147.         font-size: 16px;
  148.         line-height: 1.375;
  149.     }
  150.     /* Citas */
  151.     #HOTWordsTxt td.alt2,
  152.     td.alt2[style="border:1px inset; -moz-border-radius: 8px; border-radius: 8px; margin: 8px; padding: 8px; word-wrap: break-word; display:block; max-height:410px; overflow:auto;"] {
  153.         font-size: 16px;
  154.         line-height: 1.375;
  155.     }
  156.     /* Code */
  157.     div#posts pre.alt2,
  158.     code {
  159.         line-height: 1.125;
  160.     }
  161.  
  162.     /* Editor de mensajes */
  163.     .wysiwyg,
  164.     textarea {
  165.         font-size: 16px !important;
  166.         line-height: 1.4 !important;
  167.         font-family: Roboto !important;
  168.     }
  169.  
  170.     /* Tamaño de fuente */
  171.     .smallfont {font-size: 13px;}
  172.     font[size="1"] {font-size: 12px;}
  173.     font[size="2"] {font-size: 15px;}
  174.     font[size="3"] {font-size: 17px;}
  175.     font[size="4"] {font-size: 20px;}
  176.     font[size="5"] {font-size: 24px;}
  177.     font[size="6"] {font-size: 29px;}
  178.     font[size="7"] {font-size: 37px;}
  179.  
  180.     /* QUITAR ELEMENTOS */
  181.     td.contenido>form[name="busca"],
  182.     td.cmini>form[name="busca"] {
  183.         display: none;
  184.     }
  185.     /* Icono multipágina */
  186.     img[src*="/misc/multipage.png"] {
  187.         display: none;
  188.     }
  189.     /* Tablas vacías bajo cabecera */
  190.     table.cajasnews td[bgcolor="#f5f5f5"][align=left][width="65%"],
  191.     table.cajasnews td[bgcolor="#f5f5f5"][align=left][width="65%"] + td[bgcolor="#f5f5f5"][align=right],
  192.     div[id="1st"],
  193.     TABLE#AutoNumber4[width="100%"][cellspacing="0"][bordercolor="#111111"][border="0"][style="border-collapse: collapse"],
  194.     table#AutoNumber6 {
  195.         display: none;
  196.     }
  197.     /* Quitar iconos inicio */
  198.     img[src*="/bullet_pic2.gif"],
  199.     img[src*="/bullet_minisquare.gif"] {
  200.         display: none;
  201.     }
  202.     /* Tabla boton refrescar, no modificar */
  203.     #inlinemodform table[style="margin-bottom:3px"]+br+table#table3.tborder[width="100%"][cellspacing="1"][cellpadding="5"][border="0"][align=center],
  204.     table[style="margin-bottom:3px"]+br+table#table3.tborder[width="100%"][cellspacing="1"][cellpadding="5"][border="0"][align=center]+br {
  205.         display: none;
  206.     }
  207.     /* Barra lateral InfoCoches */
  208.     td#collapseobj_sidebar[style="padding-right:3px; "][bgcolor="#f9f9f9"][width="170"],
  209.     td[style="background-color:#f1f1f1;"][align=center][valign=top][width="15"] {
  210.         display: none !important;
  211.     }
  212.     td[style="padding-left:3px;"] {
  213.         padding: 0 !important;
  214.     }
  215.     /* Estando desconectado */
  216.     table.tborder[bgcolor="#555576"],
  217.     td[width="170"][bgcolor="#f9f9f9"],
  218.     td[width="170"][bgcolor="#f9f9f9"]+td[width="3"] {
  219.         display: none;
  220.     }
  221.     /* Iconos fecha/hora post */
  222.     img[src*="/post_old.gif"],
  223.     img[src*="/post_new.gif"] {
  224.         display: none;
  225.     }
  226.     /* Iconos barra de herramientas */
  227.     img[src*="/sendtofriend.gif"],
  228.     img[src*="/subscribe.gif"] {
  229.         display: none;
  230.     }
  231.     /* Resaltar autor barra de herramientas */
  232.     td[style*="border-left: 3px solid rgb(85, 145, 204); border-right: 3px solid rgb(85, 145, 204);"],
  233.     td[style*="border-left: 3px solid rgb(202, 52, 21); border-right: 3px solid rgb(202, 52, 21);"],
  234.     td[style="border-left: 3px solid #ca3415; border-right: 3px solid #ca3415;"],
  235.     td[style="border-left: 3px solid #5591cc; border-right: 3px solid #5591cc;"] {
  236.         border: 0 !important;
  237.     }
  238.     /* Titulo de hilo */
  239.     .cmega {
  240.         display: none;
  241.     }
  242.     /* Tabla vacia titulo de hilo */
  243.     table[id^=fcthread] td {
  244.         padding: 0 !important;
  245.         font: 0 none !important;
  246.     }
  247.     /* Fix boton borrar hilo */
  248.     table[id^=fcthread] form {
  249.         position: relative;
  250.     }
  251.     table[id^=fcthread] input.button {
  252.         position: absolute;
  253.         right: -4px;
  254.         top: -51px;
  255.     }
  256.     /* Tabla vacia titulo de hilo */
  257.     table[bgcolor="#d5e5ee"] {
  258.         margin-bottom: 0 !important;
  259.         background: 0 0;
  260.     }
  261.     /* tabla amarilla pie de página */
  262.     table.cajasprin>tbody>tr>td[bgcolor="#ffffe0"][align=center] {
  263.         display: none;
  264.     }
  265.     /* ranking bloqueo, table3 cuando hay publi */
  266.     table[style="margin-top:-2px"]+br+table#table3+br+br+table.tborder[cellpadding="6"]+br+table.tborder, table[style="margin-top:-2px"]+br+table#table3+br+br+table.tborder[cellpadding="6"]+br, table[style="margin-top:-2px"]+br+table.tborder[cellpadding="6"]+br+table.tborder, table[style="margin-top:-2px"]+br+table.tborder[cellpadding="6"]+br {
  267.         display: none;
  268.     }
  269.     /* tablas de publicidad vacias hilos */
  270.     TABLE.cajasprin[width="100%"][cellspacing="0"][cellpadding="2"][bordercolor="#111111"][border="0"][style="border-collapse: collapse"]>tbody>tr>td {
  271.         padding: 0;
  272.     }
  273.     TABLE.cajasprin[width="100%"][cellspacing="0"][cellpadding="2"][bordercolor="#111111"][border="0"][style="border-collapse: collapse"] {
  274.         border: 0;
  275.     }
  276.     /* tablas de publicidad inicio */
  277.     table#AutoNumber30 {
  278.         border: transparent;
  279.     }
  280.     /* fondo tabla publicidad desconectado */
  281.     td[bgcolor="#ffffe0"] {
  282.         background: 0 0;
  283.     }
  284.     /* tabla publicidad pie de foro desconectado */
  285.     div[id*=div-336x280] {
  286.         height: auto !important;
  287.     }
  288.     /* publicidad primer post desconectado */
  289.     span[style="border: solid #FAFAFA; border-left: 10px solid #DADADA; PADDING-LEFT: 5px; padding:5px; margin: 1px; float: right; width: 301px; height: 251px;"] {
  290.         border: none !important;
  291.         height: auto !important;
  292.     }
  293.     /* aviso hilos restringidos desconectado */
  294.     table#table3.tborder td.alt1[style="background-color:#FFF"] {
  295.         background-color: var(--bg04) !important;
  296.     }
  297.     /* listado de foros aviso desconectado */
  298.     div.panel[style="margin-top:5px; background-color:#ffffff;"] {
  299.         background-color: var(--bg03) !important;
  300.     }
  301.     div#div-300x250, div#div-300x600 {
  302.         height: auto !important;
  303.     }
  304.     /* publicidad persistente */
  305.     div[id^=div-970x90], table[height="90"][width="970"], table#AutoNumber30, table.cajasprin[bgcolor="#f0f5ff"] {
  306.         display: none;
  307.     }
  308.     /* tablas publicidad hilos */
  309.     body>div>center>table#AutoNumber1 td:not(:last-child), td[bgcolor="#f0f5ff"] {
  310.         display: none;
  311.     }
  312.     /* PRINCIPAL */
  313.  
  314.     /* logo forocoches */
  315.     body>div>center>table#AutoNumber1 td:last-child img {
  316.         /*  display: none; */
  317.         position: relative;
  318.         width: 166px;
  319.         height: 28px;
  320.         top: -6px;
  321.         opacity: 0;
  322.     }
  323.     body>div>center>table#AutoNumber1 td:last-child {
  324.         position: absolute;
  325.         z-index: 1;
  326.         display: block;
  327.         top: 22px;
  328.         left: 48px;
  329.         width: 166px;
  330.         height: 18px;
  331.         background: url(https://i.imgur.com/1w6j5Rc.png) 0 0/166px 18px;
  332.     }
  333.     /* fix chrome */
  334.     @media (min-resolution: 102dpi) {
  335.         body>div>center>table#AutoNumber1 td:last-child {
  336.             background: url(https://i.imgur.com/zLE1h9T.png) 0 0/166px 18px;
  337.         }
  338.     }
  339.     /* aviso cookies */
  340.     #infocookie {
  341.         display: none;
  342.     }
  343.     /* fondo principal */
  344.     body {
  345.         background: var(--bg01);
  346.         color: var(--tx01);
  347.         margin: 0;
  348.     }
  349.     /* textos principales */
  350.     .texto, .texto1, font[color="#000000"] {
  351.         color: var(--tx01);
  352.     }
  353.     /* textos secundarios */
  354.     .time, .smallfont-gray {
  355.         color: var(--rgb5);
  356.     }
  357.     /* enlaces principales */
  358.     a:link, a:visited, .texto A {
  359.         color: var(--tx07);
  360.     }
  361.     .contenido A:hover, .contenido_menu A:hover, .adcontenido A:hover, .texto A:hover, .texto1 A:hover, .miniyo A:hover, .top2 A:hover, A:hover, a:active {
  362.         color: var(--tx08);
  363.         text-decoration: none;
  364.     }
  365.     /* barra principal */
  366.     table.cajasprin[style="border-collapse: collapse"]:nth-of-type(1) {
  367.         position: relative;
  368.         top: 0;
  369.         width: 100%;
  370.         border: 0;
  371.         border-bottom: 0;
  372.     }
  373.     table#AutoNumber9 {
  374.         position: absolute;
  375.         top: 15px;
  376.         left: 214px;
  377.         display: block;
  378.         width: auto;
  379.         z-index: 1;
  380.     }
  381.     table#AutoNumber9>tbody>tr {
  382.         display: block;
  383.         border-spacing: 8px 0;
  384.         border-collapse: separate;
  385.     }
  386.     table#AutoNumber9>tbody>tr>td {
  387.         border: 0;
  388.         height: 32px;
  389.     }
  390.     /* texto */
  391.     table#AutoNumber9 font {
  392.         font-size: 13.16px;
  393.         /* fix chrome valign */
  394.         font-family: Roboto;
  395.         font-weight: 500;
  396.         -webkit-user-select: none;
  397.         -moz-user-select: none;
  398.     }
  399.     /* ocultar primer boton */
  400.     table#AutoNumber9>tbody>tr>td:nth-child(1) {
  401.         display: none;
  402.     }
  403.     /* activo */
  404.     table#AutoNumber9>tbody>tr>td[bgcolor="#FFFFFB"], table#AutoNumber9>tbody>tr>td[bgcolor="#ECECEC"] {
  405.         background: var(--rgb2);
  406.         border-radius: 2px;
  407.         padding: 0;
  408.         box-shadow: var(--bsh2);
  409.     }
  410.     /* hover */
  411.     table#AutoNumber9>tbody>tr>td[bgcolor="#FFFFFB"]:hover {
  412.         background: var(--rgb5);
  413.     }
  414.     /* inactivo hover */
  415.     table#AutoNumber9>tbody>tr>td[bgcolor="#ffffff"] {
  416.         background: var(--rgb5);
  417.         border-radius: 2px;
  418.         padding: 0;
  419.         box-shadow: var(--bsh2);
  420.     }
  421.     /* hacer botones clicables en todo el ancho */
  422.     table#AutoNumber9>tbody>tr>td>a {
  423.         padding: 0 8px;
  424.         line-height: 32px;
  425.         display: block;
  426.         color: var(--co03);
  427.     }
  428.     /* pie de página foro */
  429.     td.cmini {
  430.         border: none !important;
  431.         padding: 8px 4px;
  432.     }
  433.     /* borde y fondo tabla pie de página */
  434.     table[style="border-collapse: collapse"][bordercolordark="#000000"][bordercolorlight="#000000"][bordercolor="#111111"][bgcolor="#CCCCCC"] {
  435.         border: 1px solid transparent;
  436.         background: 0 0;
  437.     }
  438.     /* pie de página foro quitar color superpuesto */
  439.     td.cmini[bgcolor="#FFFFFF"] {
  440.         background: 0 0;
  441.     }
  442.     table[width="100%"][cellpadding="2"].page {
  443.         border-top: 1px solid var(--bg02);
  444.         border-left: 1px solid var(--bg02);
  445.         border-right: 1px solid var(--bg02);
  446.     }
  447.     /* pie de página inicio */
  448.     td.contenido[style="border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"], td.contenido[style="border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"], td.contenido[style="border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"] {
  449.         background: 0 0 !important;
  450.         padding: 8px 5px 9px;
  451.         border-top: 1px solid transparent !important;
  452.     }
  453.     td.contenido[style="border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"] a {
  454.         font-weight: 400;
  455.     }
  456.     /* pantalla resultados búsqueda con buscador de google */
  457.     .panelsurround table#AutoNumber1 td[bordercolor="#C0C0C0"][bgcolor="#FBFBFB"] {
  458.         background: var(--bg03);
  459.         border: 1px solid !important;
  460.     }
  461.     /* bordes */
  462.     table.tborder, div.tborder[style="padding:1px; border-top-width:0px"] {
  463.         border-collapse: collapse;
  464.         padding: 0 !important;
  465.     }
  466.     /* borde a lista de foros */
  467.     td[id^="f"][class^=alt1], td[id^="f"][class^=alt1]+td.alt2, tbody[id^=collapseobj_forumbit] tr {
  468.         border-top: 1px solid var(--bg02);
  469.     }
  470.     table[style="border-bottom-width:0px"]+table.tborder tbody:first-of-type td[id^="f"][class^=alt1], [id^="collapseobj_forumbit"] tr:first-child td[id^="f"][class^=alt1] {
  471.         border-top: 1px solid var(--bg08) !important;
  472.     }
  473.     /* borde secciones de lista de foros */
  474.  
  475.  
  476.  
  477.  
  478.     /* INICIO */
  479.     /* Base */
  480.  
  481.     /* buscador */
  482.     table.cajastip>tbody>tr>td.texto {
  483.         background: 0 0 !important;
  484.     }
  485.     table.cajastip {
  486.         border-style: none;
  487.         border-spacing: 1px;
  488.         background: var(--c200);
  489.         background-size: cover;
  490.         padding: 46px;
  491.         margin-bottom: 40px;
  492.         position: relative;
  493.         box-shadow: var(--bsh4);
  494.     }
  495.     table.cajastip td.texto[width="10%"] {
  496.         position: absolute;
  497.         right: 42px;
  498.         top: 9px;
  499.         width: auto;
  500.     }
  501.     /* bordes inicio */
  502.     table.cajasprin td.contenido div>center>table[cellpadding="2"][bordercolor="#111111"]>tbody>tr>td {
  503.         padding: 0;
  504.     }
  505.     /* usuarios en linea inicio */
  506.     td.texto[width="90%"][bgcolor="#ffffff"] {
  507.         white-space: nowrap;
  508.         color: var(--rgb7);
  509.         position: absolute;
  510.         display: block;
  511.         left: 61px;
  512.         width: 0;
  513.         top: 106px;
  514.         opacity: 0;
  515.         cursor: default;
  516.         transition: .12s;
  517.         transition-delay: .12s;
  518.         z-index: 1;
  519.     }
  520.     td.texto[width="90%"][bgcolor="#ffffff"]:hover {
  521.         opacity: 1;
  522.     }
  523.     /* tabla principal */
  524.     td[bgcolor="#f5f5f5"] {
  525.         background: var(--bg01);
  526.     }
  527.     /* hilos inicio */
  528.     td[width="84%"] {
  529.         position: relative;
  530.         left: 0;
  531.         width: 100%;
  532.         padding: 0 48px;
  533.     }
  534.     td[width="84%"] > .cajasnews {
  535.         box-shadow: var(--bsh2);
  536.     }
  537.     table.cajascat, table.cajasprin {
  538.         border: 0;
  539.     }
  540.     /* tabla final página */
  541.     td.contenido table#AutoNumber7 {
  542.         display: none;
  543.     }
  544.     /* barra de herramientas inicio */
  545.     table.contenido {
  546.         border: none !important;
  547.     }
  548.     /* fondo principal inicio */
  549.     td.contenido {
  550.         border: none !important;
  551.         color: var(--tx01);
  552.     }
  553.     .cajascat>tbody>tr>td {
  554.         padding: 0;
  555.     }
  556.     td[width="312"] {
  557.         position: absolute;
  558.         top: 0;
  559.         left: 0;
  560.         width: calc(100% - 4px);
  561.     }
  562.     table#AutoNumber1.contenido[bgcolor="#CCCCCC"] {
  563.         background: 0 0;
  564.     }
  565.     table.cajascat td.contenido tr>td:nth-child(1) {
  566.         display: none;
  567.     }
  568.     /* temas iniciados y temas participados inicio */
  569.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(2), table.cajascat>tbody>tr:nth-child(1)>td:nth-child(3) {
  570.         position: absolute;
  571.         z-index: 4;
  572.     }
  573.     table.cajascat {
  574.         border-left: 48px solid transparent;
  575.         background: 0 0;
  576.     }
  577.     table.cajascat td.contenido tr {
  578.         display: inline-block;
  579.         height: 32px;
  580.     }
  581.     table.cajascat td.contenido tr>td {
  582.         background: 0 0 !important;
  583.         display: block;
  584.         padding: 8px 16px;
  585.         color: transparent;
  586.         font-size: 0;
  587.     }
  588.     table.cajascat td.contenido tr>td a {
  589.         color: var(--rgb7b);
  590.         font-weight: 400;
  591.     }
  592.     table.cajascat td.contenido tr>td a:hover {
  593.         color: var(--co04);
  594.     }
  595.     /* notificaciones */
  596.     table.cajascat td.contenido tr>td a, table.cajascat td.contenido tr>td strong {
  597.         font-size: 13px;
  598.     }
  599.     table.cajascat td.contenido tr>td.contenido[bgcolor="#FFFFCC"] strong {
  600.         position: absolute;
  601.         left: 0;
  602.         top: 0;
  603.         background: var(--c400);
  604.         border-radius: 50%;
  605.         color: var(--c40t);
  606.         display: inline-flex;
  607.         justify-content: center;
  608.         align-items: center;
  609.         min-width: 22px;
  610.         height: 22px;
  611.         font-size: 11px;
  612.     }
  613.     table.cajascat td.contenido tr>td a:not([href^="/foro/member.php?u="]) {
  614.         position: relative;
  615.         z-index: 4;
  616.     }
  617.     /* panel de control */
  618.     table.cajascat td.contenido tr:nth-child(1)>td>a:not([href^="/foro/member.php"]) {
  619.         position: relative;
  620.         top: 55px;
  621.         left: -19px;
  622.     }
  623.     /* temas iniciados */
  624.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(2) a {
  625.         position: absolute;
  626.         width: 102px;
  627.         height: 24px;
  628.         top: 60px;
  629.         left: 123px;
  630.         opacity: 0;
  631.         z-index: 6;
  632.     }
  633.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(2):after {
  634.         position: absolute;
  635.         cursor: pointer;
  636.         content: 'Temas Iniciados';
  637.         width: 102px;
  638.         line-height: 24px;
  639.         top: 60px;
  640.         left: 123px;
  641.         font-size: 13px;
  642.         font-weight: 400;
  643.         color: var(--rgb7b);
  644.     }
  645.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(2):hover:after {
  646.         color: var(--co04);
  647.     }
  648.     /* temas participados */
  649.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(3) a {
  650.         position: absolute;
  651.         width: 116px;
  652.         height: 24px;
  653.         top: 60px;
  654.         left: 257px;
  655.         opacity: 0;
  656.         z-index: 6;
  657.     }
  658.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(3):after {
  659.         position: absolute;
  660.         cursor: pointer;
  661.         content: 'Temas Participados';
  662.         width: 116px;
  663.         line-height: 24px;
  664.         top: 60px;
  665.         left: 257px;
  666.         font-size: 13px;
  667.         font-weight: 400;
  668.         color: var(--rgb7b);
  669.     }
  670.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(3):hover:after {
  671.         color: var(--co04);
  672.     }
  673.     /* mp */
  674.     table.cajascat td.contenido tr:nth-child(2)>td a {
  675.         position: absolute;
  676.         left: 459px;
  677.         top: 67px;
  678.     }
  679.     table.cajascat td.contenido tr:nth-child(2)>td.contenido[bgcolor="#FFFFCC"] strong {
  680.         position: absolute;
  681.         left: 572px;
  682.         top: 54px;
  683.     }
  684.     /* menciones */
  685.     table.cajascat td.contenido tr:nth-child(3)>td a {
  686.         position: absolute;
  687.         left: 604px;
  688.         top: 67px;
  689.     }
  690.     table.cajascat td.contenido tr:nth-child(3)>td.contenido[bgcolor="#FFFFCC"] strong {
  691.         position: absolute;
  692.         left: 670px;
  693.         top: 54px;
  694.     }
  695.     /* citas */
  696.     table.cajascat td.contenido tr:nth-child(4)>td a {
  697.         position: absolute;
  698.         left: 702px;
  699.         top: 67px;
  700.     }
  701.     table.cajascat td.contenido tr:nth-child(4)>td.contenido[bgcolor="#FFFFCC"] strong {
  702.         position: absolute;
  703.         left: 735px;
  704.         top: 54px;
  705.     }
  706.     /* desc */
  707.     table.cajascat td.contenido tr:nth-child(5)>td a {
  708.         position: absolute;
  709.         left: 767px;
  710.         top: 67px;
  711.     }
  712.     /* otras notificaciones */
  713.     #notices .tborder {
  714.         background: 0 0;
  715.     }
  716.     #notices .alt1 {
  717.         background: var(--rgb2);
  718.         border-radius: 2px;
  719.         position: relative;
  720.         padding: 16px;
  721.         margin-bottom: 24px;
  722.     }
  723.     style[type="text/css"]+#notices .alt1 {
  724.         width: calc(100% - 128px);
  725.         margin-left: 48px;
  726.         margin-bottom: 11px;
  727.     }
  728.     #notices .alt1 :not([src*="foro/images/misc/cross.png"]) {
  729.         color: var(--rgb7) !important;
  730.         background: 0 0 !important;
  731.     }
  732.     #notices td {
  733.         display: block;
  734.         width: auto;
  735.     }
  736.     #notices [src*="foro/images/misc/cross.png"] {
  737.         position: absolute;
  738.         right: 4px;
  739.         top: 4px;
  740.     }
  741.     [src*="foro/images/misc/cross.png"] {
  742.         width: 0;
  743.         height: 24px;
  744.         padding-right: 24px;
  745.         background: url(https://i.imgur.com/vDVSqPh.png) center/24px no-repeat;
  746.     }
  747.     /* hilos con notificaciones */
  748.     [id^=td_threadtitle][style="background-color: #ffd1d1;"], [id^=td_threadtitle][style="background-color: #fffde4;"] {
  749.         background-color: var(--bg03) !important;
  750.     }
  751.     /* ex avatar - texto perfil nombre usuario */
  752.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(1) {
  753.         position: absolute;
  754.         background: 0 0;
  755.         border: 0;
  756.         width: auto;
  757.         font-size: 13px;
  758.         font-weight: 400;
  759.         right: 48px;
  760.         top: 67px;
  761.         color: var(--rgb7b);
  762.     }
  763.     table.cajascat>tbody>tr:nth-child(1)>td:nth-child(1):before {
  764.         content: "";
  765.         display: block;
  766.         position: absolute;
  767.         width: 12px;
  768.         height: 18px;
  769.         background: var(--c200);
  770.     }
  771.     /* enlace perfil */
  772.     #AutoNumber1 td.contenido a[href^="/foro/member.php"] {
  773.         position: absolute;
  774.         width: 96px;
  775.         height: 18px;
  776.         top: 67px;
  777.         right: 40px;
  778.         z-index: 8;
  779.     }
  780.     /* ocultar avatar */
  781.     img[style="max-height:90px; margin-left: 6px; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%"], img[src*="/image/forocoches_avatar.gif"] {
  782.         display: none;
  783.     }
  784.  
  785.  
  786.  
  787.     /* Columna hora */
  788.     td[width="84%"] .texto>table>tbody>tr>td:nth-child(2) {
  789.         position: absolute;
  790.         right: 250px;
  791.         vertical-align: middle;
  792.         margin-top: 10px;
  793.         height: auto;
  794.         border: 0;
  795.     }
  796.     td[width="84%"] .texto>table>tbody>tr:nth-child(1)>td:nth-child(2) {
  797.         margin-top: 10px;
  798.     }
  799.     /* color enlaces lista de hilos */
  800.     .texto[href^="/foro/showthread.php?t="] {
  801.         color: var(--tx07) !important;
  802.         font-weight: 500;
  803.     }
  804.     td.texto a[href^="/foro/member.php?u="] {
  805.         font-weight: 500;
  806.     }
  807.     .texto[href^="/foro/showthread.php?t="]:hover {
  808.         color: var(--tx08) !important;
  809.     }
  810.     /* texto verde usuarios en linea */
  811.     span[style="color:#008000;"] {
  812.         color: #558b2f !important;
  813.     }
  814.     /* espaciado hilos inicio */
  815.     table.cajasnews td.texto tr td:last-child.texto {
  816.         padding-right: 16px;
  817.     }
  818.     /* lista de hilos inicio */
  819.     table.cajasnews {
  820.         margin-bottom: 16px;
  821.         border: 0;
  822.     }
  823.     table.cajasnews>tbody>tr>td {
  824.         padding: 0;
  825.     }
  826.  
  827.     /* Contenedor hilos */
  828.     .cajasnews td.texto > table {
  829.         padding: 0 16px;
  830.         background: var(--bg03);
  831.     }
  832.     /* Cabecera lista hilos */
  833.     table.cajasnews td.texto tr:nth-child(1) td {
  834.         padding: 0;
  835.         height: 38px;
  836.         color: var(--rgb7);
  837.         background: var(--bg03);
  838.         border-bottom: 1px solid var(--bg02);
  839.     }
  840.     /* Lista hilos */
  841.     td.texto td[bgcolor="#ffffff"],
  842.     td.texto td[bgcolor="#fbfbfd"] {
  843.         height: 38px;
  844.         font-size: 14px;
  845.         background-color: transparent;
  846.         border-bottom: 1px solid var(--bg02);
  847.         padding: 0;
  848.     }
  849.     .texto tbody > tr:last-of-type td[bgcolor="#ffffff"],
  850.     .texto tbody > tr:last-of-type td[bgcolor="#fbfbfd"] {
  851.         border-bottom: 0;
  852.     }
  853.  
  854.  
  855.     /* clic enlaces inicio */
  856.     td.texto a.texto {
  857.         line-height: 1.8;
  858.     }
  859.     /* lista hilos */
  860.     table.cajasnews td.texto tr td:nth-child(1) {
  861.         width: 48px;
  862.         text-align: center;
  863.         padding: 0;
  864.     }
  865.     table.cajasnews td.texto tr td:nth-child(2) {
  866.         width: 40px;
  867.         color: var(--rgb7);
  868.         text-align: left;
  869.         padding: 0;
  870.         font-size: 14px;
  871.     }
  872.     table.cajasnews td.texto tr td:nth-child(3) a:nth-child(1) {
  873.         color: var(--rgb7);
  874.         font-weight: 500 !important;
  875.     }
  876.     table.cajasnews td.texto tr td:nth-child(4) {
  877.         width: 103px;
  878.         padding: 0;
  879.         font-size: 14px;
  880.     }
  881.     table.cajasnews td.texto tr td:nth-child(4) a {
  882.         color: var(--rgb7);
  883.         font-weight: 400;
  884.     }
  885.     table.cajasnews td.texto tr td:nth-child(5) {
  886.         width: 40px;
  887.         padding: 0;
  888.         color: var(--rgb7);
  889.         font-size: 14px;
  890.     }
  891.     table.cajasnews td.texto tr:nth-child(1) td b {
  892.         font-weight: 500;
  893.         font-size: 14px;
  894.     }
  895.     a.texto[rel="nofollow"][href*="showthread.php?t="]:nth-child(3) {
  896.         font: 0/0 a;
  897.         vertical-align: middle;
  898.         background: url(https://i.imgur.com/aRpCTDE.png) center/18px no-repeat;
  899.         padding: 12px 12px;
  900.         opacity: .7;
  901.         filter: var(--invert);
  902.     }
  903.     a.texto[href*="showthread.php?t="]:nth-child(3):hover {
  904.         opacity: 1;
  905.     }
  906.     /* PERFIL DE USUARIO */
  907.     #profile_tabs, #link_bar {
  908.         box-shadow: var(--bsh2);
  909.     }
  910.     #profile_tabs>br {
  911.         display: none;
  912.     }
  913.     #f_avatar {
  914.         margin-left: 16px;
  915.         margin-bottom: 16px !important;
  916.     }
  917.     #username_box {
  918.         vertical-align: bottom;
  919.         padding-bottom: 16px;
  920.         padding-left: 16px !important;
  921.     }
  922.     #username_box>h1 {
  923.         font-size: 0;
  924.     }
  925.     #username_box h1 img {
  926.         margin-bottom: 4px;
  927.     }
  928.     /* recuadro con fecha y estadisticas de usuario */
  929.     td#profile_box>div {
  930.         border: none !important;
  931.         background: 0 0 !important;
  932.         padding: 0 !important;
  933.         margin-right: 16px;
  934.     }
  935.     td#profile_box>div .smallfont {
  936.         font-size: 13px;
  937.         color: var(--rgb7);
  938.     }
  939.     /* fondo de pestaas */
  940.     ul.tab_list {
  941.         background: var(--bg03);
  942.         border-color: var(--bg02) !important;
  943.         border-style: solid !important;
  944.         border-width: 0 !important;
  945.     }
  946.     /* pestaas */
  947.     ul.tab_list li {
  948.         margin-left: 0;
  949.         margin-right: 0;
  950.         height: auto !important;
  951.         font-size: 13px;
  952.         font-family: Roboto !important;
  953.         text-align: center;
  954.     }
  955.     /* pestaas no seleccionadas */
  956.     ul.tab_list li.thead {
  957.         padding: 8px !important;
  958.         color: var(--rgb7);
  959.         font-weight: 400;
  960.     }
  961.     /* pestaas no seleccionadas hover */
  962.     ul.tab_list li.thead:hover {
  963.         background: var(--bg03);
  964.         color: var(--tx01);
  965.         transition: .12s;
  966.     }
  967.     /* pestaa seleccionada */
  968.     ul.tab_list li.tcat {
  969.         height: inherit;
  970.         font-weight: 500;
  971.         font-size: 13px;
  972.         padding: 8px !important;
  973.         border-color: var(--bg02);
  974.         background-color: var(--bg03);
  975.         color: var(--tx04);
  976.         box-shadow: inset 0 -3px 0 var(--tx04);
  977.     }
  978.     /* pie de pestaas */
  979.     div.tab_header {
  980.         margin-top: 0;
  981.         padding: 0;
  982.     }
  983.     /* menciones y citas perfil */
  984.     div#quotes.tborder.content_block, div#mentions.tborder.content_block {
  985.         background: var(--bg03);
  986.         border: 0;
  987.         padding: 12px;
  988.     }
  989.     div#profile_tabs table.tborder {
  990.         box-shadow: initial;
  991.     }
  992.     div.block_content div.alt2 {
  993.         font-size: 13px !important;
  994.     }
  995.     div.block_content>table.tborder td.thead {
  996.         font-size: 15px;
  997.         font-weight: 500;
  998.         color: var(--rgb7);
  999.         padding-bottom: 8px;
  1000.     }
  1001.     div.block_content>table.tborder td.alt1 {
  1002.         padding-bottom: 31px;
  1003.     }
  1004.     /* contenido pestaas perfil */
  1005.     #profile_tabs div.alt1.block_row.block_title fieldset legend {
  1006.         display: none;
  1007.     }
  1008.     #profile_tabs div.alt1.block_row.block_title fieldset {
  1009.         padding: 0;
  1010.     }
  1011.     #collapseobj_stats div {
  1012.         padding: 18px 16px 16px;
  1013.     }
  1014.     div#profile_tabs div.tborder.content_block li {
  1015.         font-size: 13px;
  1016.     }
  1017.     #aboutme dl.profilefield_list dt {
  1018.         font-weight: 500;
  1019.     }
  1020.     #collapseobj_contactinfo div {
  1021.         padding: 30px 22px 22px;
  1022.     }
  1023.     #contactinfo div.fieldset_padding {
  1024.         padding: 0;
  1025.     }
  1026.     #additional_contact_details {
  1027.         padding: 2px;
  1028.     }
  1029.     div#link_bar * {
  1030.         font-size: 12px;
  1031.         text-decoration: none !important;
  1032.     }
  1033.     div#link_bar>div, div#link_bar>ul {
  1034.         padding: 8px;
  1035.     }
  1036.     dl.profilefield_list {
  1037.         margin: 12px 0 32px !important;
  1038.     }
  1039.     #aboutme #simple_aboutme_link {
  1040.         display: block;
  1041.         position: absolute;
  1042.         right: 72px;
  1043.     }
  1044.     /* sobre mi */
  1045.     div.block_content div.alt1 {
  1046.         padding: 24px;
  1047.     }
  1048.     .content_block {
  1049.         padding: 0;
  1050.     }
  1051.  
  1052.     /* FOROS */
  1053.     /* resultados búsqueda */
  1054.     form#inlinemodform>table.tborder:first-of-type {
  1055.         border: 0;
  1056.     }
  1057.     form#inlinemodform td.tcat a {
  1058.         position: relative;
  1059.         line-height: 30px;
  1060.     }
  1061.     form#inlinemodform table[id^=post] {
  1062.         box-shadow: 0 0 0 1px var(--bg02);
  1063.         margin: 0 !important;
  1064.     }
  1065.     form#inlinemodform table[id^=post]:nth-of-type(3) {
  1066.         margin: 0 !important;
  1067.     }
  1068.     form#inlinemodform table[id^=post] .thead {
  1069.         background: var(--bg03);
  1070.         padding: 12px 12px 0;
  1071.     }
  1072.     form#inlinemodform table[id^=post] td.alt1 {
  1073.         padding: 2px 12px 24px;
  1074.     }
  1075.     form#inlinemodform table[id^=post] .alt1 img {
  1076.         display: none;
  1077.     }
  1078.     form#inlinemodform table[id^=post] div.alt2 {
  1079.         background: var(--co01);
  1080.         box-shadow: var(--bsh2);
  1081.     }
  1082.     form#inlinemodform table[id^=post] div.alt2 div * {
  1083.         font-size: 13px;
  1084.         font-style: normal;
  1085.     }
  1086.     form#inlinemodform table[id^=post] div.alt2 em {
  1087.         display: block;
  1088.         overflow: hidden;
  1089.     }
  1090.     form#inlinemodform table[id^=post] div.alt2 em a {
  1091.         display: block;
  1092.         opacity: 0;
  1093.         margin-bottom: -96px;
  1094.         height: 96px;
  1095.     }
  1096.     form#inlinemodform table[id^=post] div.alt2 br {
  1097.         display: none;
  1098.     }
  1099.  
  1100.  
  1101.     /* Diseño lista de foros */
  1102.     tbody[id^=collapseobj_forumbit] td.alt1 {
  1103.         width: 100%;
  1104.     }
  1105.     /* quitar encabezado */
  1106.     table.tborder[cellpadding="5"]>thead {
  1107.         display: none;
  1108.     }
  1109.     /* Tamaño icono */
  1110.     tbody[id^=collapseobj_forumbit] td.alt2:nth-child(1) {
  1111.         width: 46px;
  1112.         height: 46px;
  1113.     }
  1114.     td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(1) {
  1115.         padding: 8px;
  1116.     }
  1117.     /* quitar tabla ultimo mensaje foros */
  1118.     tbody[id^=collapseobj_forumbit] td.alt2:nth-child(3) {
  1119.         display: none;
  1120.     }
  1121.     /* quitar tabla ultimo mensaje subforo */
  1122.     td.alt1Active[id^="f"]+td.alt2 {
  1123.         display: none;
  1124.     }
  1125.     tbody[id^=collapseobj_forumbit] td.alt1Active[id^="f"] a strong, td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(3) a strong {
  1126.         font-size: 15px;
  1127.     }
  1128.     tbody[id^=collapseobj_forumbit] td.alt1Active[id^="f"] div.smallfont, td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(3) div.smallfont {
  1129.         font-size: 13px;
  1130.         color: var(--rgb7);
  1131.     }
  1132.     tbody[id^=collapseobj_forumbit] td.alt1Active[id^="f"] div.smallfont[style="margin-top:5px"], td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(3) div.smallfont[style="margin-top:5px"] {
  1133.         font-size: 0;
  1134.         color: transparent;
  1135.         margin-top: 0 !important;
  1136.     }
  1137.     tbody[id^=collapseobj_forumbit] td.alt1Active[id^="f"] div.smallfont a, td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(3) div.smallfont a {
  1138.         font-size: 13px;
  1139.         font-weight: 500;
  1140.     }
  1141.     td#f57.alt1Active img.inlineimg {
  1142.         display: none;
  1143.     }
  1144.     /* tabla inverforo */
  1145.     td#f57.alt1Active td:nth-child(1) {
  1146.         padding: 9px 9px 9px 10px;
  1147.     }
  1148.     [id^=collapseobj_forumbit] tr .alt2 {
  1149.         display: none;
  1150.     }
  1151.     /* nueva distribucion lista foros */
  1152.     [id^=collapseobj_forumbit] tr div {
  1153.         line-height: 24px;
  1154.     }
  1155.     [id^=collapseobj_forumbit] tr>td {
  1156.         padding: 7px 16px;
  1157.     }
  1158.     .smallfont-gray {
  1159.         font-size: 13px;
  1160.     }
  1161.     [id^=collapseobj_forumbit]+tbody .tfoot {
  1162.         display: none;
  1163.     }
  1164.     td.alt1Active[id^="f"]>table>tbody>tr>td:nth-child(2) {
  1165.         padding-left: 1px;
  1166.     }
  1167.     #collapseobj_forumhome_stats .alt2, #collapseobj_forumhome_stats .alt1 {
  1168.         background: var(--bg03);
  1169.         padding: 14px;
  1170.     }
  1171.     /* encabezado foros */
  1172.     td.tcat a[href^="forumdisplay.php?f="] {
  1173.         font-size: 15px !important;
  1174.         font-weight: 500;
  1175.         line-height: 24px;
  1176.     }
  1177.     #threadslist td.thead {
  1178.         vertical-align: middle;
  1179.         height: 24px;
  1180.     }
  1181.     #threadslist td.thead img[src*="/sort"] {
  1182.         height: 10px;
  1183.     }
  1184.  
  1185.     /* Tamñao se adapta a contenido */
  1186.     #threadslist td:nth-child(4),
  1187.     #threadslist td:nth-child(5),
  1188.     #threadslist td:nth-child(6) {
  1189.         width: 1px; /* fix Chrome */
  1190.     }
  1191.  
  1192.     /* Margenes lista de hilos */
  1193.     #threadslist > tbody > tr > td:not(:nth-child(1)):not(:nth-child(2)) {
  1194.         padding: 8px 16px;
  1195.     }
  1196.  
  1197.     /* Altura lineas */
  1198.     #threadslist td a,
  1199.     #threadslist td:not([id^=td_threadtitle]) span,
  1200.     #threadslist .smallfont span {
  1201.         line-height: 24px;
  1202.     }
  1203.     /* Margen adicional y fix borde titulos */
  1204.     [id^=td_threadtitle] {
  1205.         position: relative;
  1206.         padding-left: 48px !important;
  1207.     }
  1208.  
  1209.     /* Ir al último mensaje */
  1210.     #threadslist [id^=td_threadtitle]+td.alt2 {
  1211.         background: transparent;
  1212.         padding-right: 32px !important;
  1213.         position: relative;
  1214.     }
  1215.     #threadslist [id^=td_threadtitle]+td.alt2 img {
  1216.         position: absolute;
  1217.         right: 8px;
  1218.         margin-top: 4px;
  1219.         opacity: 0;
  1220.         transform: translateX(-8px);
  1221.     }
  1222.     #threadslist [id^=td_threadtitle]+td.alt2:hover img {
  1223.         opacity: .7;
  1224.         transform: translateX(0);
  1225.     }
  1226.  
  1227.  
  1228.     /* Contenedor hilos */
  1229.     #threadslist {
  1230.         box-shadow: var(--bsh2);
  1231.     }
  1232.  
  1233.     /* DISEÑO DE FORO */
  1234.     /* LATER */
  1235.     /* BASE */
  1236.  
  1237.     /* Pie de foro y pie de hilos */
  1238.     td.thead,
  1239.     div.thead,
  1240.     form[action="forumdisplay.php"] > table.tborder td.alt1,
  1241.     table.tborder[cellpadding="6"] td,
  1242.     table.tborder[cellpadding="6"] > tbody > tr > td.alt1 {
  1243.         padding: 0;
  1244.     }
  1245.     form[action="forumdisplay.php"] > table.tborder td.alt1 > table,
  1246.     table.tborder[cellpadding="6"] table {
  1247.         border-collapse: collapse;
  1248.     }
  1249.     table.tborder[cellpadding="6"] tr[valign="middle"] > td:nth-child(1),
  1250.     table.tborder[cellpadding="6"] tr[valign="middle"] > td:nth-child(2) {
  1251.         display: none;
  1252.     }
  1253.     table.tborder[cellpadding="6"] input.button {
  1254.         margin-right: 0;
  1255.     }
  1256.  
  1257.     /* Color fondo principal */
  1258.     .alt1, .alt1Active {
  1259.         /*      background: var(--bg03); */
  1260.         background: transparent;
  1261.         color: var(--tx01);
  1262.         /*      border-color: var(--bg02) !important */
  1263.     }
  1264.     /* Color fondo secundario */
  1265.     .alt2, .alt2Active {
  1266.         /*      background: var(--bg04); */
  1267.         background: transparent;
  1268.         color: var(--tx01);
  1269.         /*      border-color: var(--bg02) !important */
  1270.     }
  1271.  
  1272.     /* LISTADO PÁGINAS */
  1273.     div.pagenav table.tborder td.vbmenu_control:nth-child(1) {
  1274.         display: none;
  1275.     }
  1276.     div.pagenav table.tborder, div.pagenav td.alt1, div.pagenav .alt2, div.pagenav td.vbmenu_control {
  1277.         background: 0 0 !important;
  1278.         border: 0;
  1279.     }
  1280.     div.pagenav .alt2, div.pagenav .alt1 {
  1281.         padding: 0 2px;
  1282.     }
  1283.     /* Fix alinear con botón */
  1284.     div.pagenav table.tborder {
  1285.         margin-bottom: 1px;
  1286.     }
  1287.     /* Flechas siguiente y anterior */
  1288.     div.pagenav a.smallfont {
  1289.         font-size: 17px;
  1290.         color: var(--tx01);
  1291.         border-radius: 2px;
  1292.         display: block;
  1293.         width: 26px;
  1294.         height: 26px;
  1295.         text-align: center;
  1296.         line-height: 26px;
  1297.         transition: all .12s ease-out;
  1298.         filter: var(--invert);
  1299.     }
  1300.     /* Ir a siguiente página */
  1301.     div.pagenav td.alt1:nth-last-child(2) a.smallfont, div.pagenav td.alt1:nth-last-child(3) a.smallfont {
  1302.         color: transparent;
  1303.         font: 0/0 a;
  1304.         background-image: url(https://i.imgur.com/PQZTmbv.png);
  1305.         background-size: 24px;
  1306.         background-position: center;
  1307.         background-repeat: no-repeat;
  1308.         width: 26px;
  1309.         height: 26px;
  1310.     }
  1311.     /* Ir a anterior página */
  1312.     div.pagenav td.alt1:nth-child(2) a.smallfont, div.pagenav td.alt1:nth-child(3) a.smallfont {
  1313.         color: transparent;
  1314.         font: 0/0 a;
  1315.         background-image: url(https://i.imgur.com/pxCz61U.png);
  1316.         background-size: 24px;
  1317.         background-position: center;
  1318.         background-repeat: no-repeat;
  1319.         width: 26px;
  1320.         height: 26px;
  1321.     }
  1322.     /* Ir a página... */
  1323.     div.pagenav td[id^=pagenav].vbmenu_control {
  1324.         padding: 2px 0 2px 2px !important;
  1325.         width: 26px !important;
  1326.         height: 26px !important;
  1327.     }
  1328.     div.pagenav td[id^=pagenav].vbmenu_control img {
  1329.         width: 0;
  1330.         height: 26px;
  1331.         padding-right: 26px;
  1332.         background: url(https://i.imgur.com/IL1Xuyh.png) center/24px no-repeat;
  1333.         transition: all .12s ease-out;
  1334.         border-radius: 2px;
  1335.     }
  1336.     div.pagenav td[id^=pagenav].vbmenu_control img:hover {
  1337.         background-color: var(--rgb2i);
  1338.     }
  1339.     /* Ir a primera página */
  1340.     div.pagenav td.alt1[nowrap=nowrap]:nth-child(2) a.smallfont {
  1341.         color: transparent;
  1342.         font: 0/0 a;
  1343.         background-image: url(https://i.imgur.com/jI2CPln.png);
  1344.         background-size: 24px;
  1345.         background-position: center;
  1346.         background-repeat: no-repeat;
  1347.         width: 26px;
  1348.         height: 26px;
  1349.     }
  1350.     /* Ir a ultima página */
  1351.     div.pagenav td.alt1[nowrap=nowrap]:nth-last-child(2) a.smallfont {
  1352.         color: transparent;
  1353.         font: 0/0 a;
  1354.         background-image: url(https://i.imgur.com/D1NHDle.png);
  1355.         background-size: 24px;
  1356.         background-position: center;
  1357.         background-repeat: no-repeat;
  1358.         width: 26px;
  1359.         height: 26px;
  1360.         transition: all .12s ease-out;
  1361.     }
  1362.     /* Páginas no seleccionadas */
  1363.     div.pagenav a.mfont {
  1364.         font-size: 17px;
  1365.         color: var(--tx01);
  1366.         border-radius: 2px;
  1367.         transition: all .12s ease-out;
  1368.         display: block;
  1369.         min-width: 20px;
  1370.         padding: 0 3px;
  1371.         height: 26px;
  1372.         text-align: center;
  1373.         line-height: 26px;
  1374.     }
  1375.     div.pagenav a.mfont:hover, div.pagenav a.mfont:active {
  1376.         background-color: var(--rgb2);
  1377.     }
  1378.     div.pagenav a.smallfont:hover, div.pagenav a.smallfont:active {
  1379.         background-color: var(--rgb2i);
  1380.     }
  1381.     /* página seleccionada */
  1382.     div.pagenav span.mfont {
  1383.         font-size: 17px;
  1384.         background: var(--rgb1);
  1385.         color: var(--tx01);
  1386.         border-radius: 2px;
  1387.         display: block;
  1388.         min-width: 20px;
  1389.         padding: 0 3px;
  1390.         height: 26px;
  1391.         text-align: center;
  1392.         line-height: 26px;
  1393.     }
  1394.  
  1395.  
  1396.     /* base para recolocar elementos */
  1397.     #threadslist td:nth-child(1):not(.tcat):not(.tfoot),
  1398.     #threadslist td:nth-child(2) {
  1399.         padding: 0;
  1400.         position: relative;
  1401.         z-index: 1;
  1402.     }
  1403.     /* iconos titulo */
  1404.     #threadslist td:nth-child(2) img:not([src="//st.forocoches.com/foro/images/buttons/sortasc.gif"]) {
  1405.         position: absolute;
  1406.         left: 19px;
  1407.         top: 12px;
  1408.     }
  1409.     [id^="td_threadtitle"] img[src*="/rating_"] {
  1410.         margin-top: 6px;
  1411.     }
  1412.     /* Lista páginas */
  1413.     [id^=td_threadtitle] span.smallfont {
  1414.         font-size: 0 !important;
  1415.     }
  1416.     [id^=td_threadtitle]:hover span.smallfont {
  1417.         opacity: 1;
  1418.     }
  1419.     [id^=td_threadtitle] span.smallfont a {
  1420.         color: var(--rgb7) !important;
  1421.         margin-right: 4px;
  1422.         border-radius: 2px;
  1423.         display: inline-block;
  1424.         min-width: 14px;
  1425.         text-align: center;
  1426.         padding: 0 2px !important;
  1427.         line-height: initial !important;
  1428.         transition: .12s;
  1429.     }
  1430.     [id^=td_threadtitle] span.smallfont a:hover {
  1431.         color: var(--tx01) !important;
  1432.         background: var(--rgb1);
  1433.     }
  1434.     [id^=td_threadtitle] span.smallfont a:focus {
  1435.         background: var(--rgb2);
  1436.     }
  1437.     [id^=td_threadtitle] a[id^="thread_title"] {
  1438.         margin-right: 9px;
  1439.     }
  1440.     /* boton ir mensaje nuevo */
  1441.     [id^=thread_gotonew] {
  1442.         position: absolute;
  1443.         bottom: 11px;
  1444.         left: 16px;
  1445.         opacity: 0;
  1446.         transform: translateY(-8px);
  1447.         transition: .12s;
  1448.         z-index: 2;
  1449.     }
  1450.     #threadslist [id^=td_threadtitle]:hover [id^=thread_gotonew] {
  1451.         opacity: 1;
  1452.         transform: translateX(0);
  1453.     }
  1454.     /* hilos participados */
  1455.     #threadslist img[src*="/statusicon/"], form[action^="subscription.php"] img[src*="/statusicon/"] {
  1456.         display: none;
  1457.     }
  1458.     #threadslist img[src*="_dot"] {
  1459.         display: initial !important;
  1460.         background: var(--rs01);
  1461.         width: 0;
  1462.         padding-right: 8px;
  1463.         height: 8px;
  1464.         border-radius: 8px;
  1465.         left: 8px;
  1466.         top: 15px;
  1467.     }
  1468.     [id^=thread_statusicon] {
  1469.         position: absolute;
  1470.         top: 0;
  1471.     }
  1472.     /* ajustes en la lista de posts */
  1473.     table#threadslist.tborder td.alt1[id^=td_threadtitle]+td.alt2 a {
  1474.         font-size: 14px;
  1475.         font-weight: 500;
  1476.     }
  1477.     table#threadslist.tborder td.alt1[id^=td_threadtitle]+td.alt2 span, table#threadslist.tborder td.alt1[id^=td_threadtitle]+td.alt2 div {
  1478.         font-size: 14px;
  1479.         color: var(--rgb7);
  1480.     }
  1481.     table#threadslist.tborder td.alt1[id^=td_threadtitle]+td.alt2+td.alt1 a strong {
  1482.         font-size: 14px;
  1483.         font-weight: 500;
  1484.     }
  1485.     #stickies_collapse img {
  1486.         height: 17px;
  1487.         padding-right: 16px;
  1488.         background-size: 16px;
  1489.         vertical-align: bottom;
  1490.     }
  1491.     td.alt1[id^=td_threadtitle] a, td[id^=td_threadtitle] span.smallfont, table#threadslist.tborder td.alt1 {
  1492.         font-size: var(--sz01);
  1493.     }
  1494.     a[id^=thread_title_][style="font-weight:bold"] {
  1495.         font-weight: 500 !important;
  1496.     }
  1497.     td[id^=td_threadtitle] div.smallfont, table#threadslist.tborder span.smallfont-gray {
  1498.         font-size: 14px;
  1499.         color: var(--rgb7);
  1500.         font-weight: 400;
  1501.     }
  1502.     /* Cabecera hilos foro */
  1503.     #threadslist .thead {
  1504.         font-size: 14px;
  1505.         font-weight: 500;
  1506.         background: transparent;
  1507.         border-bottom: 1px solid var(--bg02) !important;
  1508.         color: var(--tx01);
  1509.     }
  1510.     #threadslist tr > td.thead:nth-child(2) {
  1511.         padding-left: 48px;
  1512.         padding-right: 16px;
  1513.     }
  1514.     /* Fondo hilos foro */
  1515.     #threadslist.tborder {
  1516.         background: var(--bg03);
  1517.     }
  1518.  
  1519.     /* color enlace titulo hilo foro */
  1520.     a[id^=thread_title_] {
  1521.         color: var(--tx07);
  1522.     }
  1523.     a[id^=thread_title_]:hover {
  1524.         color: var(--tx08);
  1525.     }
  1526.     /* Margenes */
  1527.     /* Base (no puede ser block, se descuadra, no padding) */
  1528.     #threadslist > tbody:not(:nth-child(1)) {
  1529.         padding: 0 16px;
  1530.     }
  1531.     /* Chinchetas */
  1532.     #threadslist > tbody[id^="collapseobj_st_"] {
  1533.         background: var(--bg04);
  1534.     }
  1535.     /* Quita contenedor vacío */
  1536.     #threadslist > tbody[id^="collapseobj_st_"] > tr:nth-last-child(1) {
  1537.         display: none;
  1538.     }
  1539.     /* Margenes laterales (parche no padding) */
  1540.     #threadslist > tbody > tr {
  1541.         border-left: 16px solid var(--bg03);
  1542.         border-right: 16px solid var(--bg03);
  1543.     }
  1544.     /* Margenes laterales chinchetas */
  1545.     #threadslist > tbody[id^="collapseobj_st_"] > tr {
  1546.         border-left: 16px solid var(--bg04);
  1547.         border-right: 16px solid var(--bg04);
  1548.     }
  1549.     /* Separador hilos */
  1550.     #threadslist > tbody > tr:not(:last-of-type) {
  1551.         border-bottom: 1px solid var(--bg02);
  1552.     }
  1553.  
  1554.  
  1555.  
  1556.     /* lista hilos suscripciones */
  1557.     #collapseobj_usercp_subthreads td[id^="td_threadstatusicon"], #collapseobj_usercp_subthreads td[id^="td_threadstatusicon"]+td, form[action^="subscription.php?do=dostuff"] td[id^="td_threadstatusicon"], form[action^="subscription.php?do=dostuff"] td[id^="td_threadstatusicon"]+td {
  1558.         padding: 0;
  1559.     }
  1560.     #collapseobj_usercp_subthreads img[id^="thread_statusicon"], #collapseobj_usercp_subthreads td.alt2 img, form[action^="subscription.php?do=dostuff"] img[id^="thread_statusicon"], form[action^="subscription.php?do=dostuff"] td.alt2 img {
  1561.         display: none;
  1562.     }
  1563.     #collapseobj_usercp_subthreads td.alt2, form[action^="subscription.php?do=dostuff"] td.alt2 {
  1564.         background: var(--bg03);
  1565.         box-shadow: 0 -1px 0 var(--bg02);
  1566.     }
  1567.     #collapseobj_usercp_subthreads [id^="td_threadtitle"], form[action^="subscription.php?do=dostuff"] [id^="td_threadtitle"] {
  1568.         padding-left: 4px !important;
  1569.     }
  1570.     /* reemplazar color varios (publicidad) */
  1571.     a[style="color:#000000;"], b[style="color:#000000;"] {
  1572.         color: var(--tx01) !important;
  1573.     }
  1574.     /* quitar bordes redondeados imagenes y avatares */
  1575.     .avatar, .imgpost {
  1576.         border-radius: 0;
  1577.     }
  1578.     /* fondo secundario, fondo foros */
  1579.     body > div > .page,
  1580.     #posts {
  1581.         width: calc(100% - 96px) !important;
  1582.         margin: 0 48px;
  1583.         background: 0 0;
  1584.         color: var(--tx01);
  1585.     }
  1586.     /* bordes tablas, bordes foro, bordes principales */
  1587.     .tborder {
  1588.         background: transparent;
  1589.         color: var(--tx01);
  1590.     }
  1591.     /* fondo aviso en subforo ayuda */
  1592.     td.alt2[style="background-color: #FFFFE1"] {
  1593.         background: 0 0 !important;
  1594.     }
  1595.     /* avisos eventos */
  1596.     .navbar_notice table[style="background-color:#909090; width: 100%;"] {
  1597.         background-color: transparent !important;
  1598.     }
  1599.     div.navbar_notice {
  1600.         width: calc(100% - 84px);
  1601.         margin: auto;
  1602.     }
  1603.     .navbar_notice td[bgcolor="#FEFFF2"] {
  1604.         background: 0 0;
  1605.     }
  1606.     .infobck {
  1607.         border: 0;
  1608.         color: var(--tx01) !important;
  1609.         font-family: inherit !important;
  1610.     }
  1611.     /* evento */
  1612.     div[id^=navbar_notice_] table[style="background-color: #c0c0c0; width: 100%;"] {
  1613.         background: 0 0 !important;
  1614.     }
  1615.     td[bgcolor="#FFFDDA"] {
  1616.         background: 0 0;
  1617.     }
  1618.     /* avisos publicidad palabras clave */
  1619.     td.alt1[style="background-color:#FFE"] {
  1620.         background-color: var(--bg03) !important;
  1621.     }
  1622.     td.alt1[style="background-color:#FFE"] span.smallfont[style="color:#454545"] {
  1623.         color: var(--rgb5) !important;
  1624.     }
  1625.     /* opciones pie de foros */
  1626.     form[action="forumdisplay.php"] table {
  1627.         border: 0;
  1628.     }
  1629.     /* barra buscador */
  1630.     .top2 {
  1631.         background: 0 0;
  1632.     }
  1633.     body>table.cajasprin>tbody>tr>td {
  1634.         padding: 0;
  1635.     }
  1636.     td.top2 table[id=AutoNumber7] {
  1637.         border-spacing: 3px;
  1638.         padding: 48px 0;
  1639.         border-collapse: separate !important;
  1640.         background: var(--c200);
  1641.         background-size: cover;
  1642.     }
  1643.     td.top2 table[id=AutoNumber7] table {
  1644.         position: absolute;
  1645.         top: 11px;
  1646.         right: 44px;
  1647.     }
  1648.     /* navegación foro */
  1649.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"] {
  1650.         padding-left: 0;
  1651.         background: var(--bg01);
  1652.     }
  1653.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"] tr[valign=bottom]>td:nth-child(2) {
  1654.         font-size: 0;
  1655.     }
  1656.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"] td.navbar {
  1657.         padding-bottom: 6px;
  1658.     }
  1659.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]>div.navbar>strong {
  1660.         padding-left: 3px;
  1661.     }
  1662.     table.tborder:nth-child(2) {
  1663.         border: 0;
  1664.     }
  1665.     /* iconos navegación foro */
  1666.     img[src*="/misc/navbits_finallink.gif"], img[src*="/misc/navbits_start.gif"] {
  1667.         display: none;
  1668.     }
  1669.     span.navbar:not(:first-of-type) {
  1670.         color: transparent;
  1671.         font: 0/0 a;
  1672.     }
  1673.     span.navbar:not(:first-of-type) a {
  1674.         font-family: Roboto;
  1675.     }
  1676.     /*Reemplaza '>' por una imagen similar*/
  1677.     span.navbar:not(:first-of-type):before {
  1678.         content: "";
  1679.         background-image: url(https://i.imgur.com/PQZTmbv.png);
  1680.         background-size: 20px;
  1681.         background-position: center;
  1682.         background-repeat: no-repeat;
  1683.         padding: 12px;
  1684.         margin-left: -2px;
  1685.         font-size: 12px;
  1686.         opacity: .5;
  1687.         filter: var(--invert);
  1688.     }
  1689.     span.navbar a, td.alt1 div.navbar[style="font-size:10pt"] strong, span.navbar {
  1690.         font-size: 15px;
  1691.         line-height: 20px;
  1692.         font-weight: 500;
  1693.         color: var(--rgb5);
  1694.     }
  1695.     span.navbar:last-of-type a {
  1696.         color: var(--rgb7);
  1697.     }
  1698.     /* titulo hilo nuevo formato */
  1699.     td.navbar[style="font-size:10pt; padding-top:1px"] strong {
  1700.         font-size: 22px !important;
  1701.         color: var(--rgb7);
  1702.         font-weight: 500;
  1703.         margin-left: -1px !important;
  1704.         display: block;
  1705.         margin-bottom: -2px;
  1706.         margin-top: 6px;
  1707.     }
  1708.     span.navbar a:hover {
  1709.         color: var(--tx01);
  1710.     }
  1711.     /* barra de herramientas */
  1712.     /* nuevo formato mp, menciones y citas */
  1713.     div.tborder[style="padding:1px; border-top-width:0px"]>table {
  1714.         /*  min-width: 920px; */
  1715.         table-layout: fixed;
  1716.         position: relative;
  1717.         top: 60px;
  1718.         /*  width: calc(100% + 50px); */
  1719.         border-left: 48px solid;
  1720.         border-right: 48px solid;
  1721.         margin-left: -65px;
  1722.         margin-bottom: -32px;
  1723.         margin-top: -1px;
  1724.     }
  1725.     /* oculta contenedores */
  1726.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]~td.alt2 {
  1727.         width: 0;
  1728.         padding: 0;
  1729.     }
  1730.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]~td.alt2 div {
  1731.         width: 0 !important;
  1732.         height: 0;
  1733.     }
  1734.     /* avatar perfil */
  1735.     td.alt2>div.smallfont>strong>a {
  1736.         /*  visibility: hidden; */
  1737.         font-size: 13px;
  1738.         font-weight: 400;
  1739.         position: absolute;
  1740.         right: 48px;
  1741.         top: 67px;
  1742.         color: var(--rgb7b);
  1743.     }
  1744.     td.alt2>div.smallfont>strong>a:hover {
  1745.         color: var(--co04);
  1746.     }
  1747.     /* necesario para contener los siguientes en firefox */
  1748.     div.tborder[style="padding:1px; border-top-width:0px"] table {
  1749.         display: block;
  1750.     }
  1751.     /* desconectar */
  1752.     div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(7) {
  1753.         position: absolute;
  1754.         left: 719px;
  1755.         top: 0;
  1756.     }
  1757.     /* temas iniciados */
  1758.     div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(2) {
  1759.         position: absolute;
  1760.         left: 130px;
  1761.         top: 0;
  1762.     }
  1763.     /* temas participados */
  1764.     div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(3) {
  1765.         position: absolute;
  1766.         left: 260px;
  1767.         top: 0;
  1768.     }
  1769.     /* mp */
  1770.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]+td.alt2:not([style="padding:0px"]) {
  1771.         /*  visibility: hidden; */
  1772.         overflow: hidden;
  1773.     }
  1774.     /* fix para inicio de sesion */
  1775.     table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]+td.alt2[style="padding:0px"][nowrap=nowrap]:not([align=center]) {
  1776.         position: relative;
  1777.         max-width: 0;
  1778.         padding: 0 !important;
  1779.     }
  1780.     form[action="login.php?do=login"] {
  1781.         position: absolute;
  1782.         top: -106px;
  1783.         right: 0;
  1784.         background: var(--c200);
  1785.         z-index: 16;
  1786.         color: var(--co04);
  1787.     }
  1788.     td.texto[width="90%"]+td.texto[width="306"] {
  1789.         position: absolute;
  1790.         padding: 0;
  1791.         right: 48px;
  1792.         top: 62px;
  1793.         z-index: 8;
  1794.         width: auto;
  1795.         font-size: 0;
  1796.     }
  1797.     td.texto[width="90%"]+td.texto[width="306"] a {
  1798.         font-size: 13px;
  1799.         color: var(--rgb7b);
  1800.     }
  1801.     td.texto[width="90%"]+td.texto[width="306"] a+a:before {
  1802.         content: "|";
  1803.     }
  1804.     td.texto[width="90%"]+td.texto[width="306"] a+a:hover:before {
  1805.         color: var(--rgb7b) !important;
  1806.         cursor: default;
  1807.     }
  1808.     td.texto[width="90%"]+td.texto[width="306"] a:hover {
  1809.         color: var(--co04);
  1810.     }
  1811.     td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  1812.         visibility: visible;
  1813.         cursor: pointer;
  1814.         position: absolute;
  1815.         z-index: 4;
  1816.         top: 63px;
  1817.         left: 459px;
  1818.         line-height: 24px;
  1819.         font-size: 13px;
  1820.         color: var(--rgb7b);
  1821.     }
  1822.     td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a:hover {
  1823.         color: var(--co04);
  1824.     }
  1825.     /* inactivo */
  1826.     td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div {
  1827.         visibility: hidden;
  1828.         overflow: hidden;
  1829.     }
  1830.     /* mp activo */
  1831.     td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  1832.         visibility: visible;
  1833.         position: absolute;
  1834.         z-index: 4;
  1835.         top: 54px;
  1836.         left: 572px;
  1837.         background: var(--c400);
  1838.         border-radius: 50%;
  1839.         color: var(--c40t);
  1840.         display: inline-flex;
  1841.         justify-content: center;
  1842.         align-items: center;
  1843.         min-width: 22px;
  1844.         height: 22px;
  1845.         line-height: normal;
  1846.         font-size: 11px;
  1847.         font-weight: 700;
  1848.     }
  1849.     /* menciones */
  1850.     td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3) {
  1851.         visibility: hidden;
  1852.         font: 0/0 a !important;
  1853.     }
  1854.     td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3):after {
  1855.         visibility: visible;
  1856.         cursor: pointer;
  1857.         position: absolute;
  1858.         z-index: 4;
  1859.         top: 63px;
  1860.         left: 603.75px;
  1861.         content: "Menciones";
  1862.         line-height: 24px;
  1863.         font-size: 13px;
  1864.         font-family: Roboto;
  1865.         color: var(--rgb7b);
  1866.     }
  1867.     td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(1) {
  1868.         /*  visibility: hidden;
  1869.         position: absolute; */
  1870.         display: none;
  1871.     }
  1872.     td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3):hover:after {
  1873.         color: var(--co04);
  1874.     }
  1875.     /* activas */
  1876.     td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  1877.         visibility: visible;
  1878.         position: absolute;
  1879.         z-index: 4;
  1880.         top: 54px;
  1881.         left: 670px;
  1882.         background: var(--c400);
  1883.         border-radius: 50%;
  1884.         color: var(--c40t);
  1885.         display: inline-flex;
  1886.         justify-content: center;
  1887.         align-items: center;
  1888.         min-width: 22px;
  1889.         height: 22px;
  1890.         line-height: normal;
  1891.         font-size: 11px !important;
  1892.         font-weight: 700;
  1893.     }
  1894.     /* citas */
  1895.     td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3) {
  1896.         visibility: hidden;
  1897.         font: 0/0 a !important;
  1898.     }
  1899.     td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3):after {
  1900.         visibility: visible;
  1901.         cursor: pointer;
  1902.         position: absolute;
  1903.         z-index: 4;
  1904.         top: 63px;
  1905.         left: 702px;
  1906.         content: "Citas";
  1907.         line-height: 24px;
  1908.         font-size: 13px;
  1909.         font-family: Roboto;
  1910.         color: var(--rgb7b);
  1911.     }
  1912.     td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3):hover:after {
  1913.         color: var(--co04);
  1914.     }
  1915.     td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(1) {
  1916.         display: none;
  1917.     }
  1918.     /* activas */
  1919.     td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  1920.         visibility: visible;
  1921.         position: absolute;
  1922.         z-index: 4;
  1923.         top: 54px;
  1924.         left: 735px;
  1925.         background: var(--c400);
  1926.         border-radius: 50%;
  1927.         color: var(--c40t);
  1928.         display: inline-flex;
  1929.         justify-content: center;
  1930.         align-items: center;
  1931.         min-width: 22px;
  1932.         height: 22px;
  1933.         line-height: normal;
  1934.         font-size: 11px !important;
  1935.         font-weight: 700;
  1936.     }
  1937.     .tfoot {
  1938.         background: transparent;
  1939.         height: 24px;
  1940.         color: var(--rgb5);
  1941.     }
  1942.     table.page {
  1943.         display: none;
  1944.     }
  1945.     /* Tamaño tcat */
  1946.     td.tcat {
  1947.         height: 24px;
  1948.         padding: 4px 16px;
  1949.         line-height: 24px;
  1950.     }
  1951.     td.tcat span.smallfont strong {
  1952.         font-size: 13px;
  1953.     }
  1954.     td.tcat a {
  1955.         line-height: 24px;
  1956.         font-size: 13px;
  1957.     }
  1958.     td.tcat a strong {
  1959.         font-weight: 400;
  1960.     }
  1961.     /* quitar enlaces de barra de herramientas */
  1962.     div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(4), div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(5), div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(6) {
  1963.         display: none !important;
  1964.     }
  1965.     /* barra de herramientas foro */
  1966.     /* fix quita tabla arriba */
  1967.     div.tborder[style="padding:1px; border-top-width:0px"] {
  1968.         visibility: hidden;
  1969.         position: absolute;
  1970.         top: 0;
  1971.         border: 1px solid transparent;
  1972.     }
  1973.     .vbmenu_control {
  1974.         visibility: visible;
  1975.         background: 0 0;
  1976.         height: 24px;
  1977.     }
  1978.     /* herramientas dentro de foros */
  1979.     td.tcat~td.vbmenu_control {
  1980.         font-size: 13px;
  1981.         font-weight: 400;
  1982.         padding: 7px 16px;
  1983.     }
  1984.     td.tcat~td.vbmenu_control:nth-last-child(1) {
  1985.         padding-right: 0;
  1986.     }
  1987.     form#inlinemodform td.tcat {
  1988.         font-size: 0;
  1989.     }
  1990.     a#usercptools img {
  1991.         opacity: .8;
  1992.     }
  1993.     /* Diseño barra de herramientas */
  1994.     table#AutoNumber7 {
  1995.         margin-bottom: 16px;
  1996.         box-shadow: var(--bsh4);
  1997.         padding-bottom: 40px;
  1998.     }
  1999.     div.tborder[style="padding:1px; border-top-width:0px"]>table>tbody>tr {
  2000.         text-align: left;
  2001.     }
  2002.     /* Diseño */
  2003.     div.tborder[style="padding:1px; border-top-width:0px"] .vbmenu_control {
  2004.         box-sizing: border-box;
  2005.         font-weight: 400 !important;
  2006.         font-size: 13px;
  2007.         padding: 8px 16px;
  2008.         height: 32px;
  2009.         display: inline-block;
  2010.     }
  2011.     /* enlaces barra de herramientas y barra pie de página */
  2012.     td.vbmenu_control a {
  2013.         position: relative;
  2014.         z-index: 4 !important;
  2015.     }
  2016.     .vbmenu_control a:link, .vbmenu_control a:visited {
  2017.         color: var(--rgb7b);
  2018.         text-decoration: none;
  2019.     }
  2020.     .vbmenu_control a:hover, .vbmenu_control a:active {
  2021.         color: var(--co04);
  2022.     }
  2023.     .tfoot a:link, .tfoot_alink, .tfoot a:visited, .tfoot_avisited, .tfoot a:hover, .tfoot a:active, .tfoot_ahover {
  2024.         color: var(--tx01);
  2025.         text-decoration: none;
  2026.     }
  2027.     /* barra de herramientas dentro de foro */
  2028.     td.tcat~td.vbmenu_control a {
  2029.         color: var(--tx01);
  2030.     }
  2031.     /* finalizar sesion a desconectar */
  2032.     td.vbmenu_control a[href*="login.php"] {
  2033.         font: 0/0 a;
  2034.     }
  2035.     td.vbmenu_control a[href*="login.php"]:after {
  2036.         content: "Desconectar";
  2037.         font-family: Roboto;
  2038.         font-weight: 400;
  2039.         font-size: 13px;
  2040.         line-height: 16px;
  2041.     }
  2042.     /* panel control a panel de control */
  2043.     td.vbmenu_control a[href*="usercp.php"] {
  2044.         font: 0/0 a;
  2045.     }
  2046.     td.vbmenu_control a[href*="usercp.php"]:after {
  2047.         content: "Panel de Control";
  2048.         font-family: Roboto;
  2049.         font-weight: 400;
  2050.         font-size: 13px;
  2051.         line-height: 16px;
  2052.     }
  2053.     /* menus barras de herramientas */
  2054.     .vbmenu_option {
  2055.         color: var(--tx01);
  2056.         background: 0 0;
  2057.     }
  2058.     /* necesaria para aplicar sombra */
  2059.     .vbmenu_popup {
  2060.         clip: unset !important;
  2061.         background: var(--bg03);
  2062.         padding: 8px 0;
  2063.         color: var(--tx01);
  2064.         border: 0;
  2065.         box-shadow: var(--bsh8);
  2066.     }
  2067.     /* menu */
  2068.  
  2069.     /* cabeceras dentro de menus */
  2070.     .vbmenu_popup .thead {
  2071.         color: var(--rgb5);
  2072.         font-weight: 500;
  2073.         cursor: default;
  2074.         font-size: 12px;
  2075.     }
  2076.     /* padding de menus, normal, head, hilite */
  2077.     .vbmenu_option, .vbmenu_popup .thead, .vbmenu_hilite {
  2078.         padding: 8px 24px !important;
  2079.     }
  2080.     /* texto menus */
  2081.     .vbmenu_option a:link, .vbmenu_option a:visited {
  2082.         color: var(--tx01);
  2083.         font-size: 12px;
  2084.     }
  2085.     /* texto menus hover */
  2086.     .vbmenu_hilite {
  2087.         background: var(--rgb2);
  2088.         color: var(--tx01);
  2089.         font-size: 12px;
  2090.     }
  2091.     .vbmenu_hilite a:link, .vbmenu_hilite a:visited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active {
  2092.         color: var(--tx01);
  2093.         font-size: 12px;
  2094.     }
  2095.     /* menu nick de usuario */
  2096.     span[style="color:#319c32; font-weight: bold"] {
  2097.         color: #81c784 !important;
  2098.     }
  2099.     /* color texto lista de ignorados */
  2100.     span[style="color:#9c3131; font-weight: bold"] {
  2101.         color: #e57373 !important;
  2102.     }
  2103.     /* fondo publicidad foros especificios */
  2104.     td.alt1[style="background-color:#FFFFFF;"], td.alt1 table[bgcolor="#eeeeee"] {
  2105.         background: var(--bg03) !important;
  2106.     }
  2107.     td.alt1>table[bgcolor="#eeeeee"] td[bgcolor="#ffffff"] {
  2108.         background: 0 0;
  2109.     }
  2110.  
  2111.  
  2112.  
  2113.     /* DISEÑO DE POSTS */
  2114.     /* BASE */
  2115.     /* Quitar espacio vacío bajo primer post de cada hilo */
  2116.     #posts table[id^=post]:not([style="table-layout: fixed; width: 100%;"]) tr:not(:nth-child(3)), div[id^=edit][style="padding:0px 0px 5px 0px"]>br {
  2117.         display: none;
  2118.     }
  2119.     /* Quita contenedor vacío final de posts */
  2120.     #posts #lastpost {
  2121.         display: none;
  2122.     }
  2123.     /* Interior tabla post */
  2124.     .page div[id^="edit"] {
  2125.         padding: 0 !important;
  2126.         /* style incrustado */
  2127.     }
  2128.     /* Base para distribuir ficha de usuario y post */
  2129.     #posts [id^="post"] > tbody,
  2130.     #post > tbody {
  2131.         display: block;
  2132.     }
  2133.     /* Necesario para posicionar elementos */
  2134.     #posts table[id^="post"],
  2135.     #post {
  2136.         position: relative;
  2137.     }
  2138.     /* Nuevo formato posts */
  2139.     #posts > div,
  2140.     #post > tbody {
  2141.         padding: 48px 32px 48px 0;
  2142.         margin-bottom: 24px;
  2143.         box-shadow: var(--bsh2);
  2144.         border-radius: 2px;
  2145.         background: var(--bg03);
  2146.     }
  2147.     /* Quita todos los fondos */
  2148.     #posts > div .page,
  2149.     #posts > div .tborder,
  2150.     #posts > div .alt1,
  2151.     #posts > div .alt2,
  2152.     #posts > div .thead {
  2153.         background: transparent;
  2154.     }
  2155.     /* Quita bordes tablas */
  2156.     #posts .tborder, #posts .alt2, #posts .alt1, #posts .thead {
  2157.         border: 0 !important;
  2158.     }
  2159.  
  2160.  
  2161.     /* FICHA USUARIO */
  2162.     /* Base */
  2163.     table[id^="post"] > tbody > tr:nth-child(2) > td:nth-child(1),
  2164.     #post > tbody > tr:nth-child(2) > td:nth-child(1) {
  2165.         min-width: 200px;
  2166.         max-width: 200px;
  2167.         padding: 0 16px;
  2168.         position: relative;
  2169.         z-index: 2;
  2170.     }
  2171.     /* Borde ficha de usuario */
  2172.     #posts tbody > tr:nth-child(2) > td:nth-child(1) {
  2173.         border-right: 1px solid var(--bg02) !important;
  2174.     }
  2175.     /* Hora post */
  2176.     table[id^="post"] > tbody > tr > td.thead:nth-child(1) {
  2177.         display: block;
  2178.         position: absolute;
  2179.         top: -32px;
  2180.         font-size: 13px;
  2181.         width: 200px;
  2182.         padding: 0 16px;
  2183.         text-align: center;
  2184.         z-index: 2;
  2185.     }
  2186.     /* Numero post */
  2187.     table[id^="post"] > tbody > tr > td.thead:nth-child(2) {
  2188.         display: block;
  2189.         position: absolute;
  2190.         right: -32px;
  2191.         top: -48px;
  2192.         color: transparent;
  2193.         font-size: 0;
  2194.         padding: 16px;
  2195.         overflow: hidden;
  2196.         background: transparent;
  2197.     }
  2198.     table[id^="post"] > tbody > tr > td.thead:nth-child(2) a {
  2199.         display: inline-block;
  2200.         transform: translateX(8px);
  2201.         opacity: 0;
  2202.         transition: .12s;
  2203.     }
  2204.     table[id^="post"] > tbody > tr > td.thead:nth-child(2):hover a {
  2205.         opacity: 1;
  2206.         transform: translateX(0);
  2207.     }
  2208.     table[id^="post"] > tbody > tr > td.thead:nth-child(2) > a {
  2209.         color: var(--rgb5);
  2210.         font-size: 13px;
  2211.     }
  2212.     table[id^="post"] > tbody > tr > td.thead:nth-child(2) > a > strong {
  2213.         font-weight: normal;
  2214.     }
  2215.     /* Nick usuario */
  2216.     a.bigusername {
  2217.         overflow: hidden;
  2218.         font-size: 18px;
  2219.         color: var(--rgb7);
  2220.     }
  2221.     a.bigusername:hover {
  2222.         color: var(--tx01);
  2223.     }
  2224.     /* Avatar redondo y posición */
  2225.     .smallfont > br + a[href^="member.php?u="] {
  2226.         position: absolute;
  2227.         top: 0;
  2228.         margin: 0 40px;
  2229.         display: block;
  2230.         height: 120px;
  2231.         width: 120px;
  2232.         border-radius: 50%;
  2233.         overflow: hidden;
  2234.     }
  2235.     .smallfont > br + a[href^="member.php?u="] > img {
  2236.         object-fit: cover;
  2237.         width: calc(100% + 2px);
  2238.         height: 122px;
  2239.         background: var(--bg04);
  2240.         margin-left: -1px;
  2241.         margin-top: -1px;
  2242.     }
  2243.     /* Añade hueco para avatar */
  2244.     div[id^="postmenu_"]:not(.vbmenu_popup) {
  2245.         margin-top: 131px;
  2246.     }
  2247.  
  2248.     /* Añade avatar predeterminado */
  2249.     div[id^="postmenu_"]:not(.vbmenu_popup) + div:after {
  2250.         position: absolute;
  2251.         content: "";
  2252.         display: block;
  2253.         width: 118px;
  2254.         height: 118px;
  2255.         border-radius: 120px;
  2256.         background: var(--rgb1) url(https://i.imgur.com/PBCupIz.png) center no-repeat;
  2257.         background-size: 120px;
  2258.         opacity: .3;
  2259.         top: 1px;
  2260.         margin: 0 41px;
  2261.     }
  2262.     /* Fix para títulos personales que descuadran */
  2263.     div[id^="postmenu_"] + div {
  2264.         min-height: 17px;
  2265.         max-height: 17px;
  2266.         white-space: nowrap;
  2267.         overflow: hidden;
  2268.     }
  2269.     /* Quita espacio en blanco exclusivo de perfiles con avatar */
  2270.     td.alt2[width="175"] > div:nth-last-child(2) br {
  2271.         display: block;
  2272.         margin-bottom: -17px;
  2273.     }
  2274.     /* Centra el contenido de la ficha de usuario */
  2275.     td.alt2[width="175"] {
  2276.         text-align: center;
  2277.     }
  2278.     /* Contenedor reporte y estado en linea */
  2279.     [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1) {
  2280.         padding: 0;
  2281.         font-size: 0;
  2282.         display: block;
  2283.         position: absolute;
  2284.         height: calc(100% + 48px);
  2285.         width: 232px;
  2286.         top: 0;
  2287.         left: 0;
  2288.         z-index: 1;
  2289.         border-right: 0 !important;
  2290.         overflow: hidden;
  2291.     }
  2292.     /* Estado en linea */
  2293.     td.alt2 > img[src*="/statusicon/user_"] {
  2294.         position: absolute;
  2295.         top: 104px;
  2296.         margin-left: 160px;
  2297.         z-index: 3;
  2298.     }
  2299.     /* Icono estado en linea */
  2300.     img[src*="statusicon/user_"] {
  2301.         width: 0;
  2302.         height: 12px;
  2303.         padding-right: 12px;
  2304.         border-radius: 12px;
  2305.     }
  2306.     /* Conectado */
  2307.     img[src$="/user_online.gif"] {
  2308.         background: #a5d6a7;
  2309.     }
  2310.     /* Desconectado */
  2311.     img[src$="/user_offline.gif"] {
  2312.         background: var(--bg02);
  2313.     }
  2314.     /* Invisible */
  2315.     img[src$="/user_invisible.gif"] {
  2316.         background: #ef9a9a;
  2317.     }
  2318.     /* Icono reportar */
  2319.     .alt2 > a[href^="report.php?p="] {
  2320.         position: absolute;
  2321.         bottom: 8px;
  2322.         left: 8px;
  2323.         width: 32px;
  2324.         height: 32px;
  2325.         border-radius: 16px;
  2326.         transition: .12s;
  2327.     }
  2328.     .alt2 > a[href^="report.php?p="]:hover {
  2329.         background: var(--rgb1);
  2330.     }
  2331.     .alt2 > a[href^="report.php?p="]:focus {
  2332.         background: var(--rgb2);
  2333.     }
  2334.     img[src*="/report.png"] {
  2335.         width: 0;
  2336.         height: 18px;
  2337.         padding-right: 18px;
  2338.         background: url(https://i.imgur.com/9xX0vXi.png) center no-repeat;
  2339.         background-size: cover;
  2340.         margin-left: 7px;
  2341.         margin-top: 6px;
  2342.     }
  2343.     [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1) > a {
  2344.         transform: translateX(-9px);
  2345.         opacity: 0;
  2346.     }
  2347.     [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1):hover > a {
  2348.         transform: translateX(0);
  2349.         opacity: 1;
  2350.     }
  2351.     /* Resaltar autor */
  2352.     .tborder-author:after {
  2353.         content: "";
  2354.         display: block;
  2355.         position: absolute;
  2356.         top: 0px;
  2357.         left: 232px;
  2358.         background: var(--rs02);
  2359.         width: 1px;
  2360.         height: 100%;
  2361.         opacity: .7;
  2362.         z-index: 3;
  2363.     }
  2364. #post.tborder-author:after {
  2365.     top: 48px;
  2366.     height: calc(100% - 120px);
  2367. }
  2368.     /* Resaltar usuario */
  2369.     .tborder-user:after {
  2370.         content: "";
  2371.         display: block;
  2372.         position: absolute;
  2373.         top: 0px;
  2374.         left: 232px;
  2375.         background: var(--rs01);
  2376.         width: 1px;
  2377.         height: 100%;
  2378.         opacity: .5;
  2379.         z-index: 3;
  2380.     }
  2381. #post.tborder-user:after {
  2382.     top: 48px;
  2383.     height: calc(100% - 120px);
  2384. }
  2385.  
  2386.  
  2387.     /* CONTENEDOR POST */
  2388.     /* Ancho post y firma */
  2389.     [id^="post"] > tbody > tr:nth-child(2) > td:nth-child(2),
  2390.     [id^="post"] > tbody > tr:nth-child(3) > td {
  2391.         padding: 0 0 0 32px;
  2392.         width: 100%;
  2393.     }
  2394.     /* Botones post */
  2395.     [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(2) {
  2396.         display: block;
  2397.         position: absolute;
  2398.         right: -24px;
  2399.         bottom: -40px;
  2400.         padding: 0;
  2401.     }
  2402.     /* Quitar botón bajar */
  2403.     a[id^="qr_"] {
  2404.         display: none;
  2405.     }
  2406.     /* Título hilo */
  2407.     [id^="td_post_"] .smallfont {
  2408.         font-size: 16px;
  2409.     }
  2410.     /* Contenedor citas, code y spoiler */
  2411.     /* Contenedor */
  2412.     #HOTWordsTxt tr > td.alt2,
  2413.     .spoiler {
  2414.         box-sizing: border-box;
  2415.         border: 0 !important;
  2416.         border-radius: 2px !important;
  2417.         max-height: 60vh !important;
  2418.         height: 100% !important;
  2419.         width: 100% !important;
  2420.         padding: 16px !important;
  2421.         background: var(--bg04) !important;
  2422.         color: var(--rgb7);
  2423.         margin: 0 !important;
  2424.     }
  2425.     .spoiler {
  2426.         font-weight: unset;
  2427.         cursor: pointer;
  2428.         border-color: #cc3300 !important;
  2429.         color: transparent;
  2430.     }
  2431.     .spoiler[style="color: rgb(0, 0, 0);"] {
  2432.         color: var(--rgb7) !important;
  2433.     }
  2434.     /* Contenedor code */
  2435.     div[style="margin:20px; margin-top:5px"] {
  2436.         background: var(--bg04);
  2437.         border-radius: 2px;
  2438.         overflow: auto;
  2439.         padding: 16px !important;
  2440.         max-height: 60vh;
  2441.     }
  2442.     pre {
  2443.         padding: 0 !important;
  2444.         display: table;
  2445.         table-layout: fixed;   
  2446.         width: 100% !important;
  2447.         height: 1px !important;
  2448.         white-space: pre-wrap;
  2449.     }
  2450.     div[style="font-style:italic"] {
  2451.         font-style: unset !important;
  2452.     }
  2453.     /* Autor cita */
  2454.     #HOTWordsTxt .alt2 > div:nth-child(1) {
  2455.         margin-bottom: 16px;
  2456.         text-transform: lowercase;
  2457.     }
  2458.     /* Corrige mayúsculas */
  2459.     #HOTWordsTxt .alt2 > div:nth-child(1):first-letter {
  2460.         text-transform: uppercase;
  2461.     }
  2462.     #HOTWordsTxt .alt2 > div:nth-child(1) > b {
  2463.         text-transform: none;
  2464.     }
  2465.     #HOTWordsTxt .alt2 > div:nth-child(1) img {
  2466.         margin-bottom: 2px;
  2467.         transform: translateX(-8px);
  2468.         opacity: 0;
  2469.     }
  2470.     #HOTWordsTxt .alt2:hover > div:nth-child(1) img {
  2471.         transform: translateX(0);
  2472.         opacity: 1;
  2473.     }
  2474.     /* Quita encabezado conenedor */
  2475.     div[style="margin:20px; margin-top:5px; "] > div[style="margin-bottom:2px; margin-left:8px"],
  2476.     div[style="margin:20px; margin-top:5px"] > div[style="margin-bottom:2px"],
  2477.     .smallfont[style="font-weight:bold; margin-left:8px; margin-bottom:2px"] {
  2478.         display: none;
  2479.     }
  2480.     /* Margen exterior para contenedor */
  2481.     div[style="margin:20px; margin-top:5px; "],
  2482.     div[style="margin:20px; margin-top:5px"] {
  2483.         margin: 16px 0 !important;
  2484.     }
  2485.     /* Quita margen superior si contenedor es primer elemento de post o cita */
  2486.     #HOTWordsTxt > div[id^="post_message_"] > div:first-child,
  2487.     #HOTWordsTxt .alt2 > div[style="margin:20px; margin-top:5px; "],
  2488.     #HOTWordsTxt .alt2 > div[style="margin:20px; margin-top:5px"] {
  2489.         margin-top: 0 !important;
  2490.     }
  2491.  
  2492.  
  2493.     /* OTROS */
  2494.     /* Contenedor encuestas */
  2495.     form[action^="poll.php?"]>.tborder {
  2496.         background: var(--rgb1);
  2497.         border-radius: 2px;
  2498.     }
  2499.     form[action^="poll.php?"]>.tborder .panelsurround {
  2500.         padding: 16px;
  2501.     }
  2502.     form[action^="poll.php?"] .tcat {
  2503.         display: none;
  2504.     }
  2505.     form[action^="poll.php?"] td.thead {
  2506.         font-size: 13px;
  2507.         color: var(--rgb5);
  2508.         padding: 16px 0;
  2509.         background: transparent;
  2510.     }
  2511.     form[action^="poll.php?"] fieldset > legend {
  2512.         display: none;
  2513.     }
  2514.     /* Añadir borde a lista de opciones de encuesta */
  2515.     table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder > tbody > tr:not(:nth-child(1)):not(:nth-last-child(1)) {
  2516.         border-bottom: 1px solid var(--bg02);
  2517.         border-right: 32px solid transparent;
  2518.         border-left: 32px solid transparent;
  2519.     }
  2520.     table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder > tbody > tr:nth-last-child(2) {
  2521.         border-bottom: 1px solid transparent !important;
  2522.     }
  2523.     table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder {
  2524.         background: var(--bg03);
  2525.         box-shadow: var(--bsh2);
  2526.     }
  2527.  
  2528.     /* Cabeceras de contenedor */
  2529.     .tcat {
  2530.         background: transparent;
  2531.         color: var(--rgb5);
  2532.     }
  2533.     .tcat strong {
  2534.         font-weight: 500;
  2535.     }
  2536.     .tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active {
  2537.         color: var(--rgb5);
  2538.         text-decoration: none;
  2539.     }
  2540.  
  2541.     .thead a:link, .thead a:visited, .thead a:hover, .thead a:active {
  2542.         color: var(--tx01);
  2543.     }
  2544.  
  2545.     /* MENSAJES PRIVADOS */
  2546.     /* Fix mensajes privados */
  2547.     #post > tbody td.alt2 > img[src*="/statusicon/user_"] {
  2548.         top: 152px;
  2549.         margin-left: 160px;
  2550.     }
  2551.     .tcat a > img {
  2552.         opacity: .6 !important;
  2553.         vertical-align: bottom;
  2554.         margin-bottom: 3px;
  2555.     }
  2556.     #post > tbody .thead:nth-child(1) {
  2557.         top: 16px;
  2558.     }
  2559.     #post > tbody tr:nth-child(4) > td:nth-child(2) {
  2560.         bottom: 32px;
  2561.         right: 4px;
  2562.     }
  2563.     table#post.tborder-author td.thead:nth-child(1), table#post.tborder-author td.alt2 {
  2564.         background: transparent;
  2565.     }
  2566.     table#post.tborder-author .thead, table#post.tborder-author .alt2, table#post.tborder-author .alt1 {
  2567.         border: 0 !important;
  2568.     }
  2569.     table#post.tborder-author .alt2:not([style*="max-height:410px"]) {
  2570.         border-right: 1px solid transparent !important;
  2571.     }
  2572.  
  2573.     /* enlaces posts */
  2574.     td[id^=td_post] a {
  2575.         color: var(--tx04);
  2576.     }
  2577.     td[id^=td_post] a:hover {
  2578.         color: var(--tx05);
  2579.     }
  2580.     /* separador */
  2581.     hr {
  2582.         border: none;
  2583.         border-top: 1px solid var(--bg02);
  2584.         background: 0 0 !important;
  2585.         margin: 16px 0;
  2586.     }
  2587.     hr.post {
  2588.         border-bottom: 1px solid var(--bg02);
  2589.     }
  2590.     /* texto panel usuario */
  2591.     table[id^=post] .alt2 div.smallfont,
  2592.     [id^="post"] .thead:nth-child(1) {
  2593.         color: var(--rgb5);
  2594.     }
  2595.  
  2596.     /* post normal */
  2597.     table.tborder[id^=post] td.thead:nth-child(1) {
  2598.         background: var(--bg04);
  2599.     }
  2600.     /* post autor hilo */
  2601.     .tborder-author {
  2602.         border: 0;
  2603.         background: 0 0;
  2604.     }
  2605.     table.tborder-author a.bigusername {
  2606.         color: var(--rs02);
  2607.     }
  2608.     /* post usuario */
  2609.     .tborder-user {
  2610.         border: 0;
  2611.         background: 0 0;
  2612.     }
  2613.  
  2614.     table.tborder-user a.bigusername {
  2615.         color: var(--rs01);
  2616.     }
  2617.     img.imgpost {
  2618.         max-height: 60vh;
  2619.     }
  2620.     /* miniatura de adjuntos */
  2621.     td[id^=td_post] div[style="padding:5px"] {
  2622.         padding: 0 !important;
  2623.     }
  2624.     td[id^=td_post] fieldset.fieldset {
  2625.         margin: 24px 0 0;
  2626.         padding: 0;
  2627.     }
  2628.     td[id^=td_post] fieldset div[style="padding:3px"] {
  2629.         padding: 12px 0 0 !important;
  2630.         border-top: 1px solid var(--bg02);
  2631.     }
  2632.     td[id^=td_post] fieldset.fieldset legend {
  2633.         margin-left: -3px;
  2634.     }
  2635.  
  2636.     /* Firma */
  2637.     .signature {
  2638.         color: var(--rgb5);
  2639.     }
  2640.  
  2641.     /* aviso registro estando desconectado */
  2642.     td.panelsurround table[bordercolorlight="#000000"][bordercolordark="#000000"][cellpadding="8"] {
  2643.         border: 0;
  2644.     }
  2645.     td.panelsurround td[bgcolor="#F5F5F5"] {
  2646.         border: 1px solid !important;
  2647.     }
  2648.     /* formulario iniciar sesion */
  2649.     td.alt1+td.alt2[style="padding:0px"][nowrap=nowrap] {
  2650.         padding: 0 4px 0 2px !important;
  2651.         background: var(--bg03);
  2652.     }
  2653.     /* usuario */
  2654.     input#navbar_username, .bginput[name=vb_login_username] {
  2655.         min-width: 200px;
  2656.         max-width: 360px;
  2657.     }
  2658.     /* contrasea */
  2659.     input#navbar_password, .bginput[name=vb_login_password] {
  2660.         min-width: 200px;
  2661.         max-width: 360px;
  2662.     }
  2663.     input#navbar_username, input#navbar_password {
  2664.         color: var(--co04) !important;
  2665.         border-bottom: 1px solid var(--rgb7b) !important;
  2666.     }
  2667.     input#navbar_username:focus, input#navbar_password:focus {
  2668.         box-shadow: 0 1px 0 0 var(--co04);
  2669.     }
  2670.     /* quitar etiquetas usuario y contrasea */
  2671.     label[for=navbar_username], label[for=navbar_password] {
  2672.         display: none;
  2673.     }
  2674.     /* navegación pie de página */
  2675.     table[style="margin-top:-2px"]+br+#table3+br+br+table.tborder, table[style="margin-top:-2px"]+br+table.tborder, table[style="margin-top:3px"]+br+table.tborder, table[style="margin-top:3px"]+br+table.tborder+br+table.tborder {
  2676.         border: 0;
  2677.         background: 0 0;
  2678.         box-shadow: none !important;
  2679.     }
  2680.     /* table3 fix publicidad */
  2681.     table[style="margin-top:-2px"]+br+#table3+br+br {
  2682.         display: none;
  2683.     }
  2684.     table[style="margin-top:-2px"]+br+#table3+br+br+table.tborder td.alt1, table[style="margin-top:-2px"]+br+table.tborder td.alt1, table[style="margin-top:3px"]+br+table.tborder tr[valign=top]>td table.tborder, table[style="margin-top:3px"]+br+table.tborder td.thead, table[style="margin-top:3px"]+br+table.tborder td.thead td.alt1, table[style="margin-top:3px"]+br+table.tborder+br+table.tborder td.alt1 {
  2685.         background: 0 0;
  2686.     }
  2687.     table[style="margin-top:3px"]+br+table.tborder td.thead td.alt1 tr {
  2688.         display: inline-block;
  2689.         margin-top: -5px;
  2690.     }
  2691.     /* fix sombra publicidad */
  2692.     #table3 {
  2693.         box-shadow: var(--bsh2) !important;
  2694.     }
  2695.     #table3 .alt1, #table5 .alt1 {
  2696.         padding: 16px;
  2697.     }
  2698.     /* quitar panel citar mensaje en editor de mensaje rapido */
  2699.     tbody#collapseobj_quickreply td.panelsurround div#vB_Editor_QR+.fieldset, tbody#collapseobj_quickreply td.panelsurround div[style="max-width:880px; width:auto !important; width:880px"] div.smallfont:first-of-type {
  2700.         display: none;
  2701.     }
  2702.     /* editor de mensajes */
  2703.     #vB_Editor_001_smiliebox {
  2704.         background: var(--rgb5);
  2705.         border-radius: 2px;
  2706.         padding: 16px 16px 26px;
  2707.         position: relative;
  2708.         margin: 16px 0;
  2709.     }
  2710.     #vB_Editor_001_smiliebox td {
  2711.         display: inline-block;
  2712.     }
  2713.     #vB_Editor_001_smiliebox table td.smallfont {
  2714.         font: 0/0 a;
  2715.         padding: 0;
  2716.     }
  2717.     #vB_Editor_001_smiliebox table td.smallfont a {
  2718.         color: var(--co01);
  2719.         font-family: Roboto;
  2720.         text-transform: uppercase;
  2721.         font-size: 14px;
  2722.         font-weight: 500;
  2723.         position: absolute;
  2724.         right: 12px;
  2725.         bottom: 16px;
  2726.     }
  2727.     /* fix */
  2728.     img[src*="forocoches.com/foro/images/smilies/gaydude.gif"] {
  2729.         width: 0;
  2730.         height: 21px;
  2731.         padding-right: 15px;
  2732.         background: url(https://i.imgur.com/XZZLi7g.gif);
  2733.     }
  2734.     table#smilietable tr:not(:first-child):not(:last-child):not(:nth-child(2)) td:nth-child(odd) {
  2735.         text-align: right;
  2736.     }
  2737.     table#smilietable td {
  2738.         height: 42px;
  2739.         vertical-align: middle;
  2740.     }
  2741.     div.imagebutton {
  2742.         width: 32px;
  2743.         height: 32px;
  2744.         margin: 2px;
  2745.         vertical-align: middle;
  2746.     }
  2747.     div[id*="_cmd_resize_"].imagebutton {
  2748.         width: 16px;
  2749.         height: 16px;
  2750.         margin: 0;
  2751.     }
  2752.     div[id*="_cmd_resize_"].imagebutton img {
  2753.         padding: 4px 0;
  2754.         margin-left: -2px;
  2755.     }
  2756.     /* fix */
  2757.     #vB_Editor_QE_1_cmd_resize_1_99 {
  2758.         padding: 1px;
  2759.     }
  2760.     div#vB_Editor_001_popup_fontname {
  2761.         width: 160px;
  2762.         border-radius: 2px;
  2763.         margin-right: 4px;
  2764.     }
  2765.     div#vB_Editor_001_popup_fontname td.popup_feedback {
  2766.         width: 160px;
  2767.         position: relative;
  2768.         height: 32px;
  2769.     }
  2770.     div#vB_Editor_001_popup_fontname td.popup_feedback:before {
  2771.         content: "Roboto";
  2772.         cursor: default;
  2773.         position: absolute;
  2774.         font-family: Roboto;
  2775.         font-size: 14px;
  2776.         color: var(--tx01);
  2777.         margin-top: -9px;
  2778.         margin-left: 2px;
  2779.     }
  2780.     div#vB_Editor_001_popup_fontname td.popup_feedback>div {
  2781.         line-height: 32px;
  2782.         font-size: 14px;
  2783.         height: 32px;
  2784.         width: 148px !important;
  2785.         font-family: Roboto;
  2786.         background-color: var(--co01);
  2787.         position: relative;
  2788.     }
  2789.     div#vB_Editor_001_popup_fontsize {
  2790.         border-radius: 2px;
  2791.         width: 62px;
  2792.     }
  2793.     div#vB_Editor_001_popup_fontsize td.popup_feedback>div {
  2794.         line-height: 32px;
  2795.         font-size: 14px;
  2796.         height: 32px;
  2797.         font-family: Roboto;
  2798.         background-color: var(--co01);
  2799.     }
  2800.     div#vB_Editor_001_popup_fontname td.popup_pickbutton, div#vB_Editor_001_popup_fontsize td.popup_pickbutton {
  2801.         opacity: 0;
  2802.     }
  2803.     div#vB_Editor_001_popup_attach td.alt_pickbutton {
  2804.         display: none;
  2805.     }
  2806.     div[id*=forecolor] img[id*=color_bar] {
  2807.         position: relative;
  2808.         top: -8px;
  2809.         right: -4px;
  2810.         width: 24px;
  2811.         height: 4px;
  2812.     }
  2813.     div[id*=forecolor] td.alt_pickbutton {
  2814.         position: relative;
  2815.         display: block;
  2816.         opacity: 0;
  2817.         top: 2px;
  2818.         right: 31px;
  2819.         width: 27px;
  2820.         height: 28px;
  2821.     }
  2822.     /* borde editor rapido */
  2823.     table[id^=vB_Editor_QE] {
  2824.         border: 0 !important;
  2825.     }
  2826.     /* tabla que contiene editor de mensajes */
  2827.     #qrform table.tborder {
  2828.         background: 0 0;
  2829.         border: 0;
  2830.     }
  2831.     #collapseobj_quickreply .panelsurround, form[name=vbform] .panelsurround {
  2832.         background: 0 0;
  2833.         color: var(--tx01);
  2834.     }
  2835.     /* devuelve fondo a panelsurround cuando no es editor mensajes */
  2836.     .panelsurround {
  2837.         background: transparent;
  2838.         padding: 0;
  2839.     }
  2840.  
  2841.     .panel {
  2842.         background: 0 0;
  2843.         color: var(--tx01);
  2844.         border: 0;
  2845.         padding: 0;
  2846.     }
  2847.     /* color fondo en editor completo */
  2848.     #collapseobj_newpost_options .panelsurround {
  2849.         background: var(--bg03);
  2850.         padding: 16px 0;
  2851.     }
  2852.     form[name=vbform]>table.tborder {
  2853.         background: 0 0;
  2854.         border: 0;
  2855.     }
  2856.     form[name=vbform]>table.tborder>tbody>tr>td.tcat {
  2857.         display: none;
  2858.     }
  2859.     /* editor de mensajes */
  2860.     .vBulletin_editor {
  2861.         padding: 0;
  2862.         border: 0;
  2863.         background: 0 0;
  2864.     }
  2865.     div#vB_Editor_001_controls+table td.controlbar {
  2866.         padding: 0;
  2867.     }
  2868.     /* color texto editor de mensajes */
  2869.     .vBulletin_editor a:link, .vBulletin_editor .smallfont, table[id^=vB_Editor] {
  2870.         color: var(--tx01);
  2871.     }
  2872.     /* iconos editor mensajes */
  2873.     div[id^=vB_Editor_] {
  2874.         background: 0 0;
  2875.     }
  2876.     /* elemento seleccionado en editor de mensajes */
  2877.     div[style*="rgb(225, 225, 226)"] {
  2878.         background: inherit !important;
  2879.     }
  2880.     div[style*="rgb(241, 246, 248)"] {
  2881.         border: 1px solid transparent !important;
  2882.         background: rgba(0, 0, 0, .15) !important;
  2883.         border-radius: 3px !important;
  2884.     }
  2885.     /* hover */
  2886.     div[style*="rgb(193, 210, 238)"] {
  2887.         border: 1px solid rgba(255, 255, 255, .45) !important;
  2888.         border-radius: 3px !important;
  2889.         background: inherit !important;
  2890.     }
  2891.     /* hover seleccionado */
  2892.     div[style*="rgb(152, 181, 226)"] {
  2893.         border: 1px solid transparent !important;
  2894.         background: rgba(255, 255, 255, .45) !important;
  2895.         border-radius: 3px !important;
  2896.     }
  2897.     /* fixes elementos seleccionados */
  2898.     #vB_Editor_001_popup_fontsize, #vB_Editor_001_popup_fontname {
  2899.         background-color: var(--co01) !important;
  2900.     }
  2901.     /* quitar borde azul en flecha */
  2902.     td[style="padding-left: 0px; border-left: 1px solid rgb(49, 106, 197)"] {
  2903.         border-left: 1px solid transparent !important;
  2904.     }
  2905.     /* Tamaño selector de Tamaño texto en editor de mensajes */
  2906.     div[id^=vB_Editor][style="width: 25px;"], div[id^=vB_Editor][style="width:25px"] {
  2907.         width: 48px !important;
  2908.     }
  2909.     /* fix borde fuentes y Tamaño */
  2910.     .popup_feedback {
  2911.         background: 0 0 !important;
  2912.         border-right: 1px solid var(--co01) !important;
  2913.     }
  2914.     /* correcion borde flecha desplegable editor de mensajes */
  2915.     .alt_pickbutton {
  2916.         border-left: 1px solid var(--co01);
  2917.     }
  2918.     /* texto selector fuentes y Tamaños */
  2919.     .popup_feedback div {
  2920.         color: var(--tx01);
  2921.     }
  2922.     /* fondo lista fuentes */
  2923.     div[id*=vB_Editor].vbmenu_popup {
  2924.         padding: 0 !important;
  2925.         margin-top: -4px;
  2926.         border: 0 !important;
  2927.         border-radius: 2px !important;
  2928.         background: var(--co01);
  2929.     }
  2930.     div#vB_Editor_001_popup_fontname_menu.vbmenu_popup {
  2931.         width: 162px !important;
  2932.     }
  2933.     div#vB_Editor_001_popup_fontsize_menu.vbmenu_popup {
  2934.         width: 64px !important;
  2935.     }
  2936.     div.vbmenu_popup[id*=vB_Editor]>div {
  2937.         padding: 2px 6px;
  2938.         overflow: hidden;
  2939.         text-overflow: ellipsis;
  2940.         white-space: nowrap;
  2941.         color: var(--tx01) !important;
  2942.         background: 0 0 !important;
  2943.         border: 0 !important;
  2944.         width: auto;
  2945.     }
  2946.     div.vbmenu_popup[id*=vB_Editor]>div:hover {
  2947.         background: rgba(0, 0, 0, .1) !important;
  2948.     }
  2949.     /* lista de botones editor mensajes */
  2950.     div.controlbar:first-of-type {
  2951.         padding: 6px 4px 4px;
  2952.         background: var(--bg07) !important;
  2953.         box-shadow: var(--bsh2);
  2954.     }
  2955.     /* editor mensajes */
  2956.     iframe:not([id^=I0_]) {
  2957.         border: none !important;
  2958.         box-shadow: var(--bsh2);
  2959.     }
  2960.     /* editor rapido */
  2961.     div.controlbar[style="padding-right:8px"] {
  2962.         padding-right: 0 !important;
  2963.         margin-left: -2px;
  2964.         margin-top: -2px;
  2965.     }
  2966.     #vB_Editor_QR_textarea, textarea[id*=vB_Editor_QE], #vB_Editor_001_textarea {
  2967.         margin-top: 0;
  2968.         padding: 8px !important;
  2969.         background: var(--co01);
  2970.         width: calc(100% - 16px) !important;
  2971.         border: 0 !important;
  2972.         box-shadow: var(--bsh2) !important;
  2973.     }
  2974.     textarea[id*=vB_Editor_QE]:focus {
  2975.         border-bottom: 0 !important/* chrome */
  2976.     }
  2977.     div[id*=vB_Editor_QE]+div {
  2978.         padding: 0;
  2979.     }
  2980.     div[id*=vB_Editor_QE].controlbar+div.controlbar div.fieldset {
  2981.         padding: 8px;
  2982.     }
  2983.     div[id*=vB_Editor_QE].controlbar+div input {
  2984.         margin-left: 0;
  2985.     }
  2986.     /* editor de mensajes wysiwyg */
  2987.     .wysiwyg {
  2988.         background: var(--co01) !important;
  2989.         color: var(--tx01) !important;
  2990.         margin: 8px !important;
  2991.         padding: 0 !important;
  2992.     }
  2993.     /* enlaces en editor de mensajes */
  2994.     .wysiwyg a:link, .wysiwyg a:visited {
  2995.         color: var(--tx04) !important;
  2996.     }
  2997.     /* Tamaño editores de mensajes */
  2998.  
  2999.     /* editor de mensajes rapido */
  3000.     div[style="max-width:880px; width:auto !important; width:880px"] {
  3001.         max-width: 100% !important/* 1440px */
  3002.     }
  3003.     /* editor de mensajes completo */
  3004.     #vB_Editor_001_controls table:nth-child(2) tr td {
  3005.         display: inline-block;
  3006.     }
  3007.     div#vB_Editor_001_controls.controlbar+table {
  3008.         table-layout: fixed;
  3009.         max-width: 100% !important/* 1440px */
  3010.     }
  3011.     iframe#vB_Editor_001_iframe {
  3012.         width: 100% !important;
  3013.     }
  3014.     /* iconos mensaje */
  3015.     fieldset.fieldset[style="margin-top: 5px"] {
  3016.         position: relative;
  3017.         top: -5px;
  3018.         margin: auto;
  3019.         background: var(--bg04);
  3020.         border-radius: 2px;
  3021.         padding: 8px;
  3022.     }
  3023.     fieldset.fieldset[style="margin-top: 5px"] table[width="95%"] {
  3024.         width: 100%;
  3025.     }
  3026.     fieldset.fieldset[style="margin-top: 5px"] tr {
  3027.         display: table-cell;
  3028.         width: 0;
  3029.     }
  3030.     fieldset.fieldset[style="margin-top: 5px"] tr td:nth-child(odd) {
  3031.         padding-right: 24px;
  3032.     }
  3033.     fieldset.fieldset[style="margin-top: 5px"] legend, fieldset.fieldset[style="margin-top: 5px"] div[style="margin-bottom:3px"], fieldset.fieldset[style="margin-top: 5px"] tr:nth-child(3) td:nth-child(1) {
  3034.         display: none;
  3035.     }
  3036.     /* opciones editor mensajes */
  3037.     tbody#collapseobj_newpost_options fieldset legend {
  3038.         margin-top: 12px;
  3039.     }
  3040.     tbody#collapseobj_newpost_options fieldset td {
  3041.         font-size: 13px;
  3042.     }
  3043.     /* fix recuadro de opciones dentro de editor */
  3044.     .vBulletin_editor fieldset {
  3045.         border: 0 !important;
  3046.     }
  3047.     .vBulletin_editor fieldset>legend {
  3048.         display: none;
  3049.     }
  3050.     /* botones bajo editor de mensajes, enviar y vista previa */
  3051.     td.panelsurround div[style="margin-top:5px"] {
  3052.         margin-top: 12px !important;
  3053.     }
  3054.     /* ajustes editor mensajes */
  3055.     table[style="min-width: 480px; max-width: 100%; width: auto !important; width: 480px;"] div div.smallfont {
  3056.         opacity: 0;
  3057.     }
  3058.     table[style="min-width: 480px; max-width: 100%; width: auto !important; width: 480px;"] table.fieldset input {
  3059.         margin: 4px 0;
  3060.     }
  3061.     /* opciones, formularios, botones */
  3062.     textarea, input, button, select {
  3063.         outline: 0;
  3064.         position: relative;
  3065.         z-index: 8; /* chrome */
  3066.     }
  3067.     textarea {
  3068.         color: var(--tx01);
  3069.         background-color: transparent;
  3070.         border: 1px solid var(--rgb2) !important;
  3071.         transition: .12s ease all;
  3072.     }
  3073.     textarea:focus {
  3074.         border: 1px solid var(--c401) !important;
  3075.     }
  3076.     /* input, !important necesario */
  3077.     .bginput, input[name="q"] {
  3078.         display: inline-block;
  3079.         vertical-align: middle;
  3080.         background-color: transparent;
  3081.         color: var(--co02) !important;
  3082.         border: 0 !important;
  3083.         height: 24px !important;
  3084.         padding: 0 8px !important;
  3085.         font-family: Roboto !important;
  3086.         font-size: 14px !important;
  3087.         margin: 4px 8px 4px 0;
  3088.         padding-left: 0 !important;
  3089.         border-bottom: 1px solid var(--rgb2) !important;
  3090.         box-shadow: none;
  3091.         box-sizing: content-box;
  3092.         transition: .12s ease all;
  3093.     }
  3094.     .bginput:focus, input[name="q"]:focus {
  3095.         border-bottom: 1px solid var(--c401) !important;
  3096.         box-shadow: 0 1px 0 0 var(--c401);
  3097.     }
  3098.     /* buscador lupa */
  3099.     .cfield {
  3100.         border: 0;
  3101.         color: transparent;
  3102.         height: 32px;
  3103.         width: 0;
  3104.         padding: 0 16px;
  3105.         background: url(https://i.imgur.com/9CgnjWE.png) center right 4px/24px no-repeat;
  3106.         cursor: pointer;
  3107.         z-index: 16;
  3108.         transition: .12s;
  3109.         transition-delay: .4s; /* Tiempo para hacer clic */
  3110.         margin-right: -4px;
  3111.     }
  3112.     .cfield:focus {
  3113.         color: #000;
  3114.         border: 0;
  3115.         border-radius: 2px;
  3116.         height: 32px;
  3117.         padding: 0 32px 0 8px;
  3118.         font-family: Roboto;
  3119.         font-size: 14px;
  3120.         width: 260px;
  3121.         box-shadow: var(--bsh4);
  3122.         background: var(--co03) url(https://i.imgur.com/Y5MK9ID.png) center right 4px no-repeat;
  3123.         background-size: 24px;
  3124.         cursor: text;
  3125.         z-index: 1;
  3126.         transition-delay: 0s;
  3127.     }
  3128.     .cbutton {
  3129.         z-index: 1;
  3130.     }
  3131.     /* Fix Chrome */
  3132.     form[name=busca]+td {
  3133.         position: relative;
  3134.     }
  3135.     form[name=busca]+td .cfield {
  3136.         position: absolute;
  3137.         top: 4px;
  3138.         right: 40px;
  3139.     }
  3140.     /* alineacion */
  3141.     label, input {
  3142.         line-height: 16px;
  3143.         vertical-align: middle;
  3144.     }
  3145.     input[type=radio], input[type=checkbox] {
  3146.         margin: 4px 4px 4px 0;
  3147.         vertical-align: middle;
  3148.         height: 16px;
  3149.     }
  3150.     /* desplegables */
  3151.     select {
  3152.         -webkit-appearance: none;
  3153.         -moz-appearance: none;
  3154.         vertical-align: middle;
  3155.         color: var(--co02) !important;
  3156.         border: 0 !important;
  3157.         border-radius: 2px !important;
  3158.         min-height: 24px !important;
  3159.         padding: 0 24px 0 4px !important;
  3160.         font-family: Roboto !important;
  3161.         font-size: 14px !important;
  3162.         margin: 4px 8px 4px 0;
  3163.         box-shadow: var(--bsh2);
  3164.         background-size: 18px;
  3165.         cursor: pointer;
  3166.     }
  3167.     select[name="forumchoice[]"] {
  3168.         background-image: none;
  3169.         cursor: default;
  3170.     }
  3171.     fieldset legend {
  3172.         color: var(--tx01);
  3173.         font-size: 13px;
  3174.         padding-left: 3px;
  3175.         font-weight: 500;
  3176.         text-transform: uppercase;
  3177.     }
  3178.     .fieldset td, .fieldset div {
  3179.         font-size: 13px;
  3180.         line-height: 1.4;
  3181.     }
  3182.     fieldset {
  3183.         border: 0;
  3184.     }
  3185.     fieldset div[style="padding:3px"], fieldset div {
  3186.         font-size: 13px;
  3187.     }
  3188.     fieldset[style="margin:0px"] form#cse-search-box {
  3189.         position: relative;
  3190.         left: -4px;
  3191.     }
  3192.     form#searchform div[align=left] div.thead[style="padding:5px"] {
  3193.         background-color: var(--bg04);
  3194.         height: 24px;
  3195.         line-height: 24px;
  3196.         font-size: 13px;
  3197.         color: var(--rgb5);
  3198.         font-weight: 500;
  3199.     }
  3200.     select option {
  3201.         vertical-align: middle;
  3202.         padding: 2px 4px;
  3203.         font-family: Roboto !important;
  3204.         font-size: 14px !important;
  3205.     }
  3206.     .fjdpth0 {
  3207.         background: 0 0;
  3208.         color: var(--tx01);
  3209.     }
  3210.     /* botones */
  3211.     .button, input[name=sa], .cbutton {
  3212.         display: inline-block;
  3213.         box-sizing: border-box;
  3214.         vertical-align: middle;
  3215.         background-color: var(--co01);
  3216.         color: var(--co02) !important;
  3217.         border: 0 !important;
  3218.         border-radius: 2px !important;
  3219.         height: 24px !important;
  3220.         min-width: 24px !important;
  3221.         padding: 0 8px !important;
  3222.         font-family: Roboto !important;
  3223.         font-weight: 500 !important;
  3224.         font-size: 13px !important;
  3225.         text-transform: uppercase;
  3226.         margin: 4px;
  3227.         filter: brightness(100%);
  3228.         box-shadow: var(--bsh2);
  3229.         cursor: pointer;
  3230.     }
  3231.     .cbutton {
  3232.         height: 32px !important;
  3233.         min-width: 32px !important;
  3234.         font-size: 15px !important;
  3235.         color: var(--rgb7) !important;
  3236.     }
  3237.     .button:hover, input[name=sa]:hover, .cbutton:hover {
  3238.         filter: var(--bns1);
  3239.         background-color: var(--co01);
  3240.         color: var(--co02) !important;
  3241.     }
  3242.     .button:active, input[name=sa]:active, .cbutton:active {
  3243.         filter: var(--bns2);
  3244.         box-shadow: var(--bsh4);
  3245.     }
  3246.     .button:disabled {
  3247.         box-shadow: var(--bsh2);
  3248.         background-color: rgba(0, 0, 0, .12);
  3249.         color: rgba(0, 0, 0, .26) !important;
  3250.     }
  3251.     input[src="clear.gif"] {
  3252.         display: none;
  3253.     }
  3254.     /* nueva barra de búsqueda */
  3255.     .cfield+input+input+.cbutton {
  3256.         background-color: transparent !important;
  3257.         position: relative;
  3258.         font-size: 0 !important;
  3259.         box-shadow: initial;
  3260.         border-radius: 0 2px 2px 0 !important;
  3261.         left: -40px;
  3262.         margin-right: -36px;
  3263.     }
  3264.     .cfield+input+input+.cbutton+.cbutton {
  3265.         min-width: 24px !important;
  3266.         height: 24px !important;
  3267.         border-radius: 24px !important;
  3268.     }
  3269.     /* mensajes privados */
  3270.  
  3271.     /* barra mensajes */
  3272.     table[style="border:2px groove"][width="100%"][cellspacing="1"] {
  3273.         border: 1px solid var(--bg02) !important;
  3274.         border-spacing: 0;
  3275.         border-collapse: collapse;
  3276.     }
  3277.     table[style="border:2px groove"]>tbody>tr>td[style="background-color:red; font-size:10px"] {
  3278.         background-color: #e57373 !important;
  3279.     }
  3280.     table[style="border:2px groove"]>tbody>tr>td[style="background-color:orange; font-size:10px"] {
  3281.         background-color: #fff176 !important;
  3282.     }
  3283.     table[style="border:2px groove"]>tbody>tr>td[style="background-color:green; font-size:10px"] {
  3284.         background-color: #81c784 !important;
  3285.     }
  3286.     img[src*="/calendar_popup.png"] {
  3287.         display: none;
  3288.     }
  3289.     /* bordes */
  3290.     form#pmform tbody[id^=collapseobj]>tr>td {
  3291.         border-top: 1px solid var(--bg02);
  3292.     }
  3293.     /* lista mensajes privados */
  3294.     form#pmform td.alt1:nth-child(1) {
  3295.         padding: 0 12px;
  3296.         height: 56px;
  3297.     }
  3298.     form#pmform td.alt1, form#pmform tbody[id^=collapseobj] td.alt2, form#pmform td.alt1Active, form#pmform table.tborder {
  3299.         background: var(--bg03);
  3300.     }
  3301.     form#pmform .thead div a {
  3302.         font-size: 13px;
  3303.         font-weight: 500;
  3304.         line-height: 24px;
  3305.     }
  3306.     form#pmform .alt2 strong, form#pmform .alt2 label {
  3307.         font-size: 13px;
  3308.         font-weight: 400;
  3309.         line-height: 24px;
  3310.     }
  3311.     form#pmform td.alt1 a {
  3312.         font-size: var(--sz01);
  3313.         font-weight: 500;
  3314.     }
  3315.     form#pmform td.alt1 span, form#pmform td.alt1 .time {
  3316.         font-size: 12px;
  3317.         color: var(--rgb7);
  3318.     }
  3319.     /* fix respecto nueva barra herramientas */
  3320.     form#pmform td.alt2 {
  3321.         visibility: visible;
  3322.     }
  3323.     /* calendario */
  3324.     .floatcontainer table.tborder.vB_DatePicker.page {
  3325.         background: var(--bg03) !important;
  3326.     }
  3327.     /* varios mp */
  3328.  
  3329.     #pm_historylink {
  3330.         margin-top: 4px;
  3331.     }
  3332.     /* panel de control barra lateral */
  3333.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.thead {
  3334.         font-size: 13px;
  3335.         font-weight: 500;
  3336.         padding: 8px;
  3337.     }
  3338.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 a {
  3339.         font-size: 13px;
  3340.         padding: 0 4px;
  3341.         color: var(--rgb7);
  3342.     }
  3343.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 a:hover {
  3344.         color: var(--co02);
  3345.     }
  3346.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt1 a:not([href*="member.php"]):not([href*="forumdisplay.php"]):not([href*="search.php"]) {
  3347.         font-size: 13px;
  3348.         padding: 0 4px;
  3349.         /*  color: var(--rgb2); */
  3350.         color: var(--tx04);
  3351.     }
  3352.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 {
  3353.         background: var(--bg03);
  3354.     }
  3355.     /* Separacion contenedores en Panel de Control */
  3356.     /* Todas las reglas del selector son necesarias */
  3357.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(2):not([align=right]):not(.smallfont):not([width="50%"]):not(.alt1) {
  3358.         padding-right: 18px;
  3359.     }
  3360.  
  3361.     /* enviar invis */
  3362.     div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(3) table.tborder td.alt1 span.smallfont a {
  3363.         line-height: 24px;
  3364.         padding: 0 4px;
  3365.         color: var(--rgb7);
  3366.         font-size: 13px;
  3367.     }
  3368.     /* mensaje de error al enviar mensaje 30s */
  3369.     #qr_error_tbody .smallfont a {
  3370.         font-size: 13px;
  3371.         font-weight: 500;
  3372.         text-transform: uppercase;
  3373.     }
  3374.     #qr_error_tbody {
  3375.         display: table;
  3376.         margin-left: 16px;
  3377.         width: calc(100% - 32px);
  3378.         background: var(--rgb5);
  3379.         border-radius: 2px;
  3380.     }
  3381.     #qr_error_tbody a {
  3382.         color: var(--co01);
  3383.     }
  3384.     #qr_error_tbody td {
  3385.         color: var(--co01);
  3386.         background: 0 0;
  3387.         font-size: 13px;
  3388.         font-weight: 500;
  3389.         padding: 8px;
  3390.     }
  3391.     /* tablas anchas opciones post, encuestas */
  3392.     div[style="width:750px"], div[style="width:880px"] {
  3393.         width: auto !important;
  3394.     }
  3395.     /* tabla ancha mp */
  3396.     form[action*="postings.php?do=dodeletethread"] td.thead, div[style="width:750px"]>fieldset>legend {
  3397.         display: none;
  3398.     }
  3399.     /* borrar mensaje titulo */
  3400.  
  3401.     /* sombras paneles varios */
  3402.     form[action^="editpost.php?do=deletepost"] .tborder, tr[valign=top]>td:not(.smallfont):not([align=right]) .tborder, form[name=postvarform]>.tborder, #collapseobj_threadreview, #inlinemodform table[id^=post][style="margin:5px 0px 5px 0px"] {
  3403.         box-shadow: var(--bsh2);
  3404.     }
  3405.     /* quitar sombra donde no es necesaria */
  3406.     form[name=vbform] .tborder:first-of-type {
  3407.         box-shadow: initial !important;
  3408.     }
  3409.  
  3410.  
  3411.  
  3412.    
  3413.     /* iconos valoracion */
  3414.     img[src*="/rating_5.gif"] {
  3415.         background: url(https://i.imgur.com/meP1MtX.png);
  3416.     }
  3417.     img[src*="/rating_4.gif"] {
  3418.         background: url(https://i.imgur.com/T8nRW7A.png);
  3419.     }
  3420.     img[src*="/rating_3.gif"] {
  3421.         background: url(https://i.imgur.com/nZXOQ2L.png);
  3422.     }
  3423.     img[src*="/rating_2.gif"] {
  3424.         background: url(https://i.imgur.com/0evhC7q.png);
  3425.     }
  3426.     img[src*="/rating_1.gif"] {
  3427.         background: url(https://i.imgur.com/Scf2f2X.png);
  3428.     }
  3429.     img[src*="/rating_"] {
  3430.         width: 0;
  3431.         height: 12px;
  3432.         padding-right: 60px;
  3433.         background-size: 60px 12px;
  3434.         transform: scaleX(-1);
  3435.         filter: brightness(0) var(--invert);
  3436.         opacity: .7;
  3437.     }
  3438.     /* iconos foro */
  3439.     img[src*="/misc/paperclip.gif"] {
  3440.         width: 0;
  3441.         height: 14px;
  3442.         margin-top: 5px;
  3443.         padding-right: 14px;
  3444.         background: url(https://i.imgur.com/JL6IcL0.png) center/14px no-repeat;
  3445.     }
  3446.     img[src*="/misc/sticky.gif"] {
  3447.         width: 0;
  3448.         height: 14px;
  3449.         padding-right: 14px;
  3450.         background: url(https://i.imgur.com/rlIyS6P.png) center/14px no-repeat;
  3451.         margin-top: 5px;
  3452.     }
  3453.     img[src*="/misc/stats.gif"] {
  3454.         width: 0;
  3455.         height: 32px;
  3456.         padding-right: 32px;
  3457.         background: url(https://i.imgur.com/66e8bb0.png) 0 0/32px;
  3458.     }
  3459.     img[src*="/statusicon/subforum_"] {
  3460.         display: none;
  3461.     }
  3462.     /* iconos editor mensajes wysiwyg */
  3463.     img[src*="/editor/separator.gif"] {
  3464.         width: 0;
  3465.         height: 32px;
  3466.         padding-right: 9px;
  3467.         background: url(https://i.imgur.com/xEYshAm.png) center/1px no-repeat;
  3468.     }
  3469.     img[src*="/editor/bold.gif"] {
  3470.         background: url(https://i.imgur.com/mJtBEaS.png);
  3471.     }
  3472.     img[src*="/editor/italic.gif"] {
  3473.         background: url(https://i.imgur.com/GZukOkK.png);
  3474.     }
  3475.     img[src*="/editor/underline.gif"] {
  3476.         background: url(https://i.imgur.com/pMwc7Au.png) top 4px center;
  3477.     }
  3478.     img[src*="/editor/justifyleft.gif"] {
  3479.         background: url(https://i.imgur.com/Fx834mo.png);
  3480.     }
  3481.     img[src*="/editor/justifycenter.gif"] {
  3482.         background: url(https://i.imgur.com/Fj38nBh.png);
  3483.     }
  3484.     img[src*="/editor/justifyright.gif"] {
  3485.         background: url(https://i.imgur.com/DSdUVPA.png);
  3486.     }
  3487.     img[src*="/editor/insertorderedlist.gif"] {
  3488.         background: url(https://i.imgur.com/BxAbF3w.png);
  3489.     }
  3490.     img[src*="/editor/insertunorderedlist.gif"] {
  3491.         background: url(https://i.imgur.com/BElSiq6.png);
  3492.     }
  3493.     img[src*="/editor/outdent.gif"] {
  3494.         background: url(https://i.imgur.com/mZWrOBy.png);
  3495.     }
  3496.     img[src*="/editor/indent.gif"] {
  3497.         background: url(https://i.imgur.com/Is24VGx.png);
  3498.     }
  3499.     img[src*="/editor/createlink.gif"] {
  3500.         background: url(https://i.imgur.com/53OIoKz.png);
  3501.     }
  3502.     img[src*="/editor/unlink.gif"] {
  3503.         background: url(https://i.imgur.com/ZLhc3jx.png);
  3504.     }
  3505.     img[src*="/editor/email.gif"] {
  3506.         background: url(https://i.imgur.com/LuDVbSE.png);
  3507.     }
  3508.     img[src*="/editor/insertimage.gif"] {
  3509.         background: url(https://i.imgur.com/P1ijHnS.png);
  3510.     }
  3511.     img[src*="/editor/quote.gif"] {
  3512.         background: url(https://i.imgur.com/02zBgF9.png);
  3513.     }
  3514.     img[src*="/editor/code.gif"] {
  3515.         background: url(https://i.imgur.com/1h4Ue15.png);
  3516.     }
  3517.     img[src*="/editor/php.gif"] {
  3518.         background: url(https://i.imgur.com/aXNSHtm.png);
  3519.     }
  3520.     img[src*="/editor/youtube_forocoches.gif"] {
  3521.         background: url(https://i.imgur.com/oTa3eJM.png);
  3522.     }
  3523.     img[src*="/editor/spoiler.png"] {
  3524.         background: url(https://i.imgur.com/YqpvNrI.png);
  3525.     }
  3526.     img[src*="/images/mention.png"] {
  3527.         background: url(https://i.imgur.com/lMxRjY4.png);
  3528.     }
  3529.     img[src*="/editor/attach.gif"] {
  3530.         background: url(https://i.imgur.com/dI1EsCP.png);
  3531.     }
  3532.     img[src*="/editor/undo.gif"] {
  3533.         background: url(https://i.imgur.com/CmM88pn.png);
  3534.     }
  3535.     img[src*="/editor/redo.gif"] {
  3536.         background: url(https://i.imgur.com/Z1aqqmV.png);
  3537.     }
  3538.     img[src*="/editor/switchmode.gif"] {
  3539.         background: url(https://i.imgur.com/ZBt4HYG.png);
  3540.     }
  3541.     img[src*="/editor/removeformat.gif"] {
  3542.         background: url(https://i.imgur.com/VieWtVc.png);
  3543.     }
  3544.     img[src*="/editor/color.gif"] {
  3545.         padding-right: 33px;
  3546.         background: url(https://i.imgur.com/K0bcSpk.png) right 5px center;
  3547.     }
  3548.     img[src*="/editor/"]:not([src*="/editor/separator.gif"]):not([src*="/editor/menupop.gif"]), img[src*="/images/mention.png"] {
  3549.         width: 0;
  3550.         height: 32px;
  3551.         padding-right: 32px;
  3552.         background-size: 24px;
  3553.         background-position: center;
  3554.         background-repeat: no-repeat;
  3555.     }
  3556.     /* iconos mensajes privados */
  3557.     img[src*="/pm_new.gif"] {
  3558.         width: 0;
  3559.         height: 24px;
  3560.         padding-right: 24px;
  3561.         background: url(https://i.imgur.com/oaLWMuO.png) 0 0/24px;
  3562.     }
  3563.     img[src*="/pm_old.gif"] {
  3564.         width: 0;
  3565.         height: 24px;
  3566.         padding-right: 24px;
  3567.         background: url(https://i.imgur.com/o0yJKFa.png) 0 0/24px;
  3568.     }
  3569.     img[src*="/pm_replied.gif"] {
  3570.         width: 0;
  3571.         height: 24px;
  3572.         padding-right: 24px;
  3573.         background: url(https://i.imgur.com/dwmlpQv.png) 0 0/24px;
  3574.     }
  3575.     img[src*="/pm_forwarded.gif"] {
  3576.         width: 0;
  3577.         height: 24px;
  3578.         padding-right: 24px;
  3579.         background: url(https://i.imgur.com/cU2dKoN.png) 0 0/24px;
  3580.         transform: scaleX(-1);
  3581.     }
  3582.     /* iconos varios */
  3583.  
  3584.     /* flecha ir */
  3585.     img[src*="/viewpost.gif"], img[src*="/lastpost.gif"] {
  3586.         width: 0;
  3587.         height: 16px;
  3588.         padding-right: 16px;
  3589.         background: url(https://i.imgur.com/PQZTmbv.png) center/24px;
  3590.         opacity: .7;
  3591.         transition: .12s;
  3592.     }
  3593.     img[src*="/firstnew.gif"], img[src*="/sortasc.gif"], img[src*="/sortdesc.gif"] {
  3594.         width: 0;
  3595.         height: 16px;
  3596.         padding-right: 16px;
  3597.         background: url(https://i.imgur.com/0OENHqV.png) center/24px no-repeat;
  3598.         opacity: .7;
  3599.         transition: .12s;
  3600.     }
  3601.     img[src*="/sortdesc.gif"] {
  3602.         transform: rotate(180deg);
  3603.     }
  3604.  
  3605.     /* flecha menu */
  3606.     img[src*="/misc/menu_open.gif"], img[src*="/misc/menu_open_usercss.gif"] {
  3607.         width: 0;
  3608.         height: 12px;
  3609.         padding-right: 12px;
  3610.         background: url(https://i.imgur.com/YLgmfaR.png) center/24px;
  3611.         vertical-align: middle;
  3612.     }
  3613.     /* lapiz */
  3614.     img[src*="/misc/userfield_edit.gif"] {
  3615.         width: 0;
  3616.         height: 16px;
  3617.         padding-right: 16px;
  3618.         background: url(https://i.imgur.com/WJLwtOx.png) 0 0/16px;
  3619.         position: relative;
  3620.         top: 3px;
  3621.         opacity: .6;
  3622.     }
  3623.     img[src*="/misc/userfield_edit.gif"]:hover {
  3624.         opacity: 1;
  3625.     }
  3626.     /* bullet inicio */
  3627.     img[src*="/image/bullet_pic3mini.gif"] {
  3628.         width: 0;
  3629.         height: 12px;
  3630.         padding-right: 12px;
  3631.         background: url(https://i.imgur.com/wR8douU.png) 0 0/12px;
  3632.     }
  3633.     /* minimizar */
  3634.     img[src*="/collapse_tcat.gif"], img[src*="/collapse_thead.gif"], img[src*="/collapse_alt.gif"] {
  3635.         width: 0;
  3636.         height: 24px;
  3637.         padding-right: 24px;
  3638.         background: url(https://i.imgur.com/IoVeidH.png) 0 0/24px;
  3639.     }
  3640.     /* maximizar */
  3641.     img[src*="/collapse_tcat_collapsed.gif"], img[src*="/collapse_thead_collapsed.gif"], img[src*="/collapse_alt_collapsed"] {
  3642.         width: 0;
  3643.         height: 24px;
  3644.         padding-right: 24px;
  3645.         background: url(https://i.imgur.com/kXh8N9a.png) 0 0/24px;
  3646.     }
  3647.     img[src*="/poll_posticon.gif"] {
  3648.         width: 0;
  3649.         height: 16px;
  3650.         padding-right: 16px;
  3651.         background: url(https://i.imgur.com/S9KEqPw.png) center/20px;
  3652.     }
  3653.  
  3654.     /* iconos titulo hilo */
  3655.     img[src*="icons/icon"] {
  3656.         width: 0;
  3657.         height: 16px;
  3658.         padding-right: 16px;
  3659.         background: url(https://i.imgur.com/IUEW36E.png) 0 0/16px 224px;
  3660.     }
  3661.     img[src*="icons/icon1.gif"] {
  3662.         background-position: 0 224px;
  3663.     }
  3664.     img[src*="icons/icon2.gif"] {
  3665.         background-position: 0 208px;
  3666.     }
  3667.     img[src*="icons/icon3.gif"] {
  3668.         background-position: 0 192px;
  3669.     }
  3670.     img[src*="icons/icon4.gif"] {
  3671.         background-position: 0 176px;
  3672.     }
  3673.     img[src*="icons/icon5.gif"] {
  3674.         background-position: 0 160px;
  3675.     }
  3676.     img[src*="icons/icon6.gif"] {
  3677.         background-position: 0 144px;
  3678.     }
  3679.     img[src*="icons/icon7.gif"] {
  3680.         background-position: 0 128px;
  3681.     }
  3682.     img[src*="icons/icon8.gif"] {
  3683.         background-position: 0 112px;
  3684.     }
  3685.     img[src*="icons/icon9.gif"] {
  3686.         background-position: 0 96px;
  3687.     }
  3688.     img[src*="icons/icon10.gif"] {
  3689.         background-position: 0 80px;
  3690.     }
  3691.     img[src*="icons/icon11.gif"] {
  3692.         background-position: 0 64px;
  3693.     }
  3694.     img[src*="icons/icon12.gif"] {
  3695.         background-position: 0 48px;
  3696.     }
  3697.     img[src*="icons/icon13.gif"] {
  3698.         background-position: 0 32px;
  3699.     }
  3700.     img[src*="icons/icon14.gif"] {
  3701.         background-position: 0 16px;
  3702.     }
  3703.  
  3704.  
  3705.  
  3706.     /* Diseño RESPONSIVO */
  3707.     @media (max-width:1180px) {
  3708.         /* iconos hilos */
  3709.         fieldset.fieldset[style="margin-top: 5px"] tr, fieldset.fieldset[style="margin-top: 5px"] tr:nth-child(3) td:nth-child(1) {
  3710.             display: table-row;
  3711.         }
  3712.     }
  3713.  
  3714.  
  3715.  
  3716.     @media (max-width:984px) {
  3717.         /* enlaces cabecera */
  3718.         table#AutoNumber9 {
  3719.             margin-left: 16px;
  3720.             left: 164px;
  3721.         }
  3722.         /* logo */
  3723.         body>div>center>table#AutoNumber1 td:last-child {
  3724.             left: 14px;
  3725.         }
  3726.         /* buscador */
  3727.         table.cajastip td.texto[width="10%"] {
  3728.             right: 8px;
  3729.         }
  3730.         td.top2 table[id=AutoNumber7] table {
  3731.             right: 10px;
  3732.         }
  3733.         /* enlaces principales */
  3734.         /* inicio */
  3735.         /* usuarios en linea */
  3736.         td.texto[width="90%"][bgcolor="#ffffff"] {
  3737.             left: 13px;
  3738.         }
  3739.         /* navegación foro */
  3740.         table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"] {
  3741.             padding-left: 14px;
  3742.         }
  3743.         /* foro */
  3744.         .page {
  3745.             width: 100% !important;
  3746.             margin: 0;
  3747.         }
  3748.         /* deja pequeño margen en panel de control */
  3749.         .page table tr[valign="top"]>td+td+td[width="100%"] {
  3750.             padding-right: 12px;
  3751.         }
  3752.         div.page>div:nth-child(1)>table:nth-child(9)>tbody:nth-child(1)>tr[valign="top"]:nth-child(1)>td:nth-child(1) {
  3753.             padding-left: 12px;
  3754.         }
  3755.         .page table[style="margin-bottom:3px"], .page table[style="margin-top:-2px"] {
  3756.             width: calc(100% - 32px);
  3757.             margin-left: 16px;
  3758.         }
  3759.         /* posts */
  3760.         table[id^=post] {
  3761.             margin: 0;
  3762.             box-shadow: none;
  3763.         }
  3764.         div#posts>div[align=center]:nth-last-child(2) table[id^=post] {
  3765.             box-shadow: var(--bsh2);
  3766.         }
  3767.         div[id^=edit][style="padding:0px 0px 5px 0px"] {
  3768.             border-bottom: 1px solid var(--bg02);
  3769.             padding: 0 !important;
  3770.         }
  3771.         div#posts>div[align=center]:nth-last-child(2) [style="padding:0px 0px 5px 0px"] {
  3772.             border: 0;
  3773.         }
  3774.         /* barara herramientas */
  3775.         td[width="312"] {
  3776.             left: -2px;
  3777.         }
  3778.         div.tborder[style="padding:1px; border-top-width:0px"]>table {
  3779.             margin-left: -51px;
  3780.         }
  3781.         td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  3782.             left: 426px;
  3783.         }
  3784.         td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3)::after {
  3785.             left: 569.75px;
  3786.         }
  3787.         td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3)::after {
  3788.             left: 668px;
  3789.         }
  3790.         /* activos */
  3791.         td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3792.             left: 701px;
  3793.         }
  3794.         td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3795.             left: 636px;
  3796.         }
  3797.         td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  3798.             left: 539px;
  3799.         }
  3800.         /* inicio */
  3801.         table.cajascat {
  3802.             border-left: 0;
  3803.         }
  3804.         td[width="84%"] {
  3805.             padding: 0;
  3806.         }
  3807.         /* avatar */
  3808.         img[style="max-height:90px; margin-left: 6px; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%"] {
  3809.             transform: translateX(20px);
  3810.         }
  3811.         img[src="//st.forocoches.com/image/forocoches_avatar.gif"], td.alt2>div.smallfont>strong>a:after {
  3812.             transform: translateX(34px);
  3813.         }
  3814.         /* pie de página */
  3815.         td.cmini[style="border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"], td.contenido[style="border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;"] {
  3816.             display: none;
  3817.         }
  3818.         /* columna hora inicio */
  3819.         td[width="84%"] .texto>table>tbody>tr>td:nth-child(2) {
  3820.             display: none;
  3821.         }
  3822.     }
  3823.     @media (max-width:928px) {
  3824.         /* barra herramientas */
  3825.         /* TODO */
  3826.         div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(2), div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(3) {
  3827.             display: none;
  3828.         }
  3829.         td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  3830.             left: 147px;
  3831.         }
  3832.         td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3)::after {
  3833.             left: 290.75px;
  3834.         }
  3835.         td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3)::after {
  3836.             left: 389px;
  3837.         }
  3838.         /* activos */
  3839.         td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3840.             left: 422px;
  3841.         }
  3842.         td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3843.             left: 357px;
  3844.         }
  3845.         td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  3846.             left: 260px;
  3847.         }
  3848.         div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(7) {
  3849.             left: 437px;
  3850.         }
  3851.         /* inicio */
  3852.         table.cajascat td.cat[bgcolor="#f9f9f9"]:not(:nth-child(1)) {
  3853.             display: none;
  3854.         }
  3855.         table.cajascat td.contenido tr:nth-child(1) {
  3856.             width: 128.5px;
  3857.         }
  3858.         /* bandeja mp */
  3859.         #pmform+br+form[action="private.php"] {
  3860.             display: none;
  3861.         }
  3862.     }
  3863.     @media (max-width:808px) {
  3864.         /* foro */
  3865.         /* panel usuario */
  3866.         td.alt2[width="175"], td.thead[width="175"] {
  3867.             width: 120px;
  3868.         }
  3869.         /* margenes imagenes y video */
  3870.         .imgpost {
  3871.             max-width: calc(100% + 32px);
  3872.             margin-left: -16px;
  3873.         }
  3874.         .video-youtube {
  3875.             width: calc(100% + 32px);
  3876.             max-width: calc(100% + 32px);
  3877.             margin-left: -16px;
  3878.         }
  3879.     }
  3880.  
  3881.     /* Pie de foro WIP */
  3882.     /* table[style="margin-top:3px"] +br+ table.tborder td.thead,
  3883.     table[style="margin-top:3px"] +br+ table.tborder td.alt1 {
  3884.     padding: 0;
  3885. }
  3886.     table[style="margin-top:3px"] +br+ table.tborder td.thead:nth-child(1) > * {
  3887.     outline: 1px solid red;
  3888.     margin-left: -6px !important;
  3889. } */
  3890.  
  3891.     /* WIP */
  3892.     /* resultados búsqueda */
  3893.     #inlinemodform [id^="post"] {
  3894.         position: relative
  3895.     }
  3896.     /* continuar */
  3897.  
  3898.  
  3899.     /* WIP */
  3900.     /* Nuevos botones posts */
  3901.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] {
  3902.         font-size: 0;
  3903.     }
  3904.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a > img {
  3905.         display: none;
  3906.     }
  3907.  
  3908.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:after,
  3909.     a[href^="private.php?do=newpm&pmid="]:after,
  3910.     a[href^="private.php?do=newpm&forward=1&pmid="]:after {
  3911.         display: inline-block;
  3912.         padding: 0 16px;
  3913.         margin: 0 4px;
  3914.         border-radius: 2px;
  3915.         font-size: 13px;
  3916.         font-weight: 500;
  3917.         color: var(--tx01);
  3918.         height: 32px;
  3919.         line-height: 32px;
  3920.         transition: .12s;
  3921.     }
  3922.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:hover:after {
  3923.         background: var(--rgb1);
  3924.     }
  3925.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:focus:after {
  3926.         background: var(--rgb2);
  3927.     }
  3928.     /* Editar */
  3929.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(4):after {
  3930.         content: "EDITAR";
  3931.     }
  3932.     /* Citar */
  3933.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(3):after {
  3934.         content: "CITAR";
  3935.     }
  3936.     /* Multi-cita */
  3937.     #posts td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2):after {
  3938.         content: "+";
  3939.         width: 32px;
  3940.         padding: 0;
  3941.         color: transparent;
  3942.         margin-right: 0;
  3943.     }
  3944.     #posts td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img {
  3945.         display: inline-block;
  3946.         position: absolute;
  3947.         top: 0;
  3948.         right: 0;
  3949.         width: 0;
  3950.         padding-right: 32px;       
  3951.         height: 32px;
  3952.         z-index: 1;
  3953.     }
  3954.     /* Multi-cita desactivada */
  3955.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img[src$="multiquote_off.gif"] {
  3956.         background: url(https://i.imgur.com/NzVeCve.png) no-repeat center;
  3957.         background-size: 24px;
  3958.     }
  3959.     /* Multi-cita activada */
  3960.     td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img[src$="multiquote_on.gif"] {
  3961.         background: url(https://i.imgur.com/m8s1n1q.png) no-repeat center;
  3962.         background-size: 24px;
  3963.     }
  3964.     /* MP Responder */
  3965.     a[href^="private.php?do=newpm&pmid="]:after {
  3966.     content: "RESPONDER";
  3967.     }
  3968.     /* MP Reenviar */
  3969.     a[href^="private.php?do=newpm&forward=1&pmid="]:after {
  3970.     content: "REENVIAR";
  3971.     }
  3972.     /* Nuevo tema */
  3973.     a[href^="newthread.php"] > img,
  3974.     a[href="private.php?do=newpm"] > img {
  3975.         display: none;
  3976.     }
  3977.     a[href^="newthread.php"]:after,
  3978.     td.smallfont a[href="private.php?do=newpm"]:after {
  3979.         content: "NUEVO TEMA";
  3980.         display: inline-block;
  3981.         background: var(--c401);
  3982.         padding: 0 16px;
  3983.         border-radius: 2px;
  3984.         font-size: 13px;
  3985.         font-weight: 500;
  3986.         color: var(--rgb7b);
  3987.         height: 36px;
  3988.         line-height: 36px;
  3989.         transition: .12s;
  3990.         box-shadow: var(--bsh2);
  3991.     }
  3992.     td.smallfont a[href="private.php?do=newpm"]:after {
  3993.     content: "NUEVO PRIVADO";
  3994.     }
  3995.     a[href^="newthread.php"]:hover:after,
  3996.     a[href="private.php?do=newpm"]:hover:after {
  3997.         background: var(--rs2h) !important;
  3998.         box-shadow: var(--bsh4) !important;
  3999.         color: var(--co04) !important;
  4000.     }
  4001.     a[href^="newthread.php"]:focus:after,
  4002.     a[href="private.php?do=newpm"]:focus:after {
  4003.         box-shadow: var(--bsh8) !important;
  4004.     }
  4005.  
  4006.     /* Responder */
  4007.     a[href^="newreply.php?do=newreply&noquote="] > img {
  4008.         display: none;
  4009.     }
  4010.     a[href^="newreply.php?do=newreply&noquote="]:after {
  4011.         content: "RESPONDER";
  4012.         display: inline-block;
  4013.         background: var(--c200);
  4014.         padding: 0 16px;
  4015.         border-radius: 2px;
  4016.         font-size: 13px;
  4017.         font-weight: 500;
  4018.         color: var(--rgb7b);
  4019.         height: 36px;
  4020.         line-height: 36px;
  4021.         transition: .12s;
  4022.         box-shadow: var(--bsh2);
  4023.     }
  4024.     a[href^="newreply.php?do=newreply&noquote="]:hover:after {
  4025.         background: var(--rs1h);
  4026.         box-shadow: var(--bsh4);
  4027.         color: var(--co04);
  4028.     }
  4029.     a[href^="newreply.php?do=newreply&noquote="]:focus:after {
  4030.         box-shadow: var(--bsh8);
  4031.     }
  4032.     /* Tema cerrado */
  4033.     a[href^="newreply.php?do=newreply&noquote="] {
  4034.         position: relative;
  4035.     }
  4036.     img[src="//st.forocoches.com/foro/images/buttons/threadclosed.gif"] {
  4037.         display: block !important;
  4038.         top: -11px;
  4039.         left: -1px;
  4040.  
  4041.         position: absolute;
  4042.         width: 0;
  4043.         padding-right: 102px;
  4044.         background: var(--bg02) url(https://i.imgur.com/xqIUATl.png) center no-repeat;
  4045.         border-radius: 2px;
  4046.         border: 3px solid var(--bg02);
  4047.         background-size: 24px;
  4048.         height: 32px;
  4049.         outline: 16px solid var(--bg01);
  4050.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!