Advertisement
Guest User

Untitled

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