Advertisement
Guest User

Untitled

a guest
Jun 19th, 2019
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.80 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/0nbTnPg.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/TMnXsW2.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/1TJPtGY.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/oj18Xjt.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. span.navbar:not(:first-of-type):before {
  1675. content: "";
  1676. background-image: url(https://i.imgur.com/YCEBDfw.png);
  1677. background-size: 20px;
  1678. background-position: center;
  1679. background-repeat: no-repeat;
  1680. padding: 12px;
  1681. margin-left: -2px;
  1682. font-size: 12px;
  1683. opacity: .5;
  1684. filter: var(--invert);
  1685. }
  1686. span.navbar a, td.alt1 div.navbar[style="font-size:10pt"] strong, span.navbar {
  1687. font-size: 15px;
  1688. line-height: 20px;
  1689. font-weight: 500;
  1690. color: var(--rgb5);
  1691. }
  1692. span.navbar:last-of-type a {
  1693. color: var(--rgb7);
  1694. }
  1695. /* titulo hilo nuevo formato */
  1696. td.navbar[style="font-size:10pt; padding-top:1px"] strong {
  1697. font-size: 22px !important;
  1698. color: var(--rgb7);
  1699. font-weight: 500;
  1700. margin-left: -1px !important;
  1701. display: block;
  1702. margin-bottom: -2px;
  1703. margin-top: 6px;
  1704. }
  1705. span.navbar a:hover {
  1706. color: var(--tx01);
  1707. }
  1708. /* barra de herramientas */
  1709. /* nuevo formato mp, menciones y citas */
  1710. div.tborder[style="padding:1px; border-top-width:0px"]>table {
  1711. /* min-width: 920px; */
  1712. table-layout: fixed;
  1713. position: relative;
  1714. top: 60px;
  1715. /* width: calc(100% + 50px); */
  1716. border-left: 48px solid;
  1717. border-right: 48px solid;
  1718. margin-left: -65px;
  1719. margin-bottom: -32px;
  1720. margin-top: -1px;
  1721. }
  1722. /* oculta contenedores */
  1723. table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]~td.alt2 {
  1724. width: 0;
  1725. padding: 0;
  1726. }
  1727. table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]~td.alt2 div {
  1728. width: 0 !important;
  1729. height: 0;
  1730. }
  1731. /* avatar perfil */
  1732. td.alt2>div.smallfont>strong>a {
  1733. /* visibility: hidden; */
  1734. font-size: 13px;
  1735. font-weight: 400;
  1736. position: absolute;
  1737. right: 48px;
  1738. top: 67px;
  1739. color: var(--rgb7b);
  1740. }
  1741. td.alt2>div.smallfont>strong>a:hover {
  1742. color: var(--co04);
  1743. }
  1744. /* necesario para contener los siguientes en firefox */
  1745. div.tborder[style="padding:1px; border-top-width:0px"] table {
  1746. display: block;
  1747. }
  1748. /* desconectar */
  1749. div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(7) {
  1750. position: absolute;
  1751. left: 719px;
  1752. top: 0;
  1753. }
  1754. /* temas iniciados */
  1755. div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(2) {
  1756. position: absolute;
  1757. left: 130px;
  1758. top: 0;
  1759. }
  1760. /* temas participados */
  1761. div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(3) {
  1762. position: absolute;
  1763. left: 260px;
  1764. top: 0;
  1765. }
  1766. /* mp */
  1767. table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]+td.alt2:not([style="padding:0px"]) {
  1768. /* visibility: hidden; */
  1769. overflow: hidden;
  1770. }
  1771. /* fix para inicio de sesion */
  1772. table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"]+td.alt2[style="padding:0px"][nowrap=nowrap]:not([align=center]) {
  1773. position: relative;
  1774. max-width: 0;
  1775. padding: 0 !important;
  1776. }
  1777. form[action="login.php?do=login"] {
  1778. position: absolute;
  1779. top: -106px;
  1780. right: 0;
  1781. background: var(--c200);
  1782. z-index: 16;
  1783. color: var(--co04);
  1784. }
  1785. td.texto[width="90%"]+td.texto[width="306"] {
  1786. position: absolute;
  1787. padding: 0;
  1788. right: 48px;
  1789. top: 62px;
  1790. z-index: 8;
  1791. width: auto;
  1792. font-size: 0;
  1793. }
  1794. td.texto[width="90%"]+td.texto[width="306"] a {
  1795. font-size: 13px;
  1796. color: var(--rgb7b);
  1797. }
  1798. td.texto[width="90%"]+td.texto[width="306"] a+a:before {
  1799. content: "|";
  1800. }
  1801. td.texto[width="90%"]+td.texto[width="306"] a+a:hover:before {
  1802. color: var(--rgb7b) !important;
  1803. cursor: default;
  1804. }
  1805. td.texto[width="90%"]+td.texto[width="306"] a:hover {
  1806. color: var(--co04);
  1807. }
  1808. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  1809. visibility: visible;
  1810. cursor: pointer;
  1811. position: absolute;
  1812. z-index: 4;
  1813. top: 63px;
  1814. left: 459px;
  1815. line-height: 24px;
  1816. font-size: 13px;
  1817. color: var(--rgb7b);
  1818. }
  1819. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a:hover {
  1820. color: var(--co04);
  1821. }
  1822. /* inactivo */
  1823. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div {
  1824. visibility: hidden;
  1825. overflow: hidden;
  1826. }
  1827. /* mp activo */
  1828. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  1829. visibility: visible;
  1830. position: absolute;
  1831. z-index: 4;
  1832. top: 54px;
  1833. left: 572px;
  1834. background: var(--c400);
  1835. border-radius: 50%;
  1836. color: var(--c40t);
  1837. display: inline-flex;
  1838. justify-content: center;
  1839. align-items: center;
  1840. min-width: 22px;
  1841. height: 22px;
  1842. line-height: normal;
  1843. font-size: 11px;
  1844. font-weight: 700;
  1845. }
  1846. /* menciones */
  1847. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3) {
  1848. visibility: hidden;
  1849. font: 0/0 a !important;
  1850. }
  1851. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3):after {
  1852. visibility: visible;
  1853. cursor: pointer;
  1854. position: absolute;
  1855. z-index: 4;
  1856. top: 63px;
  1857. left: 603.75px;
  1858. content: "Menciones";
  1859. line-height: 24px;
  1860. font-size: 13px;
  1861. font-family: Roboto;
  1862. color: var(--rgb7b);
  1863. }
  1864. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(1) {
  1865. /* visibility: hidden;
  1866. position: absolute; */
  1867. display: none;
  1868. }
  1869. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3):hover:after {
  1870. color: var(--co04);
  1871. }
  1872. /* activas */
  1873. td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  1874. visibility: visible;
  1875. position: absolute;
  1876. z-index: 4;
  1877. top: 54px;
  1878. left: 670px;
  1879. background: var(--c400);
  1880. border-radius: 50%;
  1881. color: var(--c40t);
  1882. display: inline-flex;
  1883. justify-content: center;
  1884. align-items: center;
  1885. min-width: 22px;
  1886. height: 22px;
  1887. line-height: normal;
  1888. font-size: 11px !important;
  1889. font-weight: 700;
  1890. }
  1891. /* citas */
  1892. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3) {
  1893. visibility: hidden;
  1894. font: 0/0 a !important;
  1895. }
  1896. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3):after {
  1897. visibility: visible;
  1898. cursor: pointer;
  1899. position: absolute;
  1900. z-index: 4;
  1901. top: 63px;
  1902. left: 702px;
  1903. content: "Citas";
  1904. line-height: 24px;
  1905. font-size: 13px;
  1906. font-family: Roboto;
  1907. color: var(--rgb7b);
  1908. }
  1909. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3):hover:after {
  1910. color: var(--co04);
  1911. }
  1912. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(1) {
  1913. display: none;
  1914. }
  1915. /* activas */
  1916. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  1917. visibility: visible;
  1918. position: absolute;
  1919. z-index: 4;
  1920. top: 54px;
  1921. left: 735px;
  1922. background: var(--c400);
  1923. border-radius: 50%;
  1924. color: var(--c40t);
  1925. display: inline-flex;
  1926. justify-content: center;
  1927. align-items: center;
  1928. min-width: 22px;
  1929. height: 22px;
  1930. line-height: normal;
  1931. font-size: 11px !important;
  1932. font-weight: 700;
  1933. }
  1934. .tfoot {
  1935. background: transparent;
  1936. height: 24px;
  1937. color: var(--rgb5);
  1938. }
  1939. table.page {
  1940. display: none;
  1941. }
  1942. /* Tamaño tcat */
  1943. td.tcat {
  1944. height: 24px;
  1945. padding: 4px 16px;
  1946. line-height: 24px;
  1947. }
  1948. td.tcat span.smallfont strong {
  1949. font-size: 13px;
  1950. }
  1951. td.tcat a {
  1952. line-height: 24px;
  1953. font-size: 13px;
  1954. }
  1955. td.tcat a strong {
  1956. font-weight: 400;
  1957. }
  1958. /* quitar enlaces de barra de herramientas */
  1959. 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) {
  1960. display: none !important;
  1961. }
  1962. /* barra de herramientas foro */
  1963. /* fix quita tabla arriba */
  1964. div.tborder[style="padding:1px; border-top-width:0px"] {
  1965. visibility: hidden;
  1966. position: absolute;
  1967. top: 0;
  1968. border: 1px solid transparent;
  1969. }
  1970. .vbmenu_control {
  1971. visibility: visible;
  1972. background: 0 0;
  1973. height: 24px;
  1974. }
  1975. /* herramientas dentro de foros */
  1976. td.tcat~td.vbmenu_control {
  1977. font-size: 13px;
  1978. font-weight: 400;
  1979. padding: 7px 16px;
  1980. }
  1981. td.tcat~td.vbmenu_control:nth-last-child(1) {
  1982. padding-right: 0;
  1983. }
  1984. form#inlinemodform td.tcat {
  1985. font-size: 0;
  1986. }
  1987. a#usercptools img {
  1988. opacity: .8;
  1989. }
  1990. /* Diseño barra de herramientas */
  1991. table#AutoNumber7 {
  1992. margin-bottom: 16px;
  1993. box-shadow: var(--bsh4);
  1994. padding-bottom: 40px;
  1995. }
  1996. div.tborder[style="padding:1px; border-top-width:0px"]>table>tbody>tr {
  1997. text-align: left;
  1998. }
  1999. /* Diseño */
  2000. div.tborder[style="padding:1px; border-top-width:0px"] .vbmenu_control {
  2001. box-sizing: border-box;
  2002. font-weight: 400 !important;
  2003. font-size: 13px;
  2004. padding: 8px 16px;
  2005. height: 32px;
  2006. display: inline-block;
  2007. }
  2008. /* enlaces barra de herramientas y barra pie de página */
  2009. td.vbmenu_control a {
  2010. position: relative;
  2011. z-index: 4 !important;
  2012. }
  2013. .vbmenu_control a:link, .vbmenu_control a:visited {
  2014. color: var(--rgb7b);
  2015. text-decoration: none;
  2016. }
  2017. .vbmenu_control a:hover, .vbmenu_control a:active {
  2018. color: var(--co04);
  2019. }
  2020. .tfoot a:link, .tfoot_alink, .tfoot a:visited, .tfoot_avisited, .tfoot a:hover, .tfoot a:active, .tfoot_ahover {
  2021. color: var(--tx01);
  2022. text-decoration: none;
  2023. }
  2024. /* barra de herramientas dentro de foro */
  2025. td.tcat~td.vbmenu_control a {
  2026. color: var(--tx01);
  2027. }
  2028. /* finalizar sesion a desconectar */
  2029. td.vbmenu_control a[href*="login.php"] {
  2030. font: 0/0 a;
  2031. }
  2032. td.vbmenu_control a[href*="login.php"]:after {
  2033. content: "Desconectar";
  2034. font-family: Roboto;
  2035. font-weight: 400;
  2036. font-size: 13px;
  2037. line-height: 16px;
  2038. }
  2039. /* panel control a panel de control */
  2040. td.vbmenu_control a[href*="usercp.php"] {
  2041. font: 0/0 a;
  2042. }
  2043. td.vbmenu_control a[href*="usercp.php"]:after {
  2044. content: "Panel de Control";
  2045. font-family: Roboto;
  2046. font-weight: 400;
  2047. font-size: 13px;
  2048. line-height: 16px;
  2049. }
  2050. /* menus barras de herramientas */
  2051. .vbmenu_option {
  2052. color: var(--tx01);
  2053. background: 0 0;
  2054. }
  2055. /* necesaria para aplicar sombra */
  2056. .vbmenu_popup {
  2057. clip: unset !important;
  2058. background: var(--bg03);
  2059. padding: 8px 0;
  2060. color: var(--tx01);
  2061. border: 0;
  2062. box-shadow: var(--bsh8);
  2063. }
  2064. /* menu */
  2065.  
  2066. /* cabeceras dentro de menus */
  2067. .vbmenu_popup .thead {
  2068. color: var(--rgb5);
  2069. font-weight: 500;
  2070. cursor: default;
  2071. font-size: 12px;
  2072. }
  2073. /* padding de menus, normal, head, hilite */
  2074. .vbmenu_option, .vbmenu_popup .thead, .vbmenu_hilite {
  2075. padding: 8px 24px !important;
  2076. }
  2077. /* texto menus */
  2078. .vbmenu_option a:link, .vbmenu_option a:visited {
  2079. color: var(--tx01);
  2080. font-size: 12px;
  2081. }
  2082. /* texto menus hover */
  2083. .vbmenu_hilite {
  2084. background: var(--rgb2);
  2085. color: var(--tx01);
  2086. font-size: 12px;
  2087. }
  2088. .vbmenu_hilite a:link, .vbmenu_hilite a:visited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active {
  2089. color: var(--tx01);
  2090. font-size: 12px;
  2091. }
  2092. /* menu nick de usuario */
  2093. span[style="color:#319c32; font-weight: bold"] {
  2094. color: #81c784 !important;
  2095. }
  2096. /* color texto lista de ignorados */
  2097. span[style="color:#9c3131; font-weight: bold"] {
  2098. color: #e57373 !important;
  2099. }
  2100. /* fondo publicidad foros especificios */
  2101. td.alt1[style="background-color:#FFFFFF;"], td.alt1 table[bgcolor="#eeeeee"] {
  2102. background: var(--bg03) !important;
  2103. }
  2104. td.alt1>table[bgcolor="#eeeeee"] td[bgcolor="#ffffff"] {
  2105. background: 0 0;
  2106. }
  2107.  
  2108.  
  2109.  
  2110. /* DISEÑO DE POSTS */
  2111. /* BASE */
  2112. /* Quitar espacio vacío bajo primer post de cada hilo */
  2113. #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 {
  2114. display: none;
  2115. }
  2116. /* Quita contenedor vacío final de posts */
  2117. #posts #lastpost {
  2118. display: none;
  2119. }
  2120. /* Interior tabla post */
  2121. .page div[id^="edit"] {
  2122. padding: 0 !important;
  2123. /* style incrustado */
  2124. }
  2125. /* Base para distribuir ficha de usuario y post */
  2126. #posts [id^="post"] > tbody,
  2127. #post > tbody {
  2128. display: block;
  2129. }
  2130. /* Necesario para posicionar elementos */
  2131. #posts table[id^="post"],
  2132. #post {
  2133. position: relative;
  2134. }
  2135. /* Nuevo formato posts */
  2136. #posts > div,
  2137. #post > tbody {
  2138. padding: 48px 32px 48px 0;
  2139. margin-bottom: 24px;
  2140. box-shadow: var(--bsh2);
  2141. border-radius: 2px;
  2142. background: var(--bg03);
  2143. }
  2144. /* Quita todos los fondos */
  2145. #posts > div .page,
  2146. #posts > div .tborder,
  2147. #posts > div .alt1,
  2148. #posts > div .alt2,
  2149. #posts > div .thead {
  2150. background: transparent;
  2151. }
  2152. /* Quita bordes tablas */
  2153. #posts .tborder, #posts .alt2, #posts .alt1, #posts .thead {
  2154. border: 0 !important;
  2155. }
  2156.  
  2157.  
  2158. /* FICHA USUARIO */
  2159. /* Base */
  2160. table[id^="post"] > tbody > tr:nth-child(2) > td:nth-child(1),
  2161. #post > tbody > tr:nth-child(2) > td:nth-child(1) {
  2162. min-width: 200px;
  2163. max-width: 200px;
  2164. padding: 0 16px;
  2165. position: relative;
  2166. z-index: 2;
  2167. }
  2168. /* Borde ficha de usuario */
  2169. #posts tbody > tr:nth-child(2) > td:nth-child(1) {
  2170. border-right: 1px solid var(--bg02) !important;
  2171. }
  2172. /* Hora post */
  2173. table[id^="post"] > tbody > tr > td.thead:nth-child(1) {
  2174. display: block;
  2175. position: absolute;
  2176. top: -32px;
  2177. font-size: 13px;
  2178. width: 200px;
  2179. padding: 0 16px;
  2180. text-align: center;
  2181. z-index: 2;
  2182. }
  2183. /* Numero post */
  2184. table[id^="post"] > tbody > tr > td.thead:nth-child(2) {
  2185. display: block;
  2186. position: absolute;
  2187. right: -32px;
  2188. top: -48px;
  2189. color: transparent;
  2190. font-size: 0;
  2191. padding: 16px;
  2192. overflow: hidden;
  2193. background: transparent;
  2194. }
  2195. table[id^="post"] > tbody > tr > td.thead:nth-child(2) a {
  2196. display: inline-block;
  2197. transform: translateX(8px);
  2198. opacity: 0;
  2199. transition: .12s;
  2200. }
  2201. table[id^="post"] > tbody > tr > td.thead:nth-child(2):hover a {
  2202. opacity: 1;
  2203. transform: translateX(0);
  2204. }
  2205. table[id^="post"] > tbody > tr > td.thead:nth-child(2) > a {
  2206. color: var(--rgb5);
  2207. font-size: 13px;
  2208. }
  2209. table[id^="post"] > tbody > tr > td.thead:nth-child(2) > a > strong {
  2210. font-weight: normal;
  2211. }
  2212. /* Nick usuario */
  2213. a.bigusername {
  2214. overflow: hidden;
  2215. font-size: 18px;
  2216. color: var(--rgb7);
  2217. }
  2218. a.bigusername:hover {
  2219. color: var(--tx01);
  2220. }
  2221. /* Avatar redondo y posición */
  2222. .smallfont > br + a[href^="member.php?u="] {
  2223. position: absolute;
  2224. top: 0;
  2225. margin: 0 40px;
  2226. display: block;
  2227. height: 120px;
  2228. width: 120px;
  2229. border-radius: 50%;
  2230. overflow: hidden;
  2231. }
  2232. .smallfont > br + a[href^="member.php?u="] > img {
  2233. object-fit: cover;
  2234. width: calc(100% + 2px);
  2235. height: 122px;
  2236. background: var(--bg04);
  2237. margin-left: -1px;
  2238. margin-top: -1px;
  2239. }
  2240. /* Añade hueco para avatar */
  2241. div[id^="postmenu_"]:not(.vbmenu_popup) {
  2242. margin-top: 131px;
  2243. }
  2244.  
  2245. /* Añade avatar predeterminado */
  2246. div[id^="postmenu_"]:not(.vbmenu_popup) + div:after {
  2247. position: absolute;
  2248. content: "";
  2249. display: block;
  2250. width: 118px;
  2251. height: 118px;
  2252. border-radius: 120px;
  2253. background: var(--rgb1) url(https://i.imgur.com/PBCupIz.png) center no-repeat;
  2254. background-size: 120px;
  2255. opacity: .3;
  2256. top: 1px;
  2257. margin: 0 41px;
  2258. }
  2259. /* Fix para títulos personales que descuadran */
  2260. div[id^="postmenu_"] + div {
  2261. min-height: 17px;
  2262. max-height: 17px;
  2263. white-space: nowrap;
  2264. overflow: hidden;
  2265. }
  2266. /* Quita espacio en blanco exclusivo de perfiles con avatar */
  2267. td.alt2[width="175"] > div:nth-last-child(2) br {
  2268. display: block;
  2269. margin-bottom: -17px;
  2270. }
  2271. /* Centra el contenido de la ficha de usuario */
  2272. td.alt2[width="175"] {
  2273. text-align: center;
  2274. }
  2275. /* Contenedor reporte y estado en linea */
  2276. [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1) {
  2277. padding: 0;
  2278. font-size: 0;
  2279. display: block;
  2280. position: absolute;
  2281. height: calc(100% + 48px);
  2282. width: 232px;
  2283. top: 0;
  2284. left: 0;
  2285. z-index: 1;
  2286. border-right: 0 !important;
  2287. overflow: hidden;
  2288. }
  2289. /* Estado en linea */
  2290. td.alt2 > img[src*="/statusicon/user_"] {
  2291. position: absolute;
  2292. top: 104px;
  2293. margin-left: 160px;
  2294. z-index: 3;
  2295. }
  2296. /* Icono estado en linea */
  2297. img[src*="statusicon/user_"] {
  2298. width: 0;
  2299. height: 12px;
  2300. padding-right: 12px;
  2301. border-radius: 12px;
  2302. }
  2303. /* Conectado */
  2304. img[src$="/user_online.gif"] {
  2305. background: #a5d6a7;
  2306. }
  2307. /* Desconectado */
  2308. img[src$="/user_offline.gif"] {
  2309. background: var(--bg02);
  2310. }
  2311. /* Invisible */
  2312. img[src$="/user_invisible.gif"] {
  2313. background: #ef9a9a;
  2314. }
  2315. /* Icono reportar */
  2316. .alt2 > a[href^="report.php?p="] {
  2317. position: absolute;
  2318. bottom: 8px;
  2319. left: 8px;
  2320. width: 32px;
  2321. height: 32px;
  2322. border-radius: 16px;
  2323. transition: .12s;
  2324. }
  2325. .alt2 > a[href^="report.php?p="]:hover {
  2326. background: var(--rgb1);
  2327. }
  2328. .alt2 > a[href^="report.php?p="]:focus {
  2329. background: var(--rgb2);
  2330. }
  2331. img[src*="/report.png"] {
  2332. width: 0;
  2333. height: 18px;
  2334. padding-right: 18px;
  2335. background: url(https://i.imgur.com/4SI1G8E.png) center no-repeat;
  2336. background-size: cover;
  2337. margin-left: 7px;
  2338. margin-top: 6px;
  2339. }
  2340. [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1) > a {
  2341. transform: translateX(-9px);
  2342. opacity: 0;
  2343. }
  2344. [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(1):hover > a {
  2345. transform: translateX(0);
  2346. opacity: 1;
  2347. }
  2348. /* Resaltar autor */
  2349. .tborder-author:after {
  2350. content: "";
  2351. display: block;
  2352. position: absolute;
  2353. top: 0px;
  2354. left: 232px;
  2355. background: var(--rs02);
  2356. width: 1px;
  2357. height: 100%;
  2358. opacity: .7;
  2359. z-index: 3;
  2360. }
  2361. #post.tborder-author:after {
  2362. top: 48px;
  2363. height: calc(100% - 120px);
  2364. }
  2365. /* Resaltar usuario */
  2366. .tborder-user:after {
  2367. content: "";
  2368. display: block;
  2369. position: absolute;
  2370. top: 0px;
  2371. left: 232px;
  2372. background: var(--rs01);
  2373. width: 1px;
  2374. height: 100%;
  2375. opacity: .5;
  2376. z-index: 3;
  2377. }
  2378. #post.tborder-user:after {
  2379. top: 48px;
  2380. height: calc(100% - 120px);
  2381. }
  2382.  
  2383.  
  2384. /* CONTENEDOR POST */
  2385. /* Ancho post y firma */
  2386. [id^="post"] > tbody > tr:nth-child(2) > td:nth-child(2),
  2387. [id^="post"] > tbody > tr:nth-child(3) > td {
  2388. padding: 0 0 0 32px;
  2389. width: 100%;
  2390. }
  2391. /* Botones post */
  2392. [id^="post"] > tbody > tr:nth-child(4) > td:nth-child(2) {
  2393. display: block;
  2394. position: absolute;
  2395. right: -24px;
  2396. bottom: -40px;
  2397. padding: 0;
  2398. }
  2399. /* Quitar botón bajar */
  2400. a[id^="qr_"] {
  2401. display: none;
  2402. }
  2403. /* Título hilo */
  2404. [id^="td_post_"] .smallfont {
  2405. font-size: 16px;
  2406. }
  2407. /* Contenedor citas, code y spoiler */
  2408. /* Contenedor */
  2409. #HOTWordsTxt tr > td.alt2,
  2410. .spoiler {
  2411. box-sizing: border-box;
  2412. border: 0 !important;
  2413. border-radius: 2px !important;
  2414. max-height: 60vh !important;
  2415. height: 100% !important;
  2416. width: 100% !important;
  2417. padding: 16px !important;
  2418. background: var(--bg04) !important;
  2419. color: var(--rgb7);
  2420. margin: 0 !important;
  2421. }
  2422. .spoiler {
  2423. font-weight: unset;
  2424. cursor: pointer;
  2425. border-color: #cc3300 !important;
  2426. color: transparent;
  2427. }
  2428. .spoiler[style="color: rgb(0, 0, 0);"] {
  2429. color: var(--rgb7) !important;
  2430. }
  2431. /* Contenedor code */
  2432. div[style="margin:20px; margin-top:5px"] {
  2433. background: var(--bg04);
  2434. border-radius: 2px;
  2435. overflow: auto;
  2436. padding: 16px !important;
  2437. max-height: 60vh;
  2438. }
  2439. pre {
  2440. padding: 0 !important;
  2441. display: table;
  2442. table-layout: fixed;
  2443. width: 100% !important;
  2444. height: 1px !important;
  2445. white-space: pre-wrap;
  2446. }
  2447. div[style="font-style:italic"] {
  2448. font-style: unset !important;
  2449. }
  2450. /* Autor cita */
  2451. #HOTWordsTxt .alt2 > div:nth-child(1) {
  2452. margin-bottom: 16px;
  2453. text-transform: lowercase;
  2454. }
  2455. /* Corrige mayúsculas */
  2456. #HOTWordsTxt .alt2 > div:nth-child(1):first-letter {
  2457. text-transform: uppercase;
  2458. }
  2459. #HOTWordsTxt .alt2 > div:nth-child(1) > b {
  2460. text-transform: none;
  2461. }
  2462. #HOTWordsTxt .alt2 > div:nth-child(1) img {
  2463. margin-bottom: 2px;
  2464. transform: translateX(-8px);
  2465. opacity: 0;
  2466. }
  2467. #HOTWordsTxt .alt2:hover > div:nth-child(1) img {
  2468. transform: translateX(0);
  2469. opacity: 1;
  2470. }
  2471. /* Quita encabezado conenedor */
  2472. div[style="margin:20px; margin-top:5px; "] > div[style="margin-bottom:2px; margin-left:8px"],
  2473. div[style="margin:20px; margin-top:5px"] > div[style="margin-bottom:2px"],
  2474. .smallfont[style="font-weight:bold; margin-left:8px; margin-bottom:2px"] {
  2475. display: none;
  2476. }
  2477. /* Margen exterior para contenedor */
  2478. div[style="margin:20px; margin-top:5px; "],
  2479. div[style="margin:20px; margin-top:5px"] {
  2480. margin: 16px 0 !important;
  2481. }
  2482. /* Quita margen superior si contenedor es primer elemento de post o cita */
  2483. #HOTWordsTxt > div[id^="post_message_"] > div:first-child,
  2484. #HOTWordsTxt .alt2 > div[style="margin:20px; margin-top:5px; "],
  2485. #HOTWordsTxt .alt2 > div[style="margin:20px; margin-top:5px"] {
  2486. margin-top: 0 !important;
  2487. }
  2488.  
  2489.  
  2490. /* OTROS */
  2491. /* Contenedor encuestas */
  2492. form[action^="poll.php?"]>.tborder {
  2493. background: var(--rgb1);
  2494. border-radius: 2px;
  2495. }
  2496. form[action^="poll.php?"]>.tborder .panelsurround {
  2497. padding: 16px;
  2498. }
  2499. form[action^="poll.php?"] .tcat {
  2500. display: none;
  2501. }
  2502. form[action^="poll.php?"] td.thead {
  2503. font-size: 13px;
  2504. color: var(--rgb5);
  2505. padding: 16px 0;
  2506. background: transparent;
  2507. }
  2508. form[action^="poll.php?"] fieldset > legend {
  2509. display: none;
  2510. }
  2511. /* Añadir borde a lista de opciones de encuesta */
  2512. table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder > tbody > tr:not(:nth-child(1)):not(:nth-last-child(1)) {
  2513. border-bottom: 1px solid var(--bg02);
  2514. border-right: 32px solid transparent;
  2515. border-left: 32px solid transparent;
  2516. }
  2517. table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder > tbody > tr:nth-last-child(2) {
  2518. border-bottom: 1px solid transparent !important;
  2519. }
  2520. table[id^="fcthread"] + table[style="margin-bottom:5px"] + table.tborder {
  2521. background: var(--bg03);
  2522. box-shadow: var(--bsh2);
  2523. }
  2524.  
  2525. /* Cabeceras de contenedor */
  2526. .tcat {
  2527. background: transparent;
  2528. color: var(--rgb5);
  2529. }
  2530. .tcat strong {
  2531. font-weight: 500;
  2532. }
  2533. .tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active {
  2534. color: var(--rgb5);
  2535. text-decoration: none;
  2536. }
  2537.  
  2538. .thead a:link, .thead a:visited, .thead a:hover, .thead a:active {
  2539. color: var(--tx01);
  2540. }
  2541.  
  2542. /* MENSAJES PRIVADOS */
  2543. /* Fix mensajes privados */
  2544. #post > tbody td.alt2 > img[src*="/statusicon/user_"] {
  2545. top: 152px;
  2546. margin-left: 160px;
  2547. }
  2548. .tcat a > img {
  2549. opacity: .6 !important;
  2550. vertical-align: bottom;
  2551. margin-bottom: 3px;
  2552. }
  2553. #post > tbody .thead:nth-child(1) {
  2554. top: 16px;
  2555. }
  2556. #post > tbody tr:nth-child(4) > td:nth-child(2) {
  2557. bottom: 32px;
  2558. right: 4px;
  2559. }
  2560. table#post.tborder-author td.thead:nth-child(1), table#post.tborder-author td.alt2 {
  2561. background: transparent;
  2562. }
  2563. table#post.tborder-author .thead, table#post.tborder-author .alt2, table#post.tborder-author .alt1 {
  2564. border: 0 !important;
  2565. }
  2566. table#post.tborder-author .alt2:not([style*="max-height:410px"]) {
  2567. border-right: 1px solid transparent !important;
  2568. }
  2569.  
  2570. /* enlaces posts */
  2571. td[id^=td_post] a {
  2572. color: var(--tx04);
  2573. }
  2574. td[id^=td_post] a:hover {
  2575. color: var(--tx05);
  2576. }
  2577. /* separador */
  2578. hr {
  2579. border: none;
  2580. border-top: 1px solid var(--bg02);
  2581. background: 0 0 !important;
  2582. margin: 16px 0;
  2583. }
  2584. hr.post {
  2585. border-bottom: 1px solid var(--bg02);
  2586. }
  2587. /* texto panel usuario */
  2588. table[id^=post] .alt2 div.smallfont,
  2589. [id^="post"] .thead:nth-child(1) {
  2590. color: var(--rgb5);
  2591. }
  2592.  
  2593. /* post normal */
  2594. table.tborder[id^=post] td.thead:nth-child(1) {
  2595. background: var(--bg04);
  2596. }
  2597. /* post autor hilo */
  2598. .tborder-author {
  2599. border: 0;
  2600. background: 0 0;
  2601. }
  2602. table.tborder-author a.bigusername {
  2603. color: var(--rs02);
  2604. }
  2605. /* post usuario */
  2606. .tborder-user {
  2607. border: 0;
  2608. background: 0 0;
  2609. }
  2610.  
  2611. table.tborder-user a.bigusername {
  2612. color: var(--rs01);
  2613. }
  2614. img.imgpost {
  2615. max-height: 60vh;
  2616. }
  2617. /* miniatura de adjuntos */
  2618. td[id^=td_post] div[style="padding:5px"] {
  2619. padding: 0 !important;
  2620. }
  2621. td[id^=td_post] fieldset.fieldset {
  2622. margin: 24px 0 0;
  2623. padding: 0;
  2624. }
  2625. td[id^=td_post] fieldset div[style="padding:3px"] {
  2626. padding: 12px 0 0 !important;
  2627. border-top: 1px solid var(--bg02);
  2628. }
  2629. td[id^=td_post] fieldset.fieldset legend {
  2630. margin-left: -3px;
  2631. }
  2632.  
  2633. /* Firma */
  2634. .signature {
  2635. color: var(--rgb5);
  2636. }
  2637.  
  2638. /* aviso registro estando desconectado */
  2639. td.panelsurround table[bordercolorlight="#000000"][bordercolordark="#000000"][cellpadding="8"] {
  2640. border: 0;
  2641. }
  2642. td.panelsurround td[bgcolor="#F5F5F5"] {
  2643. border: 1px solid !important;
  2644. }
  2645. /* formulario iniciar sesion */
  2646. td.alt1+td.alt2[style="padding:0px"][nowrap=nowrap] {
  2647. padding: 0 4px 0 2px !important;
  2648. background: var(--bg03);
  2649. }
  2650. /* usuario */
  2651. input#navbar_username, .bginput[name=vb_login_username] {
  2652. min-width: 200px;
  2653. max-width: 360px;
  2654. }
  2655. /* contrasea */
  2656. input#navbar_password, .bginput[name=vb_login_password] {
  2657. min-width: 200px;
  2658. max-width: 360px;
  2659. }
  2660. input#navbar_username, input#navbar_password {
  2661. color: var(--co04) !important;
  2662. border-bottom: 1px solid var(--rgb7b) !important;
  2663. }
  2664. input#navbar_username:focus, input#navbar_password:focus {
  2665. box-shadow: 0 1px 0 0 var(--co04);
  2666. }
  2667. /* quitar etiquetas usuario y contrasea */
  2668. label[for=navbar_username], label[for=navbar_password] {
  2669. display: none;
  2670. }
  2671. /* navegación pie de página */
  2672. 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 {
  2673. border: 0;
  2674. background: 0 0;
  2675. box-shadow: none !important;
  2676. }
  2677. /* table3 fix publicidad */
  2678. table[style="margin-top:-2px"]+br+#table3+br+br {
  2679. display: none;
  2680. }
  2681. 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 {
  2682. background: 0 0;
  2683. }
  2684. table[style="margin-top:3px"]+br+table.tborder td.thead td.alt1 tr {
  2685. display: inline-block;
  2686. margin-top: -5px;
  2687. }
  2688. /* fix sombra publicidad */
  2689. #table3 {
  2690. box-shadow: var(--bsh2) !important;
  2691. }
  2692. #table3 .alt1, #table5 .alt1 {
  2693. padding: 16px;
  2694. }
  2695. /* quitar panel citar mensaje en editor de mensaje rapido */
  2696. 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 {
  2697. display: none;
  2698. }
  2699. /* editor de mensajes */
  2700. #vB_Editor_001_smiliebox {
  2701. background: var(--rgb5);
  2702. border-radius: 2px;
  2703. padding: 16px 16px 26px;
  2704. position: relative;
  2705. margin: 16px 0;
  2706. }
  2707. #vB_Editor_001_smiliebox td {
  2708. display: inline-block;
  2709. }
  2710. #vB_Editor_001_smiliebox table td.smallfont {
  2711. font: 0/0 a;
  2712. padding: 0;
  2713. }
  2714. #vB_Editor_001_smiliebox table td.smallfont a {
  2715. color: var(--co01);
  2716. font-family: Roboto;
  2717. text-transform: uppercase;
  2718. font-size: 14px;
  2719. font-weight: 500;
  2720. position: absolute;
  2721. right: 12px;
  2722. bottom: 16px;
  2723. }
  2724. /* fix */
  2725. img[src*="forocoches.com/foro/images/smilies/gaydude.gif"] {
  2726. width: 0;
  2727. height: 21px;
  2728. padding-right: 15px;
  2729. background: url(https://imgur.com/y0DJbDz.gif);
  2730. }
  2731. table#smilietable tr:not(:first-child):not(:last-child):not(:nth-child(2)) td:nth-child(odd) {
  2732. text-align: right;
  2733. }
  2734. table#smilietable td {
  2735. height: 42px;
  2736. vertical-align: middle;
  2737. }
  2738. div.imagebutton {
  2739. width: 32px;
  2740. height: 32px;
  2741. margin: 2px;
  2742. vertical-align: middle;
  2743. }
  2744. div[id*="_cmd_resize_"].imagebutton {
  2745. width: 16px;
  2746. height: 16px;
  2747. margin: 0;
  2748. }
  2749. div[id*="_cmd_resize_"].imagebutton img {
  2750. padding: 4px 0;
  2751. margin-left: -2px;
  2752. }
  2753. /* fix */
  2754. #vB_Editor_QE_1_cmd_resize_1_99 {
  2755. padding: 1px;
  2756. }
  2757. div#vB_Editor_001_popup_fontname {
  2758. width: 160px;
  2759. border-radius: 2px;
  2760. margin-right: 4px;
  2761. }
  2762. div#vB_Editor_001_popup_fontname td.popup_feedback {
  2763. width: 160px;
  2764. position: relative;
  2765. height: 32px;
  2766. }
  2767. div#vB_Editor_001_popup_fontname td.popup_feedback:before {
  2768. content: "Roboto";
  2769. cursor: default;
  2770. position: absolute;
  2771. font-family: Roboto;
  2772. font-size: 14px;
  2773. color: var(--tx01);
  2774. margin-top: -9px;
  2775. margin-left: 2px;
  2776. }
  2777. div#vB_Editor_001_popup_fontname td.popup_feedback>div {
  2778. line-height: 32px;
  2779. font-size: 14px;
  2780. height: 32px;
  2781. width: 148px !important;
  2782. font-family: Roboto;
  2783. background-color: var(--co01);
  2784. position: relative;
  2785. }
  2786. div#vB_Editor_001_popup_fontsize {
  2787. border-radius: 2px;
  2788. width: 62px;
  2789. }
  2790. div#vB_Editor_001_popup_fontsize td.popup_feedback>div {
  2791. line-height: 32px;
  2792. font-size: 14px;
  2793. height: 32px;
  2794. font-family: Roboto;
  2795. background-color: var(--co01);
  2796. }
  2797. div#vB_Editor_001_popup_fontname td.popup_pickbutton, div#vB_Editor_001_popup_fontsize td.popup_pickbutton {
  2798. opacity: 0;
  2799. }
  2800. div#vB_Editor_001_popup_attach td.alt_pickbutton {
  2801. display: none;
  2802. }
  2803. div[id*=forecolor] img[id*=color_bar] {
  2804. position: relative;
  2805. top: -8px;
  2806. right: -4px;
  2807. width: 24px;
  2808. height: 4px;
  2809. }
  2810. div[id*=forecolor] td.alt_pickbutton {
  2811. position: relative;
  2812. display: block;
  2813. opacity: 0;
  2814. top: 2px;
  2815. right: 31px;
  2816. width: 27px;
  2817. height: 28px;
  2818. }
  2819. /* borde editor rapido */
  2820. table[id^=vB_Editor_QE] {
  2821. border: 0 !important;
  2822. }
  2823. /* tabla que contiene editor de mensajes */
  2824. #qrform table.tborder {
  2825. background: 0 0;
  2826. border: 0;
  2827. }
  2828. #collapseobj_quickreply .panelsurround, form[name=vbform] .panelsurround {
  2829. background: 0 0;
  2830. color: var(--tx01);
  2831. }
  2832. /* devuelve fondo a panelsurround cuando no es editor mensajes */
  2833. .panelsurround {
  2834. background: transparent;
  2835. padding: 0;
  2836. }
  2837.  
  2838. .panel {
  2839. background: 0 0;
  2840. color: var(--tx01);
  2841. border: 0;
  2842. padding: 0;
  2843. }
  2844. /* color fondo en editor completo */
  2845. #collapseobj_newpost_options .panelsurround {
  2846. background: var(--bg03);
  2847. padding: 16px 0;
  2848. }
  2849. form[name=vbform]>table.tborder {
  2850. background: 0 0;
  2851. border: 0;
  2852. }
  2853. form[name=vbform]>table.tborder>tbody>tr>td.tcat {
  2854. display: none;
  2855. }
  2856. /* editor de mensajes */
  2857. .vBulletin_editor {
  2858. padding: 0;
  2859. border: 0;
  2860. background: 0 0;
  2861. }
  2862. div#vB_Editor_001_controls+table td.controlbar {
  2863. padding: 0;
  2864. }
  2865. /* color texto editor de mensajes */
  2866. .vBulletin_editor a:link, .vBulletin_editor .smallfont, table[id^=vB_Editor] {
  2867. color: var(--tx01);
  2868. }
  2869. /* iconos editor mensajes */
  2870. div[id^=vB_Editor_] {
  2871. background: 0 0;
  2872. }
  2873. /* elemento seleccionado en editor de mensajes */
  2874. div[style*="rgb(225, 225, 226)"] {
  2875. background: inherit !important;
  2876. }
  2877. div[style*="rgb(241, 246, 248)"] {
  2878. border: 1px solid transparent !important;
  2879. background: rgba(0, 0, 0, .15) !important;
  2880. border-radius: 3px !important;
  2881. }
  2882. /* hover */
  2883. div[style*="rgb(193, 210, 238)"] {
  2884. border: 1px solid rgba(255, 255, 255, .45) !important;
  2885. border-radius: 3px !important;
  2886. background: inherit !important;
  2887. }
  2888. /* hover seleccionado */
  2889. div[style*="rgb(152, 181, 226)"] {
  2890. border: 1px solid transparent !important;
  2891. background: rgba(255, 255, 255, .45) !important;
  2892. border-radius: 3px !important;
  2893. }
  2894. /* fixes elementos seleccionados */
  2895. #vB_Editor_001_popup_fontsize, #vB_Editor_001_popup_fontname {
  2896. background-color: var(--co01) !important;
  2897. }
  2898. /* quitar borde azul en flecha */
  2899. td[style="padding-left: 0px; border-left: 1px solid rgb(49, 106, 197)"] {
  2900. border-left: 1px solid transparent !important;
  2901. }
  2902. /* Tamaño selector de Tamaño texto en editor de mensajes */
  2903. div[id^=vB_Editor][style="width: 25px;"], div[id^=vB_Editor][style="width:25px"] {
  2904. width: 48px !important;
  2905. }
  2906. /* fix borde fuentes y Tamaño */
  2907. .popup_feedback {
  2908. background: 0 0 !important;
  2909. border-right: 1px solid var(--co01) !important;
  2910. }
  2911. /* correcion borde flecha desplegable editor de mensajes */
  2912. .alt_pickbutton {
  2913. border-left: 1px solid var(--co01);
  2914. }
  2915. /* texto selector fuentes y Tamaños */
  2916. .popup_feedback div {
  2917. color: var(--tx01);
  2918. }
  2919. /* fondo lista fuentes */
  2920. div[id*=vB_Editor].vbmenu_popup {
  2921. padding: 0 !important;
  2922. margin-top: -4px;
  2923. border: 0 !important;
  2924. border-radius: 2px !important;
  2925. background: var(--co01);
  2926. }
  2927. div#vB_Editor_001_popup_fontname_menu.vbmenu_popup {
  2928. width: 162px !important;
  2929. }
  2930. div#vB_Editor_001_popup_fontsize_menu.vbmenu_popup {
  2931. width: 64px !important;
  2932. }
  2933. div.vbmenu_popup[id*=vB_Editor]>div {
  2934. padding: 2px 6px;
  2935. overflow: hidden;
  2936. text-overflow: ellipsis;
  2937. white-space: nowrap;
  2938. color: var(--tx01) !important;
  2939. background: 0 0 !important;
  2940. border: 0 !important;
  2941. width: auto;
  2942. }
  2943. div.vbmenu_popup[id*=vB_Editor]>div:hover {
  2944. background: rgba(0, 0, 0, .1) !important;
  2945. }
  2946. /* lista de botones editor mensajes */
  2947. div.controlbar:first-of-type {
  2948. padding: 6px 4px 4px;
  2949. background: var(--bg07) !important;
  2950. box-shadow: var(--bsh2);
  2951. }
  2952. /* editor mensajes */
  2953. iframe:not([id^=I0_]) {
  2954. border: none !important;
  2955. box-shadow: var(--bsh2);
  2956. }
  2957. /* editor rapido */
  2958. div.controlbar[style="padding-right:8px"] {
  2959. padding-right: 0 !important;
  2960. margin-left: -2px;
  2961. margin-top: -2px;
  2962. }
  2963. #vB_Editor_QR_textarea, textarea[id*=vB_Editor_QE], #vB_Editor_001_textarea {
  2964. margin-top: 0;
  2965. padding: 8px !important;
  2966. background: var(--co01);
  2967. width: calc(100% - 16px) !important;
  2968. border: 0 !important;
  2969. box-shadow: var(--bsh2) !important;
  2970. }
  2971. textarea[id*=vB_Editor_QE]:focus {
  2972. border-bottom: 0 !important/* chrome */
  2973. }
  2974. div[id*=vB_Editor_QE]+div {
  2975. padding: 0;
  2976. }
  2977. div[id*=vB_Editor_QE].controlbar+div.controlbar div.fieldset {
  2978. padding: 8px;
  2979. }
  2980. div[id*=vB_Editor_QE].controlbar+div input {
  2981. margin-left: 0;
  2982. }
  2983. /* editor de mensajes wysiwyg */
  2984. .wysiwyg {
  2985. background: var(--co01) !important;
  2986. color: var(--tx01) !important;
  2987. margin: 8px !important;
  2988. padding: 0 !important;
  2989. }
  2990. /* enlaces en editor de mensajes */
  2991. .wysiwyg a:link, .wysiwyg a:visited {
  2992. color: var(--tx04) !important;
  2993. }
  2994. /* Tamaño editores de mensajes */
  2995.  
  2996. /* editor de mensajes rapido */
  2997. div[style="max-width:880px; width:auto !important; width:880px"] {
  2998. max-width: 100% !important/* 1440px */
  2999. }
  3000. /* editor de mensajes completo */
  3001. #vB_Editor_001_controls table:nth-child(2) tr td {
  3002. display: inline-block;
  3003. }
  3004. div#vB_Editor_001_controls.controlbar+table {
  3005. table-layout: fixed;
  3006. max-width: 100% !important/* 1440px */
  3007. }
  3008. iframe#vB_Editor_001_iframe {
  3009. width: 100% !important;
  3010. }
  3011. /* iconos mensaje */
  3012. fieldset.fieldset[style="margin-top: 5px"] {
  3013. position: relative;
  3014. top: -5px;
  3015. margin: auto;
  3016. background: var(--bg04);
  3017. border-radius: 2px;
  3018. padding: 8px;
  3019. }
  3020. fieldset.fieldset[style="margin-top: 5px"] table[width="95%"] {
  3021. width: 100%;
  3022. }
  3023. fieldset.fieldset[style="margin-top: 5px"] tr {
  3024. display: table-cell;
  3025. width: 0;
  3026. }
  3027. fieldset.fieldset[style="margin-top: 5px"] tr td:nth-child(odd) {
  3028. padding-right: 24px;
  3029. }
  3030. 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) {
  3031. display: none;
  3032. }
  3033. /* opciones editor mensajes */
  3034. tbody#collapseobj_newpost_options fieldset legend {
  3035. margin-top: 12px;
  3036. }
  3037. tbody#collapseobj_newpost_options fieldset td {
  3038. font-size: 13px;
  3039. }
  3040. /* fix recuadro de opciones dentro de editor */
  3041. .vBulletin_editor fieldset {
  3042. border: 0 !important;
  3043. }
  3044. .vBulletin_editor fieldset>legend {
  3045. display: none;
  3046. }
  3047. /* botones bajo editor de mensajes, enviar y vista previa */
  3048. td.panelsurround div[style="margin-top:5px"] {
  3049. margin-top: 12px !important;
  3050. }
  3051. /* ajustes editor mensajes */
  3052. table[style="min-width: 480px; max-width: 100%; width: auto !important; width: 480px;"] div div.smallfont {
  3053. opacity: 0;
  3054. }
  3055. table[style="min-width: 480px; max-width: 100%; width: auto !important; width: 480px;"] table.fieldset input {
  3056. margin: 4px 0;
  3057. }
  3058. /* opciones, formularios, botones */
  3059. textarea, input, button, select {
  3060. outline: 0;
  3061. position: relative;
  3062. z-index: 8; /* chrome */
  3063. }
  3064. textarea {
  3065. color: var(--tx01);
  3066. background-color: transparent;
  3067. border: 1px solid var(--rgb2) !important;
  3068. transition: .12s ease all;
  3069. }
  3070. textarea:focus {
  3071. border: 1px solid var(--c401) !important;
  3072. }
  3073. /* input, !important necesario */
  3074. .bginput, input[name="q"] {
  3075. display: inline-block;
  3076. vertical-align: middle;
  3077. background-color: transparent;
  3078. color: var(--co02) !important;
  3079. border: 0 !important;
  3080. height: 24px !important;
  3081. padding: 0 8px !important;
  3082. font-family: Roboto !important;
  3083. font-size: 14px !important;
  3084. margin: 4px 8px 4px 0;
  3085. padding-left: 0 !important;
  3086. border-bottom: 1px solid var(--rgb2) !important;
  3087. box-shadow: none;
  3088. box-sizing: content-box;
  3089. transition: .12s ease all;
  3090. }
  3091. .bginput:focus, input[name="q"]:focus {
  3092. border-bottom: 1px solid var(--c401) !important;
  3093. box-shadow: 0 1px 0 0 var(--c401);
  3094. }
  3095. /* buscador lupa */
  3096. .cfield {
  3097. border: 0;
  3098. color: transparent;
  3099. height: 32px;
  3100. width: 0;
  3101. padding: 0 16px;
  3102. background: url(https://i.imgur.com/9CgnjWE.png) center right 4px/24px no-repeat;
  3103. cursor: pointer;
  3104. z-index: 16;
  3105. transition: .12s;
  3106. transition-delay: .4s; /* Tiempo para hacer clic */
  3107. margin-right: -4px;
  3108. }
  3109. .cfield:focus {
  3110. color: #000;
  3111. border: 0;
  3112. border-radius: 2px;
  3113. height: 32px;
  3114. padding: 0 32px 0 8px;
  3115. font-family: Roboto;
  3116. font-size: 14px;
  3117. width: 260px;
  3118. box-shadow: var(--bsh4);
  3119. background: var(--co03) url(https://i.imgur.com/Y5MK9ID.png) center right 4px no-repeat;
  3120. background-size: 24px;
  3121. cursor: text;
  3122. z-index: 1;
  3123. transition-delay: 0s;
  3124. }
  3125. .cbutton {
  3126. z-index: 1;
  3127. }
  3128. /* Fix Chrome */
  3129. form[name=busca]+td {
  3130. position: relative;
  3131. }
  3132. form[name=busca]+td .cfield {
  3133. position: absolute;
  3134. top: 4px;
  3135. right: 40px;
  3136. }
  3137. /* alineacion */
  3138. label, input {
  3139. line-height: 16px;
  3140. vertical-align: middle;
  3141. }
  3142. input[type=radio], input[type=checkbox] {
  3143. margin: 4px 4px 4px 0;
  3144. vertical-align: middle;
  3145. height: 16px;
  3146. }
  3147. /* desplegables */
  3148. select {
  3149. -webkit-appearance: none;
  3150. -moz-appearance: none;
  3151. vertical-align: middle;
  3152. color: var(--co02) !important;
  3153. border: 0 !important;
  3154. border-radius: 2px !important;
  3155. min-height: 24px !important;
  3156. padding: 0 24px 0 4px !important;
  3157. font-family: Roboto !important;
  3158. font-size: 14px !important;
  3159. margin: 4px 8px 4px 0;
  3160. box-shadow: var(--bsh2);
  3161. background-size: 18px;
  3162. cursor: pointer;
  3163. }
  3164. select[name="forumchoice[]"] {
  3165. background-image: none;
  3166. cursor: default;
  3167. }
  3168. fieldset legend {
  3169. color: var(--tx01);
  3170. font-size: 13px;
  3171. padding-left: 3px;
  3172. font-weight: 500;
  3173. text-transform: uppercase;
  3174. }
  3175. .fieldset td, .fieldset div {
  3176. font-size: 13px;
  3177. line-height: 1.4;
  3178. }
  3179. fieldset {
  3180. border: 0;
  3181. }
  3182. fieldset div[style="padding:3px"], fieldset div {
  3183. font-size: 13px;
  3184. }
  3185. fieldset[style="margin:0px"] form#cse-search-box {
  3186. position: relative;
  3187. left: -4px;
  3188. }
  3189. form#searchform div[align=left] div.thead[style="padding:5px"] {
  3190. background-color: var(--bg04);
  3191. height: 24px;
  3192. line-height: 24px;
  3193. font-size: 13px;
  3194. color: var(--rgb5);
  3195. font-weight: 500;
  3196. }
  3197. select option {
  3198. vertical-align: middle;
  3199. padding: 2px 4px;
  3200. font-family: Roboto !important;
  3201. font-size: 14px !important;
  3202. }
  3203. .fjdpth0 {
  3204. background: 0 0;
  3205. color: var(--tx01);
  3206. }
  3207. /* botones */
  3208. .button, input[name=sa], .cbutton {
  3209. display: inline-block;
  3210. box-sizing: border-box;
  3211. vertical-align: middle;
  3212. background-color: var(--co01);
  3213. color: var(--co02) !important;
  3214. border: 0 !important;
  3215. border-radius: 2px !important;
  3216. height: 24px !important;
  3217. min-width: 24px !important;
  3218. padding: 0 8px !important;
  3219. font-family: Roboto !important;
  3220. font-weight: 500 !important;
  3221. font-size: 13px !important;
  3222. text-transform: uppercase;
  3223. margin: 4px;
  3224. filter: brightness(100%);
  3225. box-shadow: var(--bsh2);
  3226. cursor: pointer;
  3227. }
  3228. .cbutton {
  3229. height: 32px !important;
  3230. min-width: 32px !important;
  3231. font-size: 15px !important;
  3232. color: var(--rgb7) !important;
  3233. }
  3234. .button:hover, input[name=sa]:hover, .cbutton:hover {
  3235. filter: var(--bns1);
  3236. background-color: var(--co01);
  3237. color: var(--co02) !important;
  3238. }
  3239. .button:active, input[name=sa]:active, .cbutton:active {
  3240. filter: var(--bns2);
  3241. box-shadow: var(--bsh4);
  3242. }
  3243. .button:disabled {
  3244. box-shadow: var(--bsh2);
  3245. background-color: rgba(0, 0, 0, .12);
  3246. color: rgba(0, 0, 0, .26) !important;
  3247. }
  3248. input[src="clear.gif"] {
  3249. display: none;
  3250. }
  3251. /* nueva barra de búsqueda */
  3252. .cfield+input+input+.cbutton {
  3253. background-color: transparent !important;
  3254. position: relative;
  3255. font-size: 0 !important;
  3256. box-shadow: initial;
  3257. border-radius: 0 2px 2px 0 !important;
  3258. left: -40px;
  3259. margin-right: -36px;
  3260. }
  3261. .cfield+input+input+.cbutton+.cbutton {
  3262. min-width: 24px !important;
  3263. height: 24px !important;
  3264. border-radius: 24px !important;
  3265. }
  3266. /* mensajes privados */
  3267.  
  3268. /* barra mensajes */
  3269. table[style="border:2px groove"][width="100%"][cellspacing="1"] {
  3270. border: 1px solid var(--bg02) !important;
  3271. border-spacing: 0;
  3272. border-collapse: collapse;
  3273. }
  3274. table[style="border:2px groove"]>tbody>tr>td[style="background-color:red; font-size:10px"] {
  3275. background-color: #e57373 !important;
  3276. }
  3277. table[style="border:2px groove"]>tbody>tr>td[style="background-color:orange; font-size:10px"] {
  3278. background-color: #fff176 !important;
  3279. }
  3280. table[style="border:2px groove"]>tbody>tr>td[style="background-color:green; font-size:10px"] {
  3281. background-color: #81c784 !important;
  3282. }
  3283. img[src*="/calendar_popup.png"] {
  3284. display: none;
  3285. }
  3286. /* bordes */
  3287. form#pmform tbody[id^=collapseobj]>tr>td {
  3288. border-top: 1px solid var(--bg02);
  3289. }
  3290. /* lista mensajes privados */
  3291. form#pmform td.alt1:nth-child(1) {
  3292. padding: 0 12px;
  3293. height: 56px;
  3294. }
  3295. form#pmform td.alt1, form#pmform tbody[id^=collapseobj] td.alt2, form#pmform td.alt1Active, form#pmform table.tborder {
  3296. background: var(--bg03);
  3297. }
  3298. form#pmform .thead div a {
  3299. font-size: 13px;
  3300. font-weight: 500;
  3301. line-height: 24px;
  3302. }
  3303. form#pmform .alt2 strong, form#pmform .alt2 label {
  3304. font-size: 13px;
  3305. font-weight: 400;
  3306. line-height: 24px;
  3307. }
  3308. form#pmform td.alt1 a {
  3309. font-size: var(--sz01);
  3310. font-weight: 500;
  3311. }
  3312. form#pmform td.alt1 span, form#pmform td.alt1 .time {
  3313. font-size: 12px;
  3314. color: var(--rgb7);
  3315. }
  3316. /* fix respecto nueva barra herramientas */
  3317. form#pmform td.alt2 {
  3318. visibility: visible;
  3319. }
  3320. /* calendario */
  3321. .floatcontainer table.tborder.vB_DatePicker.page {
  3322. background: var(--bg03) !important;
  3323. }
  3324. /* varios mp */
  3325.  
  3326. #pm_historylink {
  3327. margin-top: 4px;
  3328. }
  3329. /* panel de control barra lateral */
  3330. div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.thead {
  3331. font-size: 13px;
  3332. font-weight: 500;
  3333. padding: 8px;
  3334. }
  3335. div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 a {
  3336. font-size: 13px;
  3337. padding: 0 4px;
  3338. color: var(--rgb7);
  3339. }
  3340. div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 a:hover {
  3341. color: var(--co02);
  3342. }
  3343. 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"]) {
  3344. font-size: 13px;
  3345. padding: 0 4px;
  3346. /* color: var(--rgb2); */
  3347. color: var(--tx04);
  3348. }
  3349. div.page>div[style="padding:0px 0px 0px 0px"] table>tbody>tr[valign=top]>td:nth-child(1) table.tborder td.alt2 {
  3350. background: var(--bg03);
  3351. }
  3352. /* Separacion contenedores en Panel de Control */
  3353. /* Todas las reglas del selector son necesarias */
  3354. 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) {
  3355. padding-right: 18px;
  3356. }
  3357.  
  3358. /* enviar invis */
  3359. 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 {
  3360. line-height: 24px;
  3361. padding: 0 4px;
  3362. color: var(--rgb7);
  3363. font-size: 13px;
  3364. }
  3365. /* mensaje de error al enviar mensaje 30s */
  3366. #qr_error_tbody .smallfont a {
  3367. font-size: 13px;
  3368. font-weight: 500;
  3369. text-transform: uppercase;
  3370. }
  3371. #qr_error_tbody {
  3372. display: table;
  3373. margin-left: 16px;
  3374. width: calc(100% - 32px);
  3375. background: var(--rgb5);
  3376. border-radius: 2px;
  3377. }
  3378. #qr_error_tbody a {
  3379. color: var(--co01);
  3380. }
  3381. #qr_error_tbody td {
  3382. color: var(--co01);
  3383. background: 0 0;
  3384. font-size: 13px;
  3385. font-weight: 500;
  3386. padding: 8px;
  3387. }
  3388. /* tablas anchas opciones post, encuestas */
  3389. div[style="width:750px"], div[style="width:880px"] {
  3390. width: auto !important;
  3391. }
  3392. /* tabla ancha mp */
  3393. form[action*="postings.php?do=dodeletethread"] td.thead, div[style="width:750px"]>fieldset>legend {
  3394. display: none;
  3395. }
  3396. /* borrar mensaje titulo */
  3397.  
  3398. /* sombras paneles varios */
  3399. 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"] {
  3400. box-shadow: var(--bsh2);
  3401. }
  3402. /* quitar sombra donde no es necesaria */
  3403. form[name=vbform] .tborder:first-of-type {
  3404. box-shadow: initial !important;
  3405. }
  3406.  
  3407.  
  3408.  
  3409.  
  3410. /* iconos valoracion */
  3411. img[src*="/rating_5.gif"] {
  3412. background: url(https://i.imgur.com/meP1MtX.png);
  3413. }
  3414. img[src*="/rating_4.gif"] {
  3415. background: url(https://i.imgur.com/crvv8nx.png);
  3416. }
  3417. img[src*="/rating_3.gif"] {
  3418. background: url(https://i.imgur.com/JptsOk9.png);
  3419. }
  3420. img[src*="/rating_2.gif"] {
  3421. background: url(https://i.imgur.com/DoceZCx.png);
  3422. }
  3423. img[src*="/rating_1.gif"] {
  3424. background: url(https://i.imgur.com/GZTxfnr.png);
  3425. }
  3426. img[src*="/rating_"] {
  3427. width: 0;
  3428. height: 12px;
  3429. padding-right: 60px;
  3430. background-size: 60px 12px;
  3431. transform: scaleX(-1);
  3432. filter: brightness(0) var(--invert);
  3433. opacity: .7;
  3434. }
  3435. /* iconos foro */
  3436. img[src*="/misc/paperclip.gif"] {
  3437. width: 0;
  3438. height: 14px;
  3439. margin-top: 5px;
  3440. padding-right: 14px;
  3441. background: url(https://i.imgur.com/JL6IcL0.png) center/14px no-repeat;
  3442. }
  3443. img[src*="/misc/sticky.gif"] {
  3444. width: 0;
  3445. height: 14px;
  3446. padding-right: 14px;
  3447. background: url(https://i.imgur.com/rlIyS6P.png) center/14px no-repeat;
  3448. margin-top: 5px;
  3449. }
  3450. img[src*="/misc/stats.gif"] {
  3451. width: 0;
  3452. height: 32px;
  3453. padding-right: 32px;
  3454. background: url(https://i.imgur.com/Gu4tGPs.png) 0 0/32px;
  3455. }
  3456. img[src*="/statusicon/subforum_"] {
  3457. display: none;
  3458. }
  3459. /* iconos editor mensajes wysiwyg */
  3460. img[src*="/editor/separator.gif"] {
  3461. width: 0;
  3462. height: 32px;
  3463. padding-right: 9px;
  3464. background: url(https://i.imgur.com/OY4vcrH.png) center/1px no-repeat;
  3465. }
  3466. img[src*="/editor/bold.gif"] {
  3467. background: url(https://i.imgur.com/09D6kcD.png);
  3468. }
  3469. img[src*="/editor/italic.gif"] {
  3470. background: url(https://i.imgur.com/KKZNIf5.png);
  3471. }
  3472. img[src*="/editor/underline.gif"] {
  3473. background: url(https://i.imgur.com/1Tl12Z3.png) top 4px center;
  3474. }
  3475. img[src*="/editor/justifyleft.gif"] {
  3476. background: url(https://i.imgur.com/BWjTmNs.png);
  3477. }
  3478. img[src*="/editor/justifycenter.gif"] {
  3479. background: url(https://i.imgur.com/7se8QoX.png);
  3480. }
  3481. img[src*="/editor/justifyright.gif"] {
  3482. background: url(https://i.imgur.com/UddXqdN.png);
  3483. }
  3484. img[src*="/editor/insertorderedlist.gif"] {
  3485. background: url(https://i.imgur.com/2rn8sM1.png);
  3486. }
  3487. img[src*="/editor/insertunorderedlist.gif"] {
  3488. background: url(https://i.imgur.com/DXgDFnR.png);
  3489. }
  3490. img[src*="/editor/outdent.gif"] {
  3491. background: url(https://i.imgur.com/pxP9FN1.png);
  3492. }
  3493. img[src*="/editor/indent.gif"] {
  3494. background: url(https://i.imgur.com/V0s737g.png);
  3495. }
  3496. img[src*="/editor/createlink.gif"] {
  3497. background: url(https://i.imgur.com/vSstXqx.png);
  3498. }
  3499. img[src*="/editor/unlink.gif"] {
  3500. background: url(https://i.imgur.com/kpjVTBO.png);
  3501. }
  3502. img[src*="/editor/email.gif"] {
  3503. background: url(https://i.imgur.com/WshC4LW.png);
  3504. }
  3505. img[src*="/editor/insertimage.gif"] {
  3506. background: url(https://i.imgur.com/DqR8hkv.png);
  3507. }
  3508. img[src*="/editor/quote.gif"] {
  3509. background: url(https://i.imgur.com/JRUysUD.png);
  3510. }
  3511. img[src*="/editor/code.gif"] {
  3512. background: url(https://i.imgur.com/GXwlscN.png);
  3513. }
  3514. img[src*="/editor/php.gif"] {
  3515. background: url(https://i.imgur.com/KZqJY4B.png);
  3516. }
  3517. img[src*="/editor/youtube_forocoches.gif"] {
  3518. background: url(https://i.imgur.com/O4cYMww.png);
  3519. }
  3520. img[src*="/editor/spoiler.png"] {
  3521. background: url(https://i.imgur.com/L4iYGse.png);
  3522. }
  3523. img[src*="/images/mention.png"] {
  3524. background: url(https://i.imgur.com/3LuaHbS.png);
  3525. }
  3526. img[src*="/editor/attach.gif"] {
  3527. background: url(https://i.imgur.com/y80ZeSU.png);
  3528. }
  3529. img[src*="/editor/undo.gif"] {
  3530. background: url(https://i.imgur.com/dIZ7wkH.png);
  3531. }
  3532. img[src*="/editor/redo.gif"] {
  3533. background: url(https://i.imgur.com/Ga0qICi.png);
  3534. }
  3535. img[src*="/editor/switchmode.gif"] {
  3536. background: url(https://i.imgur.com/ZBt4HYG.png);
  3537. }
  3538. img[src*="/editor/removeformat.gif"] {
  3539. background: url(https://i.imgur.com/zKOlCZx.png);
  3540. }
  3541. img[src*="/editor/color.gif"] {
  3542. padding-right: 33px;
  3543. background: url(https://i.imgur.com/080E5Y2.png) right 5px center;
  3544. }
  3545. img[src*="/editor/"]:not([src*="/editor/separator.gif"]):not([src*="/editor/menupop.gif"]), img[src*="/images/mention.png"] {
  3546. width: 0;
  3547. height: 32px;
  3548. padding-right: 32px;
  3549. background-size: 24px;
  3550. background-position: center;
  3551. background-repeat: no-repeat;
  3552. }
  3553. /* iconos mensajes privados */
  3554. img[src*="/pm_new.gif"] {
  3555. width: 0;
  3556. height: 24px;
  3557. padding-right: 24px;
  3558. background: url(https://i.imgur.com/oaLWMuO.png) 0 0/24px;
  3559. }
  3560. img[src*="/pm_old.gif"] {
  3561. width: 0;
  3562. height: 24px;
  3563. padding-right: 24px;
  3564. background: url(https://i.imgur.com/VcArZ9s.png) 0 0/24px;
  3565. }
  3566. img[src*="/pm_replied.gif"] {
  3567. width: 0;
  3568. height: 24px;
  3569. padding-right: 24px;
  3570. background: url(https://i.imgur.com/LzUMHCu.png) 0 0/24px;
  3571. }
  3572. img[src*="/pm_forwarded.gif"] {
  3573. width: 0;
  3574. height: 24px;
  3575. padding-right: 24px;
  3576. background: url(https://i.imgur.com/MxcG1V1.png) 0 0/24px;
  3577. transform: scaleX(-1);
  3578. }
  3579. /* iconos varios */
  3580.  
  3581. /* flecha ir */
  3582. img[src*="/viewpost.gif"], img[src*="/lastpost.gif"] {
  3583. width: 0;
  3584. height: 16px;
  3585. padding-right: 16px;
  3586. background: url(https://i.imgur.com/pktzbyy.png) center/24px;
  3587. opacity: .7;
  3588. transition: .12s;
  3589. }
  3590. img[src*="/firstnew.gif"], img[src*="/sortasc.gif"], img[src*="/sortdesc.gif"] {
  3591. width: 0;
  3592. height: 16px;
  3593. padding-right: 16px;
  3594. background: url(https://i.imgur.com/0OENHqV.png) center/24px no-repeat;
  3595. opacity: .7;
  3596. transition: .12s;
  3597. }
  3598. img[src*="/sortdesc.gif"] {
  3599. transform: rotate(180deg);
  3600. }
  3601.  
  3602. /* flecha menu */
  3603. img[src*="/misc/menu_open.gif"], img[src*="/misc/menu_open_usercss.gif"] {
  3604. width: 0;
  3605. height: 12px;
  3606. padding-right: 12px;
  3607. background: url(https://i.imgur.com/R3ke1yx.png) center/24px;
  3608. vertical-align: middle;
  3609. }
  3610. /* lapiz */
  3611. img[src*="/misc/userfield_edit.gif"] {
  3612. width: 0;
  3613. height: 16px;
  3614. padding-right: 16px;
  3615. background: url(https://i.imgur.com/WJLwtOx.png) 0 0/16px;
  3616. position: relative;
  3617. top: 3px;
  3618. opacity: .6;
  3619. }
  3620. img[src*="/misc/userfield_edit.gif"]:hover {
  3621. opacity: 1;
  3622. }
  3623. /* bullet inicio */
  3624. img[src*="/image/bullet_pic3mini.gif"] {
  3625. width: 0;
  3626. height: 12px;
  3627. padding-right: 12px;
  3628. background: url(https://i.imgur.com/wR8douU.png) 0 0/12px;
  3629. }
  3630. /* minimizar */
  3631. img[src*="/collapse_tcat.gif"], img[src*="/collapse_thead.gif"], img[src*="/collapse_alt.gif"] {
  3632. width: 0;
  3633. height: 24px;
  3634. padding-right: 24px;
  3635. background: url(https://i.imgur.com/IoVeidH.png) 0 0/24px;
  3636. }
  3637. /* maximizar */
  3638. img[src*="/collapse_tcat_collapsed.gif"], img[src*="/collapse_thead_collapsed.gif"], img[src*="/collapse_alt_collapsed"] {
  3639. width: 0;
  3640. height: 24px;
  3641. padding-right: 24px;
  3642. background: url(https://i.imgur.com/kXh8N9a.png) 0 0/24px;
  3643. }
  3644. img[src*="/poll_posticon.gif"] {
  3645. width: 0;
  3646. height: 16px;
  3647. padding-right: 16px;
  3648. background: url(https://i.imgur.com/S9KEqPw.png) center/20px;
  3649. }
  3650.  
  3651. /* iconos titulo hilo */
  3652. img[src*="icons/icon"] {
  3653. width: 0;
  3654. height: 16px;
  3655. padding-right: 16px;
  3656. background: url(https://i.imgur.com/IUEW36E.png) 0 0/16px 224px;
  3657. }
  3658. img[src*="icons/icon1.gif"] {
  3659. background-position: 0 224px;
  3660. }
  3661. img[src*="icons/icon2.gif"] {
  3662. background-position: 0 208px;
  3663. }
  3664. img[src*="icons/icon3.gif"] {
  3665. background-position: 0 192px;
  3666. }
  3667. img[src*="icons/icon4.gif"] {
  3668. background-position: 0 176px;
  3669. }
  3670. img[src*="icons/icon5.gif"] {
  3671. background-position: 0 160px;
  3672. }
  3673. img[src*="icons/icon6.gif"] {
  3674. background-position: 0 144px;
  3675. }
  3676. img[src*="icons/icon7.gif"] {
  3677. background-position: 0 128px;
  3678. }
  3679. img[src*="icons/icon8.gif"] {
  3680. background-position: 0 112px;
  3681. }
  3682. img[src*="icons/icon9.gif"] {
  3683. background-position: 0 96px;
  3684. }
  3685. img[src*="icons/icon10.gif"] {
  3686. background-position: 0 80px;
  3687. }
  3688. img[src*="icons/icon11.gif"] {
  3689. background-position: 0 64px;
  3690. }
  3691. img[src*="icons/icon12.gif"] {
  3692. background-position: 0 48px;
  3693. }
  3694. img[src*="icons/icon13.gif"] {
  3695. background-position: 0 32px;
  3696. }
  3697. img[src*="icons/icon14.gif"] {
  3698. background-position: 0 16px;
  3699. }
  3700.  
  3701.  
  3702.  
  3703. /* Diseño RESPONSIVO */
  3704. @media (max-width:1180px) {
  3705. /* iconos hilos */
  3706. fieldset.fieldset[style="margin-top: 5px"] tr, fieldset.fieldset[style="margin-top: 5px"] tr:nth-child(3) td:nth-child(1) {
  3707. display: table-row;
  3708. }
  3709. }
  3710.  
  3711.  
  3712.  
  3713. @media (max-width:984px) {
  3714. /* enlaces cabecera */
  3715. table#AutoNumber9 {
  3716. margin-left: 16px;
  3717. left: 164px;
  3718. }
  3719. /* logo */
  3720. body>div>center>table#AutoNumber1 td:last-child {
  3721. left: 14px;
  3722. }
  3723. /* buscador */
  3724. table.cajastip td.texto[width="10%"] {
  3725. right: 8px;
  3726. }
  3727. td.top2 table[id=AutoNumber7] table {
  3728. right: 10px;
  3729. }
  3730. /* enlaces principales */
  3731. /* inicio */
  3732. /* usuarios en linea */
  3733. td.texto[width="90%"][bgcolor="#ffffff"] {
  3734. left: 13px;
  3735. }
  3736. /* navegación foro */
  3737. table.tborder[cellpadding="5"]>tbody>tr>td.alt1[width="100%"] {
  3738. padding-left: 14px;
  3739. }
  3740. /* foro */
  3741. .page {
  3742. width: 100% !important;
  3743. margin: 0;
  3744. }
  3745. /* deja pequeño margen en panel de control */
  3746. .page table tr[valign="top"]>td+td+td[width="100%"] {
  3747. padding-right: 12px;
  3748. }
  3749. div.page>div:nth-child(1)>table:nth-child(9)>tbody:nth-child(1)>tr[valign="top"]:nth-child(1)>td:nth-child(1) {
  3750. padding-left: 12px;
  3751. }
  3752. .page table[style="margin-bottom:3px"], .page table[style="margin-top:-2px"] {
  3753. width: calc(100% - 32px);
  3754. margin-left: 16px;
  3755. }
  3756. /* posts */
  3757. table[id^=post] {
  3758. margin: 0;
  3759. box-shadow: none;
  3760. }
  3761. div#posts>div[align=center]:nth-last-child(2) table[id^=post] {
  3762. box-shadow: var(--bsh2);
  3763. }
  3764. div[id^=edit][style="padding:0px 0px 5px 0px"] {
  3765. border-bottom: 1px solid var(--bg02);
  3766. padding: 0 !important;
  3767. }
  3768. div#posts>div[align=center]:nth-last-child(2) [style="padding:0px 0px 5px 0px"] {
  3769. border: 0;
  3770. }
  3771. /* barara herramientas */
  3772. td[width="312"] {
  3773. left: -2px;
  3774. }
  3775. div.tborder[style="padding:1px; border-top-width:0px"]>table {
  3776. margin-left: -51px;
  3777. }
  3778. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  3779. left: 426px;
  3780. }
  3781. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3)::after {
  3782. left: 569.75px;
  3783. }
  3784. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3)::after {
  3785. left: 668px;
  3786. }
  3787. /* activos */
  3788. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3789. left: 701px;
  3790. }
  3791. td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3792. left: 636px;
  3793. }
  3794. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  3795. left: 539px;
  3796. }
  3797. /* inicio */
  3798. table.cajascat {
  3799. border-left: 0;
  3800. }
  3801. td[width="84%"] {
  3802. padding: 0;
  3803. }
  3804. /* avatar */
  3805. img[style="max-height:90px; margin-left: 6px; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%"] {
  3806. transform: translateX(20px);
  3807. }
  3808. img[src="//st.forocoches.com/image/forocoches_avatar.gif"], td.alt2>div.smallfont>strong>a:after {
  3809. transform: translateX(34px);
  3810. }
  3811. /* pie de página */
  3812. 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;"] {
  3813. display: none;
  3814. }
  3815. /* columna hora inicio */
  3816. td[width="84%"] .texto>table>tbody>tr>td:nth-child(2) {
  3817. display: none;
  3818. }
  3819. }
  3820. @media (max-width:928px) {
  3821. /* barra herramientas */
  3822. /* TODO */
  3823. 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) {
  3824. display: none;
  3825. }
  3826. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a {
  3827. left: 147px;
  3828. }
  3829. td.alt1[width="100%"]+td.alt2+td.alt2 a span:nth-child(3)::after {
  3830. left: 290.75px;
  3831. }
  3832. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2 a span:nth-child(3)::after {
  3833. left: 389px;
  3834. }
  3835. /* activos */
  3836. td.alt1[width="100%"]+td.alt2+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3837. left: 422px;
  3838. }
  3839. td.alt1[width="100%"]+td.alt2+td.alt2[style="background-color:#ffffcc;"] a span:nth-child(1) {
  3840. left: 357px;
  3841. }
  3842. td.alt1[width="100%"]+td.alt2>div.smallfont>strong+div>a+strong {
  3843. left: 260px;
  3844. }
  3845. div.tborder[style="padding:1px; border-top-width:0px"] table td.vbmenu_control:nth-child(7) {
  3846. left: 437px;
  3847. }
  3848. /* inicio */
  3849. table.cajascat td.cat[bgcolor="#f9f9f9"]:not(:nth-child(1)) {
  3850. display: none;
  3851. }
  3852. table.cajascat td.contenido tr:nth-child(1) {
  3853. width: 128.5px;
  3854. }
  3855. /* bandeja mp */
  3856. #pmform+br+form[action="private.php"] {
  3857. display: none;
  3858. }
  3859. }
  3860. @media (max-width:808px) {
  3861. /* foro */
  3862. /* panel usuario */
  3863. td.alt2[width="175"], td.thead[width="175"] {
  3864. width: 120px;
  3865. }
  3866. /* margenes imagenes y video */
  3867. .imgpost {
  3868. max-width: calc(100% + 32px);
  3869. margin-left: -16px;
  3870. }
  3871. .video-youtube {
  3872. width: calc(100% + 32px);
  3873. max-width: calc(100% + 32px);
  3874. margin-left: -16px;
  3875. }
  3876. }
  3877.  
  3878. /* Pie de foro WIP */
  3879. /* table[style="margin-top:3px"] +br+ table.tborder td.thead,
  3880. table[style="margin-top:3px"] +br+ table.tborder td.alt1 {
  3881. padding: 0;
  3882. }
  3883. table[style="margin-top:3px"] +br+ table.tborder td.thead:nth-child(1) > * {
  3884. outline: 1px solid red;
  3885. margin-left: -6px !important;
  3886. } */
  3887.  
  3888. /* WIP */
  3889. /* resultados búsqueda */
  3890. #inlinemodform [id^="post"] {
  3891. position: relative
  3892. }
  3893. /* continuar */
  3894.  
  3895.  
  3896. /* WIP */
  3897. /* Nuevos botones posts */
  3898. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] {
  3899. font-size: 0;
  3900. }
  3901. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a > img {
  3902. display: none;
  3903. }
  3904.  
  3905. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:after,
  3906. a[href^="private.php?do=newpm&pmid="]:after,
  3907. a[href^="private.php?do=newpm&forward=1&pmid="]:after {
  3908. display: inline-block;
  3909. padding: 0 16px;
  3910. margin: 0 4px;
  3911. border-radius: 2px;
  3912. font-size: 13px;
  3913. font-weight: 500;
  3914. color: var(--tx01);
  3915. height: 32px;
  3916. line-height: 32px;
  3917. transition: .12s;
  3918. }
  3919. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:hover:after {
  3920. background: var(--rgb1);
  3921. }
  3922. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:focus:after {
  3923. background: var(--rgb2);
  3924. }
  3925. /* Editar */
  3926. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(4):after {
  3927. content: "EDITAR";
  3928. }
  3929. /* Citar */
  3930. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(3):after {
  3931. content: "CITAR";
  3932. }
  3933. /* Multi-cita */
  3934. #posts td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2):after {
  3935. content: "+";
  3936. width: 32px;
  3937. padding: 0;
  3938. color: transparent;
  3939. margin-right: 0;
  3940. }
  3941. #posts td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img {
  3942. display: inline-block;
  3943. position: absolute;
  3944. top: 0;
  3945. right: 0;
  3946. width: 0;
  3947. padding-right: 32px;
  3948. height: 32px;
  3949. z-index: 1;
  3950. }
  3951. /* Multi-cita desactivada */
  3952. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img[src$="multiquote_off.gif"] {
  3953. background: url(https://i.imgur.com/NzVeCve.png) no-repeat center;
  3954. background-size: 24px;
  3955. }
  3956. /* Multi-cita activada */
  3957. td[style="border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px"] > a:nth-last-child(2) > img[src$="multiquote_on.gif"] {
  3958. background: url(https://i.imgur.com/NzVeCve.png) no-repeat center;
  3959. background-size: 24px;
  3960. }
  3961. /* MP Responder */
  3962. a[href^="private.php?do=newpm&pmid="]:after {
  3963. content: "RESPONDER";
  3964. }
  3965. /* MP Reenviar */
  3966. a[href^="private.php?do=newpm&forward=1&pmid="]:after {
  3967. content: "REENVIAR";
  3968. }
  3969. /* Nuevo tema */
  3970. a[href^="newthread.php"] > img,
  3971. a[href="private.php?do=newpm"] > img {
  3972. display: none;
  3973. }
  3974. a[href^="newthread.php"]:after,
  3975. td.smallfont a[href="private.php?do=newpm"]:after {
  3976. content: "NUEVO TEMA";
  3977. display: inline-block;
  3978. background: var(--c401);
  3979. padding: 0 16px;
  3980. border-radius: 2px;
  3981. font-size: 13px;
  3982. font-weight: 500;
  3983. color: var(--rgb7b);
  3984. height: 36px;
  3985. line-height: 36px;
  3986. transition: .12s;
  3987. box-shadow: var(--bsh2);
  3988. }
  3989. td.smallfont a[href="private.php?do=newpm"]:after {
  3990. content: "NUEVO PRIVADO";
  3991. }
  3992. a[href^="newthread.php"]:hover:after,
  3993. a[href="private.php?do=newpm"]:hover:after {
  3994. background: var(--rs2h) !important;
  3995. box-shadow: var(--bsh4) !important;
  3996. color: var(--co04) !important;
  3997. }
  3998. a[href^="newthread.php"]:focus:after,
  3999. a[href="private.php?do=newpm"]:focus:after {
  4000. box-shadow: var(--bsh8) !important;
  4001. }
  4002.  
  4003. /* Responder */
  4004. a[href^="newreply.php?do=newreply&noquote="] > img {
  4005. display: none;
  4006. }
  4007. a[href^="newreply.php?do=newreply&noquote="]:after {
  4008. content: "RESPONDER";
  4009. display: inline-block;
  4010. background: var(--c200);
  4011. padding: 0 16px;
  4012. border-radius: 2px;
  4013. font-size: 13px;
  4014. font-weight: 500;
  4015. color: var(--rgb7b);
  4016. height: 36px;
  4017. line-height: 36px;
  4018. transition: .12s;
  4019. box-shadow: var(--bsh2);
  4020. }
  4021. a[href^="newreply.php?do=newreply&noquote="]:hover:after {
  4022. background: var(--rs1h);
  4023. box-shadow: var(--bsh4);
  4024. color: var(--co04);
  4025. }
  4026. a[href^="newreply.php?do=newreply&noquote="]:focus:after {
  4027. box-shadow: var(--bsh8);
  4028. }
  4029. /* Tema cerrado */
  4030. a[href^="newreply.php?do=newreply&noquote="] {
  4031. position: relative;
  4032. }
  4033. img[src="//st.forocoches.com/foro/images/buttons/threadclosed.gif"] {
  4034. display: block !important;
  4035. top: -11px;
  4036. left: -1px;
  4037.  
  4038. position: absolute;
  4039. width: 0;
  4040. padding-right: 102px;
  4041. background: var(--bg02) url(https://i.imgur.com/pmSKo5Z.png) center no-repeat;
  4042. border-radius: 2px;
  4043. border: 3px solid var(--bg02);
  4044. background-size: 24px;
  4045. height: 32px;
  4046. outline: 16px solid var(--bg01);
  4047. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement