Guest User

acumuladores

a guest
Nov 22nd, 2020
18
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2. font-family: verdana,sans-serif;
  3. margin: 0;
  4. padding: 0;
  5. }
  6.  
  7. html
  8. {
  9. box-sizing: border-box;
  10. }
  11.  
  12. *, *:before, *:after
  13. {
  14. box-sizing: inherit;
  15. }
  16.  
  17. body {
  18.  
  19. font: 80% verdana, sans-serif;
  20. background: #fff;
  21. /*padding: 1em 2em;*/
  22. }
  23.  
  24. h1 {
  25. font-size: 2em;
  26. }
  27.  
  28. h2 {
  29. font-size: 1.8em;
  30. }
  31.  
  32. h3 {
  33. font-size: 1.6em;
  34. }
  35.  
  36. h4 {
  37. font-size: 1.4em;
  38. }
  39.  
  40. h5 {
  41. font-size: 1.2em;
  42. }
  43.  
  44. h6 {
  45. font-size: 1em;
  46. }
  47.  
  48. img {
  49. border: none;
  50. vertical-align: middle;
  51. }
  52.  
  53. input {
  54. padding: 0 0.5em;
  55. }
  56.  
  57. a{
  58. color: #e60000;
  59. }
  60.  
  61. a:link {
  62. color: #E60000;
  63. text-decoration: none;
  64. transition: all .5s ease;
  65. }
  66.  
  67. a:visited {
  68. /*color: #006FFA;*/
  69. color: #E60000;
  70. text-decoration: none;
  71. font-family: sans-serif;
  72. }
  73.  
  74. a[href="http://booru.org/"] strong{
  75. transition: all .5s ease;
  76. }
  77.  
  78. a[href="http://booru.org/"] strong:hover{
  79. color: #33CFFF;
  80. }
  81.  
  82.  
  83. a:hover {
  84. color: #33CFFF;
  85. text-decoration: none;
  86.  
  87. /*a los links*/
  88. border-radius: 50px;
  89. /*background-color: #4b77c7;*/
  90. background-color: #de0000;
  91. padding: 5px;
  92. color: #fff7a5;
  93. }
  94.  
  95. a:active {
  96. color: #E60000;
  97. text-decoration: none;
  98. }
  99.  
  100. a.spoilers {
  101. color: black;
  102. background: black;
  103. cursor: text;
  104. }
  105.  
  106. a.spoilers:hover {
  107. color: black;
  108. background: white;
  109. }
  110.  
  111. a.help {
  112. background: #E6E6E6;
  113. }
  114.  
  115. .link {
  116. color: #006FFA;
  117. background: none;
  118. border: none;
  119. font-size: 1em;
  120. cursor: pointer;
  121. }
  122.  
  123. .link:hover {
  124. color: #33CFFF;
  125. }
  126.  
  127. label {
  128. font-weight: bold;
  129. padding-right: 2em;
  130. }
  131.  
  132. strong.divider {
  133. font-weight: bold;
  134. color: gray;
  135. }
  136.  
  137. span.author {
  138. color: #AAA;
  139. }
  140.  
  141. span.date {
  142. color: #AAA;
  143. }
  144.  
  145. span.locked-topic {
  146. color: #666;
  147. }
  148.  
  149. th {
  150. font-weight: bold;
  151. text-align: left;
  152. background-color: #E60000;
  153. color: white;
  154. padding: 0.2em 0.5em;
  155. white-space: nowrap;
  156. }
  157.  
  158. th a, th a:link, th a:visited {
  159. color: rgb(250, 250, 255);
  160. }
  161.  
  162. tr.padded th {
  163. padding: 0 1em;
  164. }
  165.  
  166. table.highlightable > tbody > tr:hover {
  167. background: #FFD;
  168. }
  169.  
  170. tr.even {
  171. background: #ffffff;
  172. }
  173.  
  174. tr.odd {
  175. background: #f0f0f0;
  176. }
  177.  
  178. tr.pending-tag {
  179. background: #dcf6dc;
  180. }
  181.  
  182. td {
  183. padding: 1px 4px; vertical-align: top;
  184. }
  185.  
  186. fieldset {
  187. border: 1px dashed gray;
  188. margin-bottom: 1em;
  189. padding: 0.5em 1em;
  190. width: 50%;
  191. }
  192.  
  193. legend {
  194. letter-spacing: 0.5em;
  195. }
  196.  
  197. code {
  198. font-family: monospace;
  199. font-size: 1.2em;
  200. }
  201.  
  202. table {
  203. margin-bottom: 2em;
  204. }
  205.  
  206. textarea {
  207. font-family: monospace;
  208. font-size: 1.2em;
  209. width: 400px;
  210. height: 100px;
  211. }
  212.  
  213. ol {
  214. margin-left: 1em;
  215. }
  216.  
  217. ul {
  218. margin-bottom: 1em;
  219. }
  220.  
  221. li {
  222. margin-left: 1em;
  223. }
  224.  
  225. p {
  226. margin-bottom: 1em;
  227. }
  228.  
  229. h5 a:link {
  230. color: black;
  231. }
  232.  
  233. h5 a:visited {
  234. color: black;
  235. }
  236.  
  237. h5 a:hover {
  238. color: #33CFFF;
  239. }
  240.  
  241. .space {
  242. margin-bottom: 1em;
  243. }
  244.  
  245.  
  246.  
  247. /* aqui esta todos los cambios que hice negro */
  248.  
  249. .space#links
  250. {
  251. background-color: #F2E1D6;
  252. padding: 1rem 0;
  253. margin-top: 1rem;
  254. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  255. }
  256.  
  257.  
  258.  
  259. div#header {
  260. margin-bottom: 1em;
  261. }
  262.  
  263. div#content {
  264.  
  265. }
  266.  
  267. div#footer {
  268. margin-top: 1em;
  269. text-align: center;
  270. font-size: 120%;
  271. color: #CCC;
  272. clear: both;
  273. }
  274.  
  275. div.sidebar {
  276. width: 20%;
  277. float: left;
  278. overflow: hidden;
  279. margin-top: 3rem;
  280.  
  281. padding: 1rem;
  282. background-color: #F2E1D6;
  283. border-radius: 10px;
  284. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  285. margin-left: .5rem;
  286. }
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295. div.sidebar li {
  296. list-style-type: none;
  297. margin: 0;
  298. }
  299.  
  300. div.content {
  301. float: left;
  302. width: 78%;
  303. }
  304.  
  305. div.option {
  306. clear: both;
  307. margin-bottom: 0.5em;
  308. }
  309.  
  310. div.option p {
  311. width: 15em;
  312. font-size: 90%;
  313. }
  314.  
  315. label.block {
  316. float: left;
  317. width: 15em;
  318. padding-right: 1em;
  319. }
  320.  
  321. span.informational {
  322. cursor: help;
  323. }
  324.  
  325. img.preview {
  326. margin: auto;
  327. }
  328.  
  329. span.thumb {
  330. height: 180px;
  331. width: 180px;
  332. display: inline-block;
  333. float: left;
  334. text-align: center;
  335. vertical-align: middle;
  336. }
  337.  
  338. .hidden-comment {
  339. background-color: #CCC;
  340. }
  341.  
  342. .ignored-comment {
  343. background-color: #FEE;
  344. }
  345.  
  346. .good-comment {
  347. background-color: #EFE;
  348. }
  349.  
  350. .ignored-post {
  351. background-color: #FEE;
  352. }
  353.  
  354.  
  355. span.comment-info {
  356. font-size: 120%;
  357. }
  358.  
  359. span.comment-info a {
  360. color: #AAA;
  361. }
  362.  
  363. span.comment-info a:hover {
  364. color: #33CFFF;
  365. }
  366.  
  367. a.comment-link:link, a.comment-link:visited {
  368. color: black;
  369. font-weight: bold;
  370. }
  371.  
  372. a.resp-link {
  373. font-weight: bold;
  374. }
  375.  
  376. span.post-count {
  377. color: #AAA;
  378. }
  379.  
  380. ul.flat-list {
  381. display: inline;
  382. }
  383.  
  384. ul.flat-list * {
  385. display: inline;
  386. }
  387.  
  388. ul.flat-list li {
  389. list-style-type: none;
  390. font-weight: bold;
  391. margin: 0 1em 0 0;
  392. }
  393.  
  394. ul.flat-list li a {
  395. font-weight: normal;
  396. }
  397.  
  398. ul.flat-list li a.forum-update {
  399. font-weight: bold;
  400. }
  401.  
  402. ul.link-page {
  403. font-size: 1.2em;
  404. font-weight: bold;
  405. }
  406.  
  407. ul.link-page > li {
  408. margin: 0;
  409. padding: 0;
  410. list-style-type: none;
  411. }
  412.  
  413. li#notice {
  414. color: red;
  415. font-weight: bold;
  416. }
  417.  
  418. form.button-to input {
  419. border: none;
  420. color: #006FFA;
  421. background: none;
  422. cursor: pointer;
  423. font-size: 1em;
  424. font-weight: normal;
  425. }
  426.  
  427. form.button-to input:hover {
  428. color: #33CFFF;
  429. }
  430.  
  431. div#paginator {
  432. display: block;
  433. padding: 2em 0 1em 0;
  434. font-size: 1em;
  435. text-align: center;
  436. font-weight: bold;
  437. clear: both;
  438. }
  439.  
  440. div#paginator span {
  441. margin: 0 3px;
  442. padding: 2px 6px;
  443. }
  444.  
  445. div#paginator a {
  446. margin: 0 3px;
  447. padding: 2px 6px;
  448. font-weight: normal;
  449. border: 1px solid #EAEAEA;
  450. }
  451.  
  452. div#paginator a.current {
  453. border: 1px solid #AAA;
  454. }
  455.  
  456. div#paginator a:hover {
  457. background: rgb(60, 60, 220);
  458. color: white;
  459. }
  460.  
  461. div#paginator a.arrow {
  462. border: none;
  463. }
  464.  
  465. div#paginator a.arrow:hover {
  466. background: white;
  467. color: #33CFFF;
  468. }
  469.  
  470. div#static-index {
  471. text-align: center;
  472. }
  473.  
  474. div#static-index div#links a {
  475. margin: 0 0.5em;
  476. }
  477.  
  478. div#static-more li {
  479. list-style-type: none;
  480. margin: 0;
  481. }
  482.  
  483. div#static-more div {
  484. float: left;
  485. width: 25%;
  486. }
  487.  
  488. div#static-more ul {
  489. margin-top: 2em;
  490. }
  491.  
  492. div#user-stats li {
  493. list-style-type: none;
  494. margin: 0;
  495. }
  496.  
  497. div#user-stats div {
  498. float: left;
  499. width: 30%;
  500. }
  501.  
  502. div#user-stats ul {
  503. margin-top: 2em;
  504. }
  505.  
  506. div.comment-quote {
  507. padding: 0 1em;
  508. margin: 0;
  509. background: #fafafa;
  510. }
  511. div.quote {
  512. margin-top: 10px;
  513. padding: 12px;
  514. text-align: justify;
  515. font-style: italic;
  516. background: #f6f6f6 url('/counter/quote.gif') no-repeat top right;
  517. font-size: 12px;
  518. font-family: sans-serif, arial, tahoma;
  519. border: 1px solid #bababa;
  520.  
  521. }
  522.  
  523.  
  524. div.comment-quote div.comment-quote {
  525. background: #DDD;
  526. }
  527.  
  528. div#comment-list2 li {
  529. list-style-type: none;
  530. margin: 0;
  531. }
  532.  
  533. div#comment-list2 ul.post-info {
  534. font-size: 1.2em;
  535. color: #AAA;
  536. }
  537.  
  538. div#comment-list2 h4 a {
  539. color: #339;
  540. }
  541.  
  542. div#comment-list2 h5.post-header {
  543. margin-bottom: 1em;
  544. font-weight: normal;
  545. color: #AAA;
  546. }
  547.  
  548. div#comment-list2 h5 a {
  549. color: #666;
  550. }
  551.  
  552. div#comment-list2 h5 a:hover {
  553. color: #33CFFF;
  554. }
  555.  
  556. div#comment-list2 div.col1 {
  557. width: 200px;
  558. float: left;
  559. text-align: center;
  560. }
  561.  
  562. div#comment-list2 div.col2 {
  563. width: 500px;
  564. padding-right: 1em;
  565. float: left;
  566. }
  567.  
  568. div#comment-list2 div.col3 {
  569. width: 200px;
  570. float: left;
  571. }
  572.  
  573. div#comment-list2 div.comment {
  574. margin-bottom: 1em;
  575. }
  576.  
  577. div#comment-list2 h4.comment-header {
  578. font-weight: normal;
  579. color: #AAA;
  580. }
  581.  
  582. div#comment-list2 img.preview {
  583. display: block;
  584. margin: auto;
  585. }
  586.  
  587. div#comment-list2 div.post {
  588. margin: 0 2em 0 0;
  589. padding: 2em 1em;
  590. float: left;
  591. clear: both;
  592. width: 100%;
  593. }
  594.  
  595. div#post-list div.upload input {
  596. margin-right: 1em;
  597. }
  598.  
  599. div#post-view img.data {
  600. margin-right: 5em;
  601. }
  602.  
  603. div#post-view div#related0 img {
  604. padding: 0;
  605. }
  606.  
  607. div#post-view div#note-container {
  608. position: absolute;
  609. }
  610.  
  611. div#post-view div.note-box {
  612. position: absolute;
  613. border: 1px solid black;
  614. width: 150px;
  615. height: 150px;
  616. cursor: move;
  617. background: #FFE;
  618. overflow: auto;
  619. opacity:0.5;
  620.  
  621. /* for IE */
  622. filter:alpha(opacity=50);
  623. /* for Mozilla */
  624. -moz-opacity:0.5;
  625. }
  626.  
  627. div#post-view div.note-corner {
  628. background: black;
  629. width: 7px;
  630. height: 7px;
  631. position: absolute;
  632. bottom: 0;
  633. right: 0;
  634. cursor: se-resize;
  635. }
  636.  
  637. div#post-view div.note-body {
  638. background: #FFE;
  639. border: 1px solid black;
  640. display: none;
  641. width: 140px;
  642. height: 100px;
  643. position: absolute;
  644. padding: 5px;
  645. cursor: pointer;
  646. overflow: auto;
  647. }
  648.  
  649. tn {
  650.  
  651. font-size: 0.8em;
  652. color: gray;
  653. }
  654.  
  655. div#post-view div#edit-box textarea {
  656. width: 90%;
  657. }
  658.  
  659. div#post-view div#edit-box {
  660. position: absolute;
  661. z-index: 100;
  662. background: #FFE;
  663. border: 1px solid black;
  664. padding: 1em;
  665. }
  666.  
  667. div#post-view p {
  668. margin: 0;
  669. }
  670.  
  671. div#post-view span.radio {
  672. margin-right: 1em;
  673. }
  674.  
  675. div#post-view div.comment {
  676. margin-bottom: 1em;
  677. }
  678.  
  679. div#post-remove * {
  680. display: inline;
  681. }
  682.  
  683. div#post-remove img {
  684. margin: 1em 0;
  685. display: block;
  686. }
  687.  
  688. div#tag-list {
  689. text-align: center;
  690. margin-bottom: 2em;
  691. }
  692.  
  693. div#tag-list div.space a {
  694. padding-right: 5px;
  695. }
  696.  
  697.  
  698. div#alpha-paginator {
  699. text-align: center;
  700. }
  701.  
  702. div#alpha-paginator a {
  703. margin: 0.2em;
  704. }
  705.  
  706. div#wiki-view {
  707. line-height: 2em;
  708. width: 50em;
  709. text-align: left;
  710. }
  711.  
  712. h2.wiki-title {
  713. color: #003DD8;
  714. margin-bottom: 0.25em;
  715. }
  716.  
  717. span.old-version {
  718. color: gray;
  719. }
  720.  
  721. p.linked-from {
  722. color: gray;
  723. font-style: italic;
  724. }
  725.  
  726. div.diff {
  727. font-family: monospace;
  728. font-size: 1.2em;
  729. margin-top: 1em;
  730. }
  731.  
  732. del {
  733. font-family: monospace;
  734. background-color: #f88;
  735. text-decoration: line-through;
  736. }
  737.  
  738. ins {
  739. font-family: monospace;
  740. background-color: #8f8;
  741. }
  742.  
  743. div#admin-edit-user option {
  744. width: 15em;
  745. }
  746.  
  747. div#upload-list td {
  748. padding: 0 1em;
  749. }
  750.  
  751. div#user-index {
  752. width: 40em;
  753. }
  754.  
  755. div#user-list {
  756. width: 40em;
  757. }
  758.  
  759. div#user-list table {
  760. width: 100%;
  761. }
  762.  
  763. div#post-add {
  764. }
  765.  
  766. div#post-add table div {
  767. width: 36em;
  768. }
  769.  
  770. div#post-add div#mytags a,
  771. div#post-add div#recent a,
  772. div#post-add div#related a {
  773. margin-right: 15px;
  774. }
  775.  
  776. div#post-add label {
  777. padding: 0;
  778. margin: 0;
  779. }
  780.  
  781. div#post-popular {
  782. text-align: center;
  783. }
  784.  
  785. div#post-popular * {
  786. margin: auto;
  787. }
  788.  
  789. div#post-popular h1 {
  790. margin-bottom: 1em;
  791. }
  792.  
  793. div#post-tag-history li {
  794. list-style-type: none;
  795. margin: 0;
  796. }
  797.  
  798. div#amb-content {
  799. font-size: 1.2em;
  800. font-style: italic;
  801. }
  802.  
  803. ul.tag-explore {
  804. margin: 0;
  805. }
  806.  
  807. ul.tag-explore li {
  808. list-style-type: none;
  809. margin: 0 0 0 1em;
  810. }
  811.  
  812. div#tag-explore img {
  813. margin: 1em;
  814. }
  815.  
  816. span.artist-tag {
  817. color: #f00;
  818. }
  819.  
  820. span.character-tag {
  821. color: #0a0;
  822. }
  823.  
  824. span.copyright-tag {
  825. color: #a0a;
  826. }
  827.  
  828. tr.footer > td {
  829. padding-top: 1em;
  830. }
  831.  
  832. div#artist td {
  833. white-space: nowrap;
  834. }
  835.  
  836. div#artist > div#search-form {
  837. margin-bottom: 2em;
  838. }
  839.  
  840. div#forum > table {
  841. width: 100%;
  842. }
  843.  
  844. div#forum > table td,
  845. div#forum > table th {
  846. text-align: center;
  847. }
  848.  
  849. div#forum > table td:first-child,
  850. div#forum > table th:first-child {
  851. text-align: left;
  852. }
  853.  
  854. div#forum > div.post {
  855. margin-bottom: 2em;
  856. float: left;
  857. clear: left;
  858. }
  859.  
  860. div#forum > div.post div.author {
  861. float: left;
  862. width: 15em;
  863. padding-right: 1em;
  864. }
  865.  
  866. div#forum > div.post div.author h6.author {
  867. font-size: 1.3em;
  868. }
  869.  
  870. div#forum > div.post div.post-content {
  871. padding-left: 2em;
  872. float: left;
  873. min-height: 4em;
  874. }
  875.  
  876. div#forum > div.post div.footer {
  877. margin-top: 1em;
  878. color: #CCC;
  879. }
  880.  
  881. div#forum > div.post div.footer a {
  882. color: #666;
  883. }
  884.  
  885. div#forum > div.post div.body {
  886. width: 40em;
  887. }
  888. div.response-list > div.post {
  889. float: left;
  890. clear: left;
  891. margin-bottom: 2em;
  892. }
  893.  
  894. div.response-list > div.post > div.author {
  895. float: left;
  896. width: 15em;
  897. padding-right: 1em;
  898. }
  899.  
  900. div.response-list > div.post > div.author > h6 {
  901. font-size: 1.3em;
  902. }
  903.  
  904. div.response-list > div.post > div.content {
  905. float: left;
  906. width: 30em;
  907. padding: 0 0 0 10px;
  908. margin: 0;
  909. }
  910.  
  911. div.response-list > div.post > div.content > div.footer {
  912. margin-top: 1em;
  913. color: #CCC;
  914. }
  915.  
  916. div.response-list > div.post > div.content > div.footer a {
  917. color: #666;
  918. }
  919.  
  920. div#invite > div#new {
  921. }
  922.  
  923. div#invite > div#current {
  924. margin-top: 2em;
  925. }
  926.  
  927. span.blocked-post {
  928. display: block;
  929. float: left;
  930. text-align: center;
  931. width: 150px;
  932. height: 150px;
  933. margin: 15px;
  934. }
  935.  
  936. p.tn {
  937. font-size: smaller;
  938. color: gray;
  939. }
  940.  
  941. ul.news li {
  942. margin-bottom: 0.5em;
  943. }
  944.  
  945. div.help {
  946. width: 40em;
  947. margin-top: 2em;
  948. }
  949.  
  950. div.help div.section {
  951. margin-bottom: 4em;
  952. }
  953.  
  954. div.help div.section div.section {
  955. margin-bottom: 2em;
  956. }
  957.  
  958. div.help h4 {
  959. margin-bottom: 0.5em;
  960. color: #060;
  961. }
  962.  
  963. div.help h1, div.help h2, div.help h3, div.help h4 {
  964. margin: 0 0 0.5em 0;
  965. }
  966.  
  967. dt {
  968. font-weight: bold;
  969. }
  970.  
  971. dt.bad {
  972. color: red;
  973. }
  974.  
  975. dd {
  976. margin-bottom: 1em;
  977. }
  978.  
  979. div.help div.code {
  980. border: 1px dashed green;
  981. margin: 1em 0;
  982. padding: 1em 2em;
  983. background: #EEE;
  984. overflow: hidden;
  985. font-family: monospace;
  986. }
  987.  
  988. a.code {
  989. font-family: monospace;
  990. }
  991.  
  992.  
  993. .adHeadline {
  994. font: bold 12px Arial;
  995. text-decoration: underline;
  996. color: #0000FF;
  997. }
  998.  
  999. .adText {
  1000. font: normal 12px Arial;
  1001. text-decoration: none;
  1002. color: #000000;
  1003. }
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. /* todos los cambios que hico anon */
  1015.  
  1016.  
  1017.  
  1018. /* zeta Paga La coca!! */
  1019. div[style="font-size: 80%; margin-bottom: 2em;"]
  1020. {
  1021. background-color: #F2E1D6;
  1022. padding: .5rem 0;
  1023. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  1024.  
  1025. }
  1026.  
  1027. div[style="font-size: 80%; margin-bottom: 2em;"] p,
  1028. div[style="font-size: 80%; margin-bottom: 2em;"] small
  1029. {
  1030. font-size: 10.5px;
  1031. }
  1032.  
  1033.  
  1034.  
  1035. .space form[action="index.php?page=search"]
  1036. {
  1037. margin: 2rem 0;
  1038. display: flex;
  1039. justify-content: center;
  1040. }
  1041.  
  1042. input[type="text"],
  1043. input[type="password"]
  1044. {
  1045. padding: .5em 0;
  1046. border-top-left-radius: 50px;
  1047. border-bottom-left-radius: 50px;
  1048. border: solid 2px #F2E1D6;
  1049. font-size: 1rem;
  1050. color: #3e3e3e;
  1051. }
  1052.  
  1053. input[type="submit"]
  1054. {
  1055. border: none;
  1056. font-size: 1rem;
  1057. border-top-right-radius: 50px;
  1058. border-bottom-right-radius: 50px;
  1059. font-family: verdana, sans-serif;
  1060. transition: all .5s ease;
  1061. }
  1062.  
  1063. input[type="submit"]:hover
  1064. {
  1065. background-color: #F2E1D6;
  1066. }
  1067.  
  1068.  
  1069.  
  1070. /* tuve que selecionarlo con sus atributos por que no tenian clases */
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083. /*========sidebar======*/
  1084. div.sidebar .space form[action="index.php?page=search"]
  1085. {
  1086. display: block;
  1087. margin: 3rem 0;
  1088. }
  1089.  
  1090. div.sidebar input[type="text"]
  1091. {
  1092. padding: 2px 0;
  1093. border-bottom-left-radius: 0px;
  1094. border-top-right-radius: 50px;
  1095. width: 100%;
  1096. }
  1097.  
  1098. div.sidebar input[type="submit"]
  1099. {
  1100. border-top-right-radius: 0;
  1101. border-bottom-left-radius: 50px;
  1102. text-align: center;
  1103. margin: 0;
  1104. margin: 0 auto;
  1105. width: 100%!important;
  1106. }
  1107.  
  1108. div.sidebar h5
  1109. {
  1110. text-align: center;
  1111. border-bottom: solid 2px #C4A38E;
  1112. }
  1113.  
  1114. div.sidebar small
  1115. {
  1116. text-align: center;
  1117. display: block;
  1118. }
  1119.  
  1120.  
  1121. div#tag_list h5{
  1122. margin: 2rem 0;
  1123. }
  1124.  
  1125.  
  1126. div#tag_list ul li
  1127. {
  1128. margin-bottom: 5px;
  1129. }
  1130. /*
  1131. div#tag_list ul li a:first-of-type
  1132. {
  1133. background-color: black;
  1134. }
  1135.  
  1136. */
  1137.  
  1138.  
  1139.  
  1140. /*Header*/
  1141.  
  1142. div#header
  1143. {
  1144. background-color: #F2E1D6;
  1145. padding: .5rem 0;
  1146.  
  1147. text-align: center;
  1148. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  1149. }
  1150.  
  1151.  
  1152. span.thumb img
  1153. {
  1154. transition: all .5s ease;
  1155. }
  1156.  
  1157.  
  1158. span.thumb img:hover
  1159. {
  1160. transform: scale(1.2);
  1161. }
  1162.  
  1163.  
  1164.  
  1165.  
  1166. div#paginator
  1167. {
  1168. position: fixed;
  1169. bottom: 0;
  1170. width: 100%;
  1171. left: 0;
  1172. right: 0;
  1173. text-align: center;
  1174. }
  1175.  
  1176.  
  1177. div#paginator a
  1178. {
  1179. background-color: rgba(230, 0, 0, 0.60);
  1180. border: none;
  1181. border-radius: 5px;
  1182. color: #ffffff;
  1183. font-size: 1rem;
  1184. transition: all .5s ease;
  1185. }
  1186.  
  1187. div#paginator a:hover
  1188. {
  1189. background-color: #E60000;
  1190. }
  1191.  
  1192. div#footer
  1193. {
  1194. position: fixed;
  1195. bottom: 50px;
  1196. width: 100%;
  1197. left: 0;
  1198. right: 0;
  1199. text-align: center;
  1200. }
  1201.  
  1202. div#footer a
  1203. {
  1204. background-color: rgba(230, 0, 0, 0.60);
  1205. padding: 2px;
  1206. border: none;
  1207. border-radius: 5px;
  1208. color: #ffffff;
  1209. transition: all .5s ease;
  1210. }
  1211.  
  1212. div#footer a:hover
  1213. {
  1214. background-color: #e60000;
  1215. }
  1216.  
  1217.  
  1218. div#post-view
  1219. {
  1220. text-align: center;
  1221. }
  1222.  
  1223.  
  1224.  
  1225.  
  1226. /*para el ADD*/
  1227. table {
  1228. background-color :#F2E1D6;
  1229. padding: 1rem;
  1230. border-radius: 10px;
  1231. margin: 0 auto;
  1232. margin-bottom: 3rem;
  1233. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  1234. }
  1235.  
  1236. table td {
  1237. font-family: 'Arial';
  1238. padding-bottom: 1rem;
  1239. }
  1240.  
  1241. input[type="radio"]
  1242. {
  1243. margin: 0 5px 0 20px;
  1244. }
  1245.  
  1246. tr input[type="text"],
  1247. input[type="password"]
  1248. {
  1249. border-top-right-radius: 50px;
  1250. border-bottom-right-radius: 50px;
  1251.  
  1252. }
  1253.  
  1254. tr td input[type="submit"]
  1255. {
  1256. padding: 10px;
  1257. border-bottom-left-radius: 50px;
  1258. border-top-left-radius: 50px;
  1259. transition:all .8s ease;
  1260. }
  1261.  
  1262. tr td input[type="submit"]:hover
  1263. {
  1264. background-color: #006FFA;
  1265. }
  1266.  
  1267. form[method="post"] ul li {
  1268. text-align: center;
  1269. text-decoration:none;
  1270. }
  1271.  
  1272. div#user-index
  1273. {
  1274. background-color :#F2E1D6;
  1275. padding: 1rem;
  1276. border-radius: 10px;
  1277. margin: 0 auto;
  1278. margin-bottom: 3rem;
  1279. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  1280. }
  1281.  
  1282. div#user-index h4{
  1283. margin: 1rem 0 .1rem 0;
  1284. }
  1285.  
  1286.  
  1287.  
  1288.  
  1289. div#comment-list2 h1
  1290. {
  1291. margin: 1rem auto;
  1292. text-align:center;
  1293. }
  1294.  
  1295.  
  1296.  
  1297.  
  1298. /*areclando Stats*/
  1299.  
  1300. div[onclick="hs.close()"]
  1301. {
  1302. text-align: center;
  1303. }
  1304.  
  1305. div[onclick="hs.close()"] h1,
  1306. div[onclick="hs.close()"] h2
  1307. {
  1308. color : #E60000;
  1309. }
  1310. div[onclick="hs.close()"] h2{
  1311. margin-bottom:20px
  1312. }
  1313.  
  1314. input[name="date"]
  1315. {
  1316. border-top-right-radius: 50px;
  1317. border-bottom-right-radius: 50px;
  1318. margin-bottom: 20px;
  1319. }
  1320.  
  1321. form input[value="Go"]
  1322. {
  1323. padding: 20px;
  1324. border-bottom-left-radius: 50px;
  1325. border-top-left-radius: 50px;
  1326. transition:all .8s ease;
  1327. }
  1328.  
  1329. form input[value="Go"]:hover
  1330. {
  1331. background-color: #006FFA;
  1332. }
  1333.  
  1334.  
  1335.  
  1336.  
  1337. /*areeglando las tablas*/
  1338. div.toptencont{
  1339. width: 50%;
  1340. background-color: #F2E1D6;
  1341. border: none;
  1342. border-radius: 10px;
  1343. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  1344. padding-bottom:10px;
  1345. margin-bottom: 20px;
  1346. }
  1347.  
  1348. @media only screen and (min-width: 750px) {
  1349. div.toptencont{
  1350. width: 33.3%;
  1351. }
  1352. }
  1353.  
  1354. @media only screen and (min-width: 1200px) {
  1355. div.toptencont{
  1356. width: 20%;
  1357. }
  1358. }
  1359.  
  1360. div.toptencont table{
  1361. margin-bottom: 20px;
  1362. }
  1363.  
  1364. div.toptencont table thead tr th{
  1365. background-color: #E60000;
  1366. }
  1367.  
  1368. div.toptencont table tbody tr td{
  1369. padding: 10px;
  1370. }
  1371.  
  1372.  
  1373.  
  1374.  
  1375. /*la seccione de forum*/
  1376. form[action="?page=forum&s=search"]
  1377. {
  1378. text-align: center;
  1379. margin-bottom: 20px;
  1380. }
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387.  
  1388.  
  1389.  
  1390.  
  1391.  
  1392.  
  1393. /*para que se adapte a cualquier pantalla*/
  1394. div.content {
  1395. width: 100%;
  1396. }
  1397.  
  1398. .divTable {
  1399. width: 100%;
  1400. }
  1401.  
  1402. .content > div div:nth-child(3) {
  1403. display: grid;
  1404. grid: auto 1fr / repeat(auto-fill, minmax(15em, 1fr));
  1405. width: 100%;
  1406. }
  1407.  
  1408. .content,
  1409. .content > div {
  1410. width: 100%;
  1411. }
  1412.  
  1413. div.sidebar {
  1414. width: 260px;
  1415. margin-right: 1em;
  1416. height: fit-content;
  1417. }
  1418.  
  1419. #post-list {
  1420. display: flex;
  1421. }
  1422.  
  1423. @media only screen and (max-width: 870px) {
  1424. #post-list {
  1425. flex-direction: column;
  1426. }
  1427. }
RAW Paste Data