Advertisement
Guest User

tema

a guest
Jul 22nd, 2021
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.69 KB | None | 0 0
  1. /* FONTS*/
  2. @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
  3.  
  4. /* ANIMACIONES */
  5. @keyframes glowred{
  6. 0% {text-shadow: 0px 0px 20px darkred; color: darkred;}
  7. 50% {text-shadow: 0px 0px 25px red; color: red;}
  8. 100% {text-shadow: 0px 0px 20px darkred; color: darkred;}
  9. }
  10.  
  11.  
  12. body {
  13. background: #101010;
  14. background-image: linear-gradient(#151515, #0a0a0a);
  15. color: #e6e6e6;
  16. font-family: 'Roboto', sans-serif;
  17. font-size: 10pt;
  18. margin: 0 4px;
  19. padding-left: 4px;
  20. padding-right: 4px;
  21. }
  22. div.post.reply {
  23. margin-left: 1.3em!important;
  24. }
  25. div.post.reply::before {
  26. content: ">>";
  27. font-weight: bold;
  28. position: relative;
  29. display: inline;
  30. margin-left: -30px;
  31. color: #585858;
  32. }
  33. .hidden {
  34. display:none;
  35. }
  36.  
  37. a,a:visited {
  38. text-decoration: underline;
  39. color: #A9A9A9;
  40. }
  41.  
  42. a:hover,.intro a.post_no:hover {
  43. color: #d5d5d5;
  44. }
  45.  
  46. a.post_no {
  47. text-decoration: none;
  48. margin: 0;
  49. padding: 0;
  50. }
  51.  
  52. .intro a.post_no {
  53. color: inherit;
  54. }
  55.  
  56. .intro a.post_no,p.intro a.email,p.intro a.post_anchor {
  57. margin: 0;
  58. }
  59.  
  60. .intro a.email span.name {
  61. color: #888888;
  62. }
  63.  
  64. .intro a.email:hover span.name {
  65. color: #ff0000;
  66. }
  67.  
  68. .intro label {
  69. display: inline;
  70. }
  71.  
  72. .intro time,p.intro a.ip-link,p.intro a.capcode {
  73. direction: ltr;
  74. unicode-bidi: embed;
  75. }
  76.  
  77. h2 {
  78. color: #AF0A0F;
  79. font-size: 11pt;
  80. margin: 0;
  81. padding: 0;
  82. }
  83.  
  84. header {
  85. margin: 1em 0;
  86. }
  87.  
  88. h1 {
  89. font-family: tahoma;
  90. letter-spacing: -2px;
  91. font-size: 20pt;
  92. margin: 0;
  93. }
  94.  
  95. header div.subtitle,h1 {
  96. color: darkred;
  97. text-shadow: 0px 0px 20px darkred;
  98. text-align: center;
  99. animation-name: glowred;
  100. animation-duration: 2s;
  101. animation-timing-function: linear;
  102. animation-iteration-count: infinite;
  103.  
  104. }
  105.  
  106. header div.subtitle {
  107. margin-top: 5px;
  108. font-size: 10pt;
  109. }
  110.  
  111. form {
  112. margin-bottom: 1em;
  113. }
  114.  
  115. form table {
  116. margin: auto;
  117. }
  118.  
  119. form table input {
  120. height: auto;
  121. }
  122.  
  123. #quick-reply input[type="text"], #quick-reply select
  124. {
  125. width: 95%;
  126. padding: 2px;
  127. margin: 3px;
  128. font-size: 10pt;
  129. box-sizing: border-box;
  130. -webkit-box-sizing: border-box;
  131. }
  132.  
  133. #quick-reply textarea {
  134. width: 95%;
  135. min-width: 95%;
  136. margin: 0px 5px 1px 3px
  137. }
  138.  
  139. #quick-reply table {
  140. background: #404040;
  141. box-shadow: 0px 0px 10px black;
  142. }
  143.  
  144. input[type="text"],input[type="password"] {
  145. border: none;
  146. background-color: #202020;
  147. color: #e6e6e6;
  148. border-radius: 3px;
  149. border-color: white;
  150. border-style: solid;
  151. border-width: 1px;
  152. text-indent: 0;
  153. text-shadow: none;
  154. text-transform: none;
  155. word-spacing: normal;
  156. font-size: inherit;
  157. font-family: 'Roboto', sans-serif;
  158. margin: 2px;
  159. }
  160. textarea {
  161. border-style: solid;
  162. border-color: white;
  163. background-color: #202020;
  164. color: #e6e6e6;
  165. border-radius: 3px;
  166. padding: 2px 4px 3px;
  167. margin: 2px;
  168. }
  169.  
  170. input[type="password"] {
  171. max-width: 100%;
  172. }
  173.  
  174. #upload input[type="file"] {
  175. max-width: 150px;
  176. }
  177.  
  178. form table tr td {
  179. text-align: left;
  180. margin: 0;
  181. padding: 0;
  182. }
  183.  
  184. form table.mod tr td {
  185. padding: 2px;
  186. }
  187.  
  188. form table tr th {
  189. text-align: left;
  190. padding: 0px 5px;
  191. }
  192.  
  193. form table tr th {
  194. background: #202020;
  195. border-color: white;
  196. border-style: solid;
  197. border-radius: 5px;
  198. }
  199.  
  200. form table tr td div.center {
  201. text-align: center;
  202. float: left;
  203. padding-left: 3px;
  204. }
  205.  
  206. form table tr td div input {
  207. display: block;
  208. margin: 2px auto 0 auto;
  209. }
  210.  
  211. form table tr td div label {
  212. font-size: 10px;
  213. }
  214. #post-form-outer {
  215. text-align: center;
  216. }
  217. #post-form-inner {
  218. display: inline-block;
  219. }
  220. .post-table, .post-table-options, textarea {
  221. width: 100%;
  222. }
  223. .post-table th, .post-table-options th {
  224. width: 75px;
  225. border-radius: 3px;
  226. }
  227. .unimportant,.unimportant * {
  228. font-size: 10pt;
  229. }
  230. .board_info{
  231. margin:auto;
  232. font-size:9pt;
  233. }
  234. div.board_info a {
  235. text-decoration: underline;
  236. }
  237. .rules { font-size: 07pt; }
  238. .rules a { text-decoration: none; }
  239. .rules {
  240. /* width: 468px; */
  241. font-size: 07pt;
  242. }
  243. /* .rules a, .rules a:visited, .rules a:link {
  244. } */
  245. .rules > li::before {
  246. content: "\2022 \20";
  247. }
  248. div.rules {
  249. list-style: none;
  250. font-size: 13px;
  251. }
  252.  
  253. .file {
  254. float: left;
  255. margin-right: 2px;
  256. }
  257.  
  258. .file:not(.multifile) .post-image {
  259. float: left;
  260. }
  261.  
  262. .file:not(.multifile) {
  263. float: none;
  264. }
  265.  
  266. p.fileinfo {
  267. display: block;
  268. margin: 0 0 0 20px;
  269. }
  270.  
  271. div.post p.fileinfo {
  272. padding-left: 5px;
  273. }
  274.  
  275. div.banner {
  276. background-color: #202020;
  277. box-shadow: 2px 2px 6px black;
  278. padding: 3px;
  279. border-radius: 5px;
  280. border-style: dashed;
  281. border-color: #C8C8C8;
  282. font-size: 12pt;
  283. font-weight: bold;
  284. text-align: center;
  285. margin: 1em 0;
  286.  
  287. }
  288.  
  289. .tf-toolbar :link {text-decoration: none;background: #303030;border: white solid 1px;padding-left: 4px;padding-right: 4px;-webkit-border-radius: 3px;}
  290. .tf-toolbar a:hover{text-decoration: none;background: #505050;border: white solid 1.5px;color:#C8C8C8;}
  291. .tf-toolbar {margin-bottom: 2px;}
  292.  
  293. div.banner,div.banner a {
  294. color: white;
  295. }
  296.  
  297. div.banner a:hover {
  298. color: #EEF2FF;
  299. text-decoration: none;
  300. }
  301.  
  302. img.banner,img.board_image {
  303. display: block;
  304. border: none;
  305. box-shadow: 2px 2px 6px black;
  306. border-radius: 3px;
  307. margin: 12px auto 0 auto;
  308.  
  309. }
  310.  
  311. .post-image {
  312. display: block;
  313. float: left;
  314. margin: 5px 20px 10px 20px;
  315. border: none;
  316. border-radius: 3px;
  317. box-shadow: 0 0px 4px rgb(0 0 0 / 15%)
  318. }
  319.  
  320. .full-image {
  321. max-width: 85%;
  322. border-radius: 3px;
  323. margin: 6px 0px 0px 3px;
  324. box-shadow: 0 0px 4px rgb(0 0 0 / 15%)
  325. }
  326.  
  327. div.post .post-image {
  328. padding: 0px;
  329. margin: 7px 20px 7px 4px;
  330. border-radius: 3px;
  331. box-shadow: 0 0px 4px rgb(0 0 0 / 15%)
  332. }
  333.  
  334. div.post img.icon {
  335. display: inline;
  336. margin: 0 5px;
  337. padding: 0;
  338. }
  339.  
  340. div.post i.fa {
  341. margin: 0 4px;
  342. font-size: 16px;
  343. }
  344.  
  345. div.post.op {
  346. margin-right: 20px;
  347. margin-bottom: 5px;
  348. }
  349.  
  350. div.post.op hr {
  351. border-color: #D9BFB7;
  352. }
  353.  
  354. .intro {
  355. margin: 0.5em 0;
  356. padding: 0;
  357. padding-bottom: 0.2em;
  358. }
  359. #upload input[type="file"] {
  360. max-width: 150px;
  361. }
  362. input.delete {
  363. float: left;
  364. margin: 1px 6px 0 0;
  365. }
  366.  
  367. .intro span.subject {
  368. color: #DCDCDC;
  369. font-weight: bold;
  370. text-shadow: 0px 0px 10px #696969;
  371. }
  372.  
  373. .intro span.name {
  374. color: #E6E6FA;
  375. font-weight: bold;
  376. }
  377.  
  378. .intro span.capcode,p.intro a.capcode,p.intro a.nametag {
  379. color: #F00000;
  380. margin-left: 0;
  381. }
  382.  
  383. .intro a {
  384. margin-left: 8px;
  385. }
  386.  
  387. div.delete {
  388. float: right;
  389. }
  390.  
  391. div.post.reply p {
  392. margin: 0.0em 0 0 0;
  393. }
  394.  
  395. div.post.reply div.body {
  396. margin-left: 1.8em;
  397. margin-top: 0.8em;
  398. padding-right: 3em;
  399. padding-bottom: 0.3em;
  400. }
  401.  
  402. div.post.reply.highlighted {
  403. background: #404040;
  404. }
  405.  
  406. div.post.reply div.body a {
  407. color: #A9A9A9;
  408. }
  409.  
  410. div.post.reply div.body a:hover {
  411. color: #d5d5d5;
  412. }
  413.  
  414. #Grid {
  415. margin-top: 5px;
  416. }
  417.  
  418. div.post {
  419. padding-left: 20px;
  420. }
  421.  
  422. div.post div.body {
  423. word-wrap: break-word;
  424. white-space: pre-wrap;
  425. }
  426.  
  427. div.post.reply {
  428. background: #202020;
  429. box-shadow: 2px 2px 6px black;
  430. margin: 6px 0px 3px 0px;
  431. padding: 0.4em 0.4em 0.5em 0.6em;
  432. border-radius: 5px;
  433. border-width: 1px;
  434. border-style: solid;
  435. border-color: white;
  436. display: inline-block;
  437. max-width: 94%!important;
  438. }
  439.  
  440. span.trip {
  441. color: #228854;
  442. }
  443.  
  444. span.quote {
  445. color: #789922;
  446. }
  447.  
  448. span.omitted {
  449. display: block;
  450. margin-top: 1em;
  451. }
  452.  
  453. br.clear {
  454. clear: left;
  455. display: block;
  456. }
  457.  
  458. span.controls {
  459. float: right;
  460. margin: 0;
  461. padding: 0;
  462. font-size: 80%;
  463. }
  464.  
  465. span.controls.op {
  466. float: none;
  467. margin-left: 10px;
  468. }
  469.  
  470. span.controls a {
  471. margin: 0;
  472. }
  473.  
  474. div#wrap {
  475. width: 900px;
  476. margin: 0 auto;
  477. }
  478.  
  479. div.ban {
  480. background: white;
  481. border: 1px solid #98E;
  482. max-width: 700px;
  483. margin: 30px auto;
  484. }
  485.  
  486. div.ban p,div.ban h2 {
  487. padding: 3px 7px;
  488. }
  489.  
  490. div.ban h2 {
  491. background: #98E;
  492. color: black;
  493. font-size: 12pt;
  494. }
  495.  
  496. div.ban p {
  497. font-size: 12px;
  498. margin-bottom: 12px;
  499. }
  500.  
  501. div.ban p.reason {
  502. font-weight: bold;
  503. }
  504.  
  505. span.heading {
  506. color: red;
  507. text-shadow: 0px 0px 10px red;
  508. font-size: 11pt;
  509. font-weight: bold;
  510. }
  511.  
  512. span.spoiler {
  513. background: black;
  514. color: black;
  515. padding: 0 1px;
  516. }
  517.  
  518. div.post.reply div.body span.spoiler a {
  519. color: black;
  520. }
  521.  
  522. span.spoiler:hover,div.post.reply div.body span.spoiler:hover a {
  523. color: white;
  524. }
  525.  
  526. div.styles {
  527. float: right;
  528. padding-bottom: 20px;
  529. }
  530.  
  531. div.styles a {
  532. margin: 0 10px;
  533. }
  534.  
  535. div.styles a.selected {
  536. text-decoration: none;
  537. }
  538.  
  539. table.test {
  540. width: 100%;
  541. }
  542.  
  543. table.test td,table.test th {
  544. text-align: left;
  545. padding: 5px;
  546. }
  547.  
  548. table.test tr.h th {
  549. background: #98E;
  550. }
  551.  
  552. table.test td img {
  553. margin: 0;
  554. }
  555.  
  556. fieldset label {
  557. display: block;
  558. }
  559.  
  560. div.pages {
  561. color: #F5F5F5;
  562. background: #202020;
  563. box-shadow: 2px 2px 6px black;
  564. display: inline-block;
  565. padding: 8px;
  566. margin: 8px 0 4px 0;
  567. border-right: none;
  568. border-bottom: none;
  569. border-radius: 5px;
  570. }
  571.  
  572. div.pages.top {
  573. display: block;
  574. padding: 5px 8px;
  575. margin-bottom: 5px;
  576. position: fixed;
  577. top: 0;
  578. right: 0;
  579. opacity: 0.9;
  580. }
  581.  
  582. @media screen and (max-width: 800px) {
  583. div.pages.top {
  584. display: none!important;
  585. }
  586. }
  587.  
  588. div.pages a.selected {
  589. color: white;
  590. font-weight: bolder;
  591. text-shadow: 0px 0px 5px white;
  592. }
  593.  
  594. div.pages a {
  595. text-decoration: none;
  596. }
  597.  
  598. div.pages form {
  599. margin: 0;
  600. padding: 0;
  601. display: inline;
  602. }
  603.  
  604. div.pages form input {
  605. margin: 0 5px;
  606. display: inline;
  607. }
  608.  
  609. hr {
  610. border: none;
  611. border-top: 2px solid #202020;
  612. height: 0;
  613. clear: left;
  614. }
  615.  
  616. div.report {
  617. color: #333;
  618. }
  619.  
  620. table.modlog {
  621. margin: auto;
  622. width: 100%;
  623. }
  624.  
  625. table.modlog tr td {
  626. text-align: left;
  627. margin: 0;
  628. padding: 4px 15px 0 0;
  629. }
  630.  
  631. table.modlog tr th {
  632. text-align: left;
  633. padding: 4px 15px 5px 5px;
  634. white-space: nowrap;
  635. }
  636.  
  637. table.modlog tr th {
  638. background: #98E;
  639. }
  640.  
  641. td.minimal,th.minimal {
  642. width: 1%;
  643. white-space: nowrap;
  644. }
  645.  
  646. div.top_notice {
  647. text-align: center;
  648. margin: 5px auto;
  649. }
  650.  
  651. span.public_ban {
  652. display: block;
  653. color: red;
  654. font-weight: bold;
  655. margin-top: 15px;
  656. }
  657.  
  658. span.toolong {
  659. display: block;
  660. margin-top: 15px;
  661. }
  662.  
  663. div.blotter {
  664. color: red;
  665. font-weight: bold;
  666. text-align: center;
  667. text-shadow: 0px 0px 10px red;
  668. }
  669.  
  670. table.mod.config-editor {
  671. font-size: 9pt;
  672. width: 100%;
  673. }
  674.  
  675. table.mod.config-editor td {
  676. text-align: left;
  677. padding: 5px;
  678. border-bottom: 1px solid #98e;
  679. }
  680.  
  681. table.mod.config-editor input[type="text"] {
  682. width: 98%;
  683. }
  684.  
  685. .desktop-style div.boardlist:nth-child(1) {
  686. position: fixed;
  687. top: 0;
  688. left: 0;
  689. right: 0;
  690. margin-top: 0;
  691. z-index: 30;
  692. box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  693. border-bottom: 1px solid;
  694. background-color: #D6DAF0;
  695. }
  696.  
  697. .desktop-style body {
  698. padding-top: 20px;
  699. }
  700.  
  701. .desktop-style .sub {
  702. background: inherit;
  703. }
  704.  
  705. .desktop-style .sub .sub {
  706. display: inline-block;
  707. text-indent: -9000px;
  708. width: 7px;
  709. background: url('img/arrow.png') right center no-repeat;
  710. }
  711.  
  712. .desktop-style .sub .sub:hover,.desktop-style .sub .sub.hover {
  713. display: inline;
  714. text-indent: 0;
  715. background: inherit;
  716. }
  717.  
  718. #attention_bar {
  719. height: 1.5em;
  720. max-height: 1.5em;
  721. width: 100%;
  722. max-width: 100%;
  723. text-align: center;
  724. overflow: hidden;
  725. }
  726.  
  727. #attention_bar_form {
  728. display: none;
  729. padding: 0;
  730. margin: 0;
  731. }
  732.  
  733. #attention_bar_input {
  734. width: 100%;
  735. padding: 0;
  736. margin: 0;
  737. text-align: center;
  738. }
  739.  
  740. #attention_bar:hover {
  741. background-color: rgba(100%,100%,100%,0.2);
  742. }
  743.  
  744. .intro.thread-hidden {
  745. margin: 0;
  746. padding: 0;
  747. }
  748.  
  749. form.ban-appeal {
  750. margin: 9px 20px;
  751. }
  752.  
  753. form.ban-appeal textarea {
  754. display: block;
  755. }
  756.  
  757. .MathJax_Display {
  758. display: inline!important;
  759. }
  760.  
  761. pre {
  762. margin: 0;
  763. }
  764.  
  765. .theme-catalog div.thread img {
  766. float: none!important;
  767. margin: auto;
  768. max-height: 150px;
  769. max-width: 200px;
  770. border-radius: 3px;
  771. box-shadow: 0 0px 4px rgb(0 0 0 / 15%);
  772. border: none;
  773. }
  774.  
  775. .theme-catalog div.thread {
  776. display: inline-block;
  777. vertical-align: top;
  778. text-align: center;
  779. font-weight: normal;
  780. margin-top: 2px;
  781. margin-bottom: 2px;
  782. padding: 2px;
  783. height: 300px;
  784. width: 205px;
  785. overflow: hidden;
  786. position: relative;
  787. font-size: 11px;
  788. max-height: 300px;
  789. background: #202020;
  790. box-shadow: 2px 2px 6px black;
  791. border: none;
  792. border-radius: 5px;
  793. }
  794.  
  795. .theme-catalog div.thread strong {
  796. display: block;
  797. }
  798.  
  799. .theme-catalog div.threads {
  800. text-align: center;
  801. margin-left: -20px;
  802. }
  803.  
  804. .theme-catalog div.thread:hover {
  805. background: #404040;
  806. border-color: #606060;
  807. }
  808.  
  809. .theme-catalog div.grid-size-vsmall img {
  810. max-height: 33%;
  811. max-width: 95%
  812. }
  813.  
  814. .theme-catalog div.grid-size-vsmall {
  815. min-width:90px; max-width: 90px;
  816. max-height: 148px;
  817. }
  818.  
  819. .theme-catalog div.grid-size-small img {
  820. max-height: 33%;
  821. max-width: 95%
  822. }
  823.  
  824. .theme-catalog div.grid-size-small {
  825. min-width:140px; max-width: 140px;
  826. max-height: 192px;
  827. }
  828.  
  829. .theme-catalog div.grid-size-large img {
  830. max-height: 40%;
  831. max-width: 95%
  832. }
  833.  
  834. .theme-catalog div.grid-size-large {
  835. min-width: 256px; max-width: 256px;
  836. max-height: 384px;
  837. }
  838.  
  839. .theme-catalog img.thread-image {
  840. height: auto;
  841. max-width: 100%;
  842. }
  843.  
  844. @media (max-width: 420px) {
  845. .theme-catalog ul#Grid {
  846. padding-left: 18px;
  847. }
  848.  
  849. .theme-catalog div.thread {
  850. width: auto;
  851. margin-left: 0;
  852. margin-right: 0;
  853. }
  854.  
  855. .theme-catalog div.threads {
  856. overflow: hidden;
  857. }
  858. }
  859.  
  860. .compact-boardlist {
  861. padding: 3px;
  862. padding-bottom: 0;
  863. }
  864.  
  865. .compact-boardlist .cb-item {
  866. display: inline-block;
  867. vertical-align: middle;
  868. }
  869.  
  870. .compact-boardlist .cb-icon {
  871. padding-bottom: 1px;
  872. }
  873.  
  874. .compact-boardlist .cb-fa {
  875. font-size: 21px;
  876. padding: 2px;
  877. padding-top: 0;
  878. }
  879.  
  880. .compact-boardlist .cb-cat {
  881. padding: 5px 6px 8px 6px;
  882. }
  883.  
  884. .cb-menuitem {
  885. display: table-row;
  886. }
  887.  
  888. .cb-menuitem span {
  889. padding: 5px;
  890. display: table-cell;
  891. text-align: left;
  892. border-top: 1px solid rgba(0,0,0,0.5);
  893. }
  894.  
  895. .cb-menuitem span.cb-uri {
  896. text-align: right;
  897. }
  898.  
  899. .boardlist:not(.compact-boardlist) #watch-pinned::before {
  900. content: " [ ";
  901. }
  902.  
  903. .boardlist:not(.compact-boardlist) #watch-pinned::after {
  904. content: " ] ";
  905. }
  906.  
  907. .boardlist:not(.compact-boardlist) #watch-pinned {
  908. display: inline;
  909. }
  910.  
  911. .boardlist:not(.compact-boardlist) #watch-pinned a {
  912. margin-left: 3pt;
  913. }
  914.  
  915. .boardlist:not(.compact-boardlist) #watch-pinned a:first-child {
  916. margin-left: 0pt;
  917. }
  918.  
  919. .compact-boardlist #watch-pinned {
  920. display: inline-block;
  921. vertical-align: middle;
  922. }
  923.  
  924. .new-posts {
  925. opacity: 0.6;
  926. margin-top: 1em;
  927. }
  928.  
  929. .new-threads {
  930. text-align: center;
  931. }
  932.  
  933. #options_handler, #alert_handler {
  934. position: fixed;
  935. top: 0px;
  936. left: 0px;
  937. right: 0px;
  938. bottom: 0px;
  939. width: 100%;
  940. height: 100%;
  941. text-align: center;
  942. z-index: 9900;
  943. }
  944.  
  945. #options_background, #alert_background {
  946. background: black;
  947. opacity: 0.5;
  948. position: absolute;
  949. top: 0px;
  950. left: 0px;
  951. right: 0px;
  952. bottom: 0px;
  953. width: 100%;
  954. height: 100%;
  955. z-index: -1;
  956. }
  957.  
  958. #options_div, #alert_div {
  959. background-color: #d6daf0;
  960. border: 1px solid black;
  961. display: inline-block;
  962. position: relative;
  963. margin-top: 20px;
  964. }
  965.  
  966. #options_div {
  967. width: 620px;
  968. height: 400px;
  969. resize: both;
  970. overflow: auto;
  971. }
  972.  
  973.  
  974.  
  975. #alert_div {
  976. width: 500px;
  977. }
  978.  
  979. #alert_message {
  980. text-align: center;
  981. margin: 13px;
  982. font-size: 110%;
  983. }
  984.  
  985. .alert_button {
  986. margin-bottom: 13px;
  987. }
  988.  
  989. #options_div textarea {
  990. max-width: 100%;
  991. }
  992.  
  993. #options_close, #alert_close {
  994. top: 0px;
  995. right: 0px;
  996. position: absolute;
  997. margin-right: 3px;
  998. font-size: 20px;
  999. z-index: 100;
  1000. }
  1001.  
  1002. #options_tablist {
  1003. padding: 0px 5px;
  1004. left: 0px;
  1005. width: 90px;
  1006. top: 0px;
  1007. bottom: 0px;
  1008. height: 100%;
  1009. border-right: 1px solid black;
  1010. }
  1011.  
  1012. .options_tab_icon {
  1013. padding: 5px;
  1014. color: black;
  1015. cursor: pointer;
  1016. }
  1017.  
  1018. .options_tab_icon.active {
  1019. color: red;
  1020. }
  1021.  
  1022. .options_tab_icon i {
  1023. font-size: 20px;
  1024. }
  1025.  
  1026. .options_tab_icon div {
  1027. font-size: 11px;
  1028. }
  1029.  
  1030. .options_tab {
  1031. padding: 10px;
  1032. position: absolute;
  1033. top: 0px;
  1034. bottom: 10px;
  1035. left: 101px;
  1036. right: 0px;
  1037. text-align: left;
  1038. font-size: 12px;
  1039. overflow-y: auto;
  1040. }
  1041.  
  1042. .options_tab h2 {
  1043. text-align: center;
  1044. margin-bottom: 5px;
  1045. }
  1046.  
  1047. .mobile-style #options_div, .mobile-style #alert_div {
  1048. display: block;
  1049. width: 100%;
  1050. height: 100%;
  1051. margin-top: 0px;
  1052. }
  1053.  
  1054. .mentioned {
  1055. word-wrap: break-word;
  1056. font-size: 0.9em !important;
  1057. }
  1058.  
  1059. .poster_id {
  1060. cursor: pointer;
  1061. display: inline-block;
  1062. -webkit-user-select: none;
  1063. -moz-user-select: none;
  1064. -ms-user-select: none;
  1065. -o-user-select: none;
  1066. user-select: none;
  1067. }
  1068. .poster_id:hover {
  1069. color: #800000!important;
  1070. }
  1071. .poster_id::before {
  1072. content: " ID: ";
  1073. }
  1074.  
  1075. pre {
  1076. /* Better code tags */
  1077. max-width:inherit;
  1078. word-wrap:normal;
  1079. overflow:auto;
  1080. display: block!important;
  1081. font-size:9pt;
  1082. font-family:monospace;
  1083. }
  1084.  
  1085. span.pln {
  1086. color:grey;
  1087. }
  1088.  
  1089.  
  1090. @media screen and (min-width: 768px) {
  1091. .intro {
  1092. clear: none;
  1093. }
  1094.  
  1095. div.post div.body {
  1096. clear: none;
  1097. }
  1098. }
  1099.  
  1100. .clearfix {
  1101. display: block;
  1102. clear: both;
  1103. visibility: hidden;
  1104. overflow: hidden;
  1105.  
  1106. font-size: 0px;
  1107. line-height: 0px;
  1108.  
  1109. box-sizing: border-box;
  1110. border: none;
  1111. height: 0;
  1112. margin: 0;
  1113. padding: 0;
  1114. width: 100%;
  1115. zoom: 1;
  1116. }
  1117.  
  1118. /* === SPECIFIC PAGES & FEATURES === */
  1119.  
  1120. /* Lista de Boards */
  1121. div.boardlist {
  1122. margin-top: 10px;
  1123. color: #F5F5F5;
  1124. text-align: center;
  1125. background-color: #202020;
  1126. padding: 5px;
  1127. font-size: 14px;
  1128. border-radius: 5px;
  1129. box-shadow: 2px 2px 6px black;
  1130. }
  1131. div.boardlist.bottom {
  1132. margin-top: 12px;
  1133. clear: both;
  1134. }
  1135. div.boardlist a {
  1136. text-decoration: none;
  1137. }
  1138. .social-img {
  1139. -webkit-filter: invert();
  1140. }
  1141.  
  1142. /* Threads */
  1143. /* Thread Footer */
  1144. #thread-interactions {
  1145. margin: 8px 0;
  1146. clear: both;
  1147. }
  1148. #thread-links {
  1149. float: left;
  1150. }
  1151. #thread-links > a {
  1152. padding-left: none;
  1153. padding-right: 10px;
  1154. }
  1155.  
  1156. #thread_stats {
  1157. float: right;
  1158. }
  1159.  
  1160. #post-moderation-fields {
  1161. float: right;
  1162. text-align: right;
  1163. }
  1164. #delete-fields {
  1165. }
  1166. #report-fields {
  1167. }
  1168.  
  1169.  
  1170.  
  1171. /* threadwatcher */
  1172.  
  1173. #watchlist {
  1174. display: none;
  1175. max-height: 250px;
  1176. overflow: auto;
  1177. border: 1px solid;
  1178. border-style: none solid solid none;
  1179. width: 50%;
  1180. margin: 0 auto;
  1181. margin-bottom: 10px;
  1182. }
  1183.  
  1184. .watchlist-inner, .watchlist-controls {
  1185. margin: 0 auto;
  1186. margin-top: 10px;
  1187. margin-bottom: 10px;
  1188. text-align: center;
  1189. }
  1190.  
  1191. #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts {
  1192. cursor: pointer;
  1193. }
  1194.  
  1195. #youtube-size input {
  1196. width: 50px;
  1197. }
  1198.  
  1199. /* File selector */
  1200. .dropzone {
  1201. color: #000;
  1202. cursor: default;
  1203. margin: auto;
  1204. padding: 0px 4px;
  1205. text-align: center;
  1206. min-height: 50px;
  1207. max-height: 140px;
  1208. transition: 0.2s;
  1209. background-color: rgba(200, 200, 200, 0.5);
  1210. overflow-y: auto;
  1211. }
  1212. .dropzone-wrap {
  1213. width: 100%;
  1214. }
  1215. .dropzone .file-hint {
  1216. color: rgba(0, 0, 0, 0.5);
  1217. cursor: pointer;
  1218. position: relative;
  1219. margin-bottom: 5px;
  1220. padding: 10px 0px;
  1221. top: 5px;
  1222. transition: 0.2s;
  1223. border: 2px dashed rgba(125, 125, 125, 0.4);
  1224. }
  1225. .file-hint:hover, .dropzone.dragover .file-hint {
  1226. color: rgba(0, 0, 0, 1);
  1227. border-color: rgba(125, 125, 125, 0.8);
  1228. }
  1229. .dropzone.dragover {
  1230. background-color: rgba(200, 200, 200, 1);
  1231. }
  1232. .dropzone .file-thumbs {
  1233. text-align: left;
  1234. width: 100%;
  1235. }
  1236. .dropzone .tmb-container {
  1237. padding: 3px;
  1238. overflow-x: hidden;
  1239. white-space: nowrap;
  1240. }
  1241. .dropzone .file-tmb {
  1242. height: 40px;
  1243. width: 70px;
  1244. cursor: pointer;
  1245. display: inline-block;
  1246. text-align: center;
  1247. background-color: rgba(187, 187, 187, 0.5);
  1248. background-size: cover;
  1249. background-position: center;
  1250. }
  1251. .dropzone .file-tmb span {
  1252. font-weight: 600;
  1253. position: relative;
  1254. top: 13px;
  1255. }
  1256. .dropzone .tmb-filename {
  1257. display: inline-block;
  1258. vertical-align: bottom;
  1259. bottom: 12px;
  1260. position: relative;
  1261. margin-left: 5px;
  1262. }
  1263. .dropzone .remove-btn {
  1264. cursor: pointer;
  1265. color: rgba(125, 125, 125, 0.5);
  1266. display: inline-block;
  1267. vertical-align: bottom;
  1268. bottom: 10px;
  1269. position: relative;
  1270. margin-right: 5px;
  1271. font-size: 20px
  1272. }
  1273. .dropzone .remove-btn:hover {
  1274. color: rgba(125, 125, 125, 1);
  1275. }
  1276.  
  1277. #thread_stats {
  1278. display: inline;
  1279. margin-left: 10px;
  1280. margin-right: 10px;
  1281. }
  1282.  
  1283. /* Fileboard */
  1284. table.fileboard th, table.fileboard td {
  1285. padding: 2px;
  1286. text-align: center;
  1287. }
  1288. table.fileboard .intro a {
  1289. margin-left: 0px;
  1290. }
  1291.  
  1292. /* Gallery view */
  1293. #gallery_images {
  1294. position: absolute;
  1295. right: 0px;
  1296. bottom: 0px;
  1297. top: 0px;
  1298. width: 12%;
  1299. background-color: rgba(0, 0, 0, 0.4);
  1300. overflow: auto;
  1301. }
  1302. #gallery_toolbar {
  1303. position: absolute;
  1304. right: 12%;
  1305. left: 0px;
  1306. bottom: 0px;
  1307. height: 32px;
  1308. background-color: rgba(0, 0, 0, 0.4);
  1309. text-align: right;
  1310. }
  1311. #gallery_images img {
  1312. width: 100%;
  1313. }
  1314. #gallery_toolbar a {
  1315. font-size: 28px;
  1316. padding-right: 5px;
  1317. }
  1318. #gallery_main {
  1319. position: absolute;
  1320. left: 0px;
  1321. right: 12%;
  1322. bottom: 32px;
  1323. top: 0px;
  1324. padding: 10px;
  1325. }
  1326.  
  1327. #gallery_images img {
  1328. opacity: 0.6;
  1329. -webkit-transition: all 0.5s;
  1330. transition: all 0.5s;
  1331. }
  1332. #gallery_images img:hover, #gallery_images img.active {
  1333. opacity: 1;
  1334. }
  1335. #gallery_images img.active {
  1336. -webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1337. -moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1338. box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1339. z-index: 1;
  1340. }
  1341. #gallery_main img, #gallery_main video {
  1342. max-width: 100%;
  1343. max-height: 100%;
  1344. position: absolute;
  1345. }
  1346. .own_post {
  1347. font-style: italic;
  1348. font-weight: normal;
  1349. opacity: .666;
  1350. }
  1351. div.mix {
  1352. display: inline-block;
  1353. }
  1354. /*Boton de Hilos, los quite porque no me salian*/
  1355.  
  1356. .hidethread {
  1357. /* background-image: url('icons/hide-thread-icon.png'); */
  1358. }
  1359. .unhidethread {
  1360. /* background-image: url('icons/show-thread-icon.png'); */
  1361. }
  1362. .closethread {
  1363. /* background-image: url("icons/close-thread-icon.png"); */
  1364. }
  1365. .plus {
  1366. /* background-image: url('icons/plus10x10.png'); */
  1367. }
  1368. .minus{
  1369. /* background-image: url('icons/minus10x10.png'); */
  1370. }
  1371. .boton_hilo{
  1372. background-color: #202020;
  1373. box-shadow: 2px 2px 6px black;
  1374. border:none;
  1375. width:16px;
  1376. height:16px;
  1377. border-radius:3px;
  1378. display:inline-block;
  1379. vertical-align: top;
  1380. background-repeat:no-repeat;
  1381. margin-left:2px !important;
  1382. cursor:pointer;
  1383. background-position:center center;
  1384. }
  1385. .closethread {
  1386. width:16px;
  1387. height:16px;
  1388. margin-top: 1px;
  1389. }
  1390. .boton{
  1391. background-color: #202020;
  1392. box-shadow: 2px 2px 6px black;
  1393. border:none;
  1394. width:10px;
  1395. height:10px;
  1396. border-radius:2px;
  1397. display:inline-block;
  1398. background-repeat:no-repeat;
  1399. margin-left:2px !important;
  1400. cursor:pointer;
  1401. background-position:center center;
  1402. }
  1403. #tf-heading {
  1404. color:red;
  1405. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement