API tools faq
paste
Advertisement
Vinanrra

Material Design a ForoCoches con página actual en naranja

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