API tools faq
paste
anaodia7

Amber css 8chan

anaodia7
Dec 23rd, 2021
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.19 KB | None | 0 0
raw download clone embed print report
  1. /*Usar por cima do yotsuba Blue*/
  2. /**
  3.  * amber.css
  4.  * For /cyber/ by user
  5.  */
  6. body{
  7.         background: #100000;
  8.     color: #FFAA00  ;
  9.     font-family: "Lucida Console", Monaco, monospace;
  10.     font-size: 12px;
  11. }
  12.  
  13. .quote {
  14.     color:#FF7700 ;
  15. }
  16.  
  17. element {
  18.     color: #FF7700;
  19.     text-decoration: none;
  20. }
  21.  
  22. .theme-catalog div.thread {
  23.     display: inline-block;
  24.     vertical-align: top;
  25.     text-align: center;
  26.     font-weight: normal;
  27.     margin-top: 2px;
  28.     margin-bottom: 2px;
  29.     padding: 2px;
  30.         padding-top: 2px;
  31.         padding-right: 2px;
  32.         padding-bottom: 2px;
  33.         padding-left: 2px;
  34.     height: 300px;
  35.     width: 205px;
  36.     overflow: hidden;
  37.         overflow-x: hidden;
  38.         overflow-y: hidden;
  39.     position: relative;
  40.     font-size: 11px;
  41.     background: #100000 none repeat scroll 0% 0%;
  42.         background-color: #100000;
  43.         background-image: none;
  44.         background-repeat: repeat;
  45.         background-attachment: scroll;
  46.         background-position: 0% 0%;
  47.         background-clip: border-box;
  48.         background-origin: padding-box;
  49.         background-size: auto auto;
  50.     border: 1px solid ;
  51.         border-top-width: 1px;
  52.         border-right-width: 1px;
  53.         border-bottom-width: 1px;
  54.         border-left-width: 1px;
  55.         border-top-style: solid;
  56.         border-right-style: solid;
  57.         border-bottom-style: solid;
  58.         border-left-style: solid;
  59.         border-top-color: #FFAA00;
  60.         border-right-color: #FFAA00;
  61.         border-bottom-color: #FFAA00;
  62.         border-left-color: #FFAA00;
  63.         -moz-border-top-colors: none;
  64.         -moz-border-right-colors: none;
  65.         -moz-border-bottom-colors: none;
  66.         -moz-border-left-colors: none;
  67.         border-image-source: none;
  68.         border-image-slice: 100% 100% 100% 100%;
  69.         border-image-width: 1 1 1 1;
  70.         border-image-outset: 0 0 0 0;
  71.         border-image-repeat: stretch stretch;
  72.     max-height: 300px;
  73. }
  74.  
  75. .theme-catalog div.thread:hover {
  76.     color: #AF0A0F ;
  77.     background: #100000 none repeat scroll 0% 0%;
  78.     border: #AF0A0F 1px dashed;
  79.         background-color: #100000 ;
  80.         background-image: none;
  81.         background-repeat: repeat;
  82.         background-attachment: scroll;
  83.         background-position: 0% 0%;
  84.         background-clip: border-box;
  85.         background-origin: padding-box;
  86.         background-size: auto auto;
  87. }
  88.  
  89. a, a:visited {
  90.     text-decoration: underline;
  91.     color: #FFAA00;
  92. }
  93.  
  94. a:hover, .intro a.post_no:hover {
  95.     color: #FF7700;
  96. }
  97.  
  98.  
  99. .dropzone {
  100.     color: #FF7700;
  101.     cursor: default;
  102.     margin: auto;
  103.     padding: 0px 4px;
  104.     text-align: center;
  105.     min-height: 50px;
  106.     max-height: 140px;
  107.     transition: all 0.2s ease 0s;
  108.     background: #100000;
  109.     border: #FFAA00 1px solid;
  110.     padding: 1px 1px;
  111.     border-width: 1px;
  112.     border-style: solid solid solid solid;
  113.     border-color: #FFAA00;
  114. }
  115.  
  116. .dropzone .remove-btn {
  117.     cursor: pointer;
  118.     color: rgba(255, 119, 0, 1);
  119.     display: inline-block;
  120.     vertical-align: bottom;
  121.     bottom: 10px;
  122.     position: relative;
  123.     margin-right: 5px;
  124.     font-size: 20px;
  125. }
  126.  
  127. .dropzone .remove-btn:hover {
  128.     cursor: pointer;
  129.     color: #AF0A0F;
  130. }
  131.  
  132. .dropzone .file-hint {
  133.     color: rgba(255, 119, 0, 0.61);
  134.     cursor: pointer;
  135.     position: relative;
  136.     margin-bottom: 5px;
  137.     padding: 10px 0px;
  138.         padding-top: 10px;
  139.         padding-right: 0px;
  140.         padding-bottom: 10px;
  141.         padding-left: 0px;
  142.     top: 5px;
  143.     transition: all 0.2s ease 0s;
  144.         transition-property: all;
  145.         transition-duration: 0.2s;
  146.         transition-timing-function: ease;
  147.         transition-delay: 0s;
  148.     border: 2px dashed rgba(145, 92, 0, 0.26);
  149.         border-top-width: 2px;
  150.         border-right-width: 2px;
  151.         border-bottom-width: 2px;
  152.         border-left-width: 2px;
  153.         border-top-style: dashed;
  154.         border-right-style: dashed;
  155.         border-bottom-style: dashed;
  156.         border-left-style: dashed;
  157.         border-top-color: rgba(145, 92, 0, 0.26);
  158.         border-right-color: rgba(145, 92, 0, 0.26);
  159.         border-bottom-color: rgba(145, 92, 0, 0.26);
  160.         border-left-color: rgba(145, 92, 0, 0.26);
  161.         -moz-border-top-colors: none;
  162.         -moz-border-right-colors: none;
  163.         -moz-border-bottom-colors: none;
  164.         -moz-border-left-colors: none;
  165.         border-image-source: none;
  166.         border-image-slice: 100% 100% 100% 100%;
  167.         border-image-width: 1 1 1 1;
  168.         border-image-outset: 0 0 0 0;
  169.         border-image-repeat: stretch stretch;
  170. }
  171.  
  172. .file-hint:hover, .dropzone.dragover .file-hint {
  173.     color: #FF7700;
  174.     border-color: #FF7700;
  175. }
  176.  
  177. .post-menu ul {
  178.     color: #100000;
  179.     background-color: #FFAA00;
  180.     border: 1px solid #FFAA00;
  181.     padding: 0px;
  182.     margin: 0px;
  183.     white-space: nowrap;
  184. }
  185.  
  186. .post-menu li:hover {
  187.     color: #FF7700;
  188.     background-color: #100000;
  189. }
  190.  
  191. h1 {
  192.     font-size: 20pt;
  193.     text-align: center;
  194.     letter-spacing: 0px;
  195. }
  196. div.title, h1 {
  197.     color: #FFAA00 ;
  198.     font-family: "Lucida Console", Monaco, monospace;
  199. }
  200. div.title p {
  201.     font-size: 10px;
  202. }
  203. a:link, a:visited, .intro a.email span.name {
  204.     color: #FF7700;
  205.     text-decoration: none;
  206.     font-family: "Lucida Console", Monaco, monospace;
  207. }
  208. a:link:hover, a:visited:hover {
  209.     color: #FFAA00;
  210.     font-family: "Lucida Console", Monaco, monospace;
  211.     text-decoration: none;
  212. }
  213.  
  214. a.post_no {
  215.     color: #FF7700 ;
  216.     text-decoration: none;
  217. }
  218. a.post_no:hover {
  219.     color: #FFAA00 !important;
  220.     text-decoration: underline overline;
  221. }
  222. div.post.reply {
  223.     background: #100000;
  224.     border: #FFAA00  1px solid;
  225. margin-bottom: 10px;
  226.  
  227. }
  228. div.post.reply.highlighted {
  229.     background: #100000;
  230.     border: #AF0A0F 1px dashed;
  231. }
  232. div.post.reply div.body a:link, div.post.reply div.body a:visited {
  233.     color: #FF7700;
  234. }
  235. div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
  236.     color: #FFAA00 ;
  237. }
  238. .intro span.subject {
  239.     font-size: 12px;
  240.     font-family: "Lucida Console", Monaco, monospace;
  241.     color: #FF7700 ;
  242.     font-weight: 800;
  243. }
  244.  
  245. .intro span.name {
  246.     color: #FF7700 ;
  247.     font-weight: 800;
  248. }
  249. .intro a.capcode, p.intro a.nametag {
  250.     color: magenta;
  251.     margin-left: 0;
  252. }
  253. .intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name {
  254.     color: #FF7700 ;
  255. }
  256. input[type="text"], textarea, select {
  257.     background: #100000;
  258.     color: #FFAA00 ;
  259.     border: #FFAA00 1px solid;
  260.     padding-left: 5px;
  261.     padding-right: 5px;
  262.     font-family: "Lucida Console", Monaco, monospace;
  263.     font-size: 10pt;
  264. }
  265. input[type="password"] {
  266.     background: #FFAA00 ;
  267.     color: #FFAA00 ;
  268.     border: #FFAA00 1px solid;
  269. }
  270. form table tr th {
  271.     background: #FFAA00 ;
  272.     color: #100000;
  273.     border: #FFAA00;
  274.     font-weight: 800;
  275.     text-align: center;
  276.     padding: 0;
  277. }
  278. div.banner {
  279.     background: #FF7700 ;
  280.     color: #100000;
  281.     text-align: center;
  282.     padding: 4px;
  283.     padding-left: 12px;
  284.     padding-right: 12px;
  285.     margin-left: auto;
  286.     margin-right: auto;
  287.     font-size: 12px;
  288. }
  289. div.banner a {
  290.     color:#100000;
  291. }
  292. input[type="submit"] {
  293.     background: #FFAA00 ;
  294.     border: #FFAA00  1px solid;
  295.     color: #100000;
  296. }
  297. input[type="submit"]:hover {
  298.     background: #200000;
  299.     border: #FFAA00 1px solid;
  300.     color: #FF7700 ;
  301. }
  302. input[type="text"]:focus {
  303.     border:#FFAA00 1px solid;
  304. }
  305. p.fileinfo a:hover {
  306.     text-decoration: underline;
  307. }
  308.  
  309. span.trip {
  310.     color: #FF7700 ;
  311. }
  312. div.pages {
  313.     color: #FF7700 ;
  314.     background: #100000;
  315.     border: #FFAA00 1px solid;
  316.     font-family: "Lucida Console", Monaco, monospace;
  317.     font-size: 10pt;
  318. }
  319. div.pages a.selected {
  320.     color: #FFAA00;
  321. }
  322. hr {
  323.     height: 1px;
  324.     border: #FFAA00  1px solid;
  325. }
  326. div.boardlist {
  327.     color: #FFAA00 ;
  328.     background-color: #100000;
  329. }
  330.  
  331. div.ban {
  332.     background-color: transparent;
  333.     border: transparent 0px solid;
  334. }
  335. div.ban h2 {
  336.     background: transparent;
  337.     color: lime;
  338.     font-size: 12px;
  339. }
  340.  
  341. span.spoiler {
  342.   background: #100000 none repeat scroll 1% 0%;
  343.     border: #311700 1px solid;
  344.     padding: 2px 4px;
  345.     border-width: 2px;
  346.   border-style: solid solid solid solid;
  347.   border-color: #311700;
  348.   color: #100000;
  349.     margin-bottom: 4px;
  350.         margin-top: 4px;
  351.   display: inline-block;
  352. }
  353.  
  354. div.post.reply div.body span.spoiler a {
  355.   color: #FFAA00;
  356. }
  357.  
  358. span.spoiler:hover,div.post.reply div.body span.spoiler:hover a {
  359.   color: #FF7700;
  360.     background: #100000
  361. }
  362.  
  363.  
  364. table.modlog tr th {
  365.     background: #100000;
  366.     color: #FF7700 ;
  367. }
  368.  
  369. .desktop-style div.boardlist:not(.bottom) {
  370.   text-shadow: #100000 1px 1px 1px, #100000 -1px -1px 1px, #100000 -1px 1px 1px, #100000 1px -1px 1px;
  371.   background-color: #100000;
  372.   padding-bottom: 5px;
  373.   padding-top: 4px;
  374. }
  375.  
  376.  
  377. .desktop-style div.boardlist:not(.bottom):hover, .desktop-style div.boardlist:not(.bottom).cb-menu {
  378.   background-color: #100000;
  379. }
  380.  
  381. div.report {
  382.     color: #100000;
  383. }
  384.  
  385. .banlist-opts .checkboxes label {
  386.     display: block;
  387.     color: #FFAA00;
  388. }
  389.  
  390. tr.tblhead > th {
  391.     display: block;
  392.     box-sizing: border-box;
  393.     float: left;
  394.     padding: 0px;
  395.     color: #FFAA00;
  396.     background: #100000;
  397.     border: #FFAA00 1px solid;
  398. }
  399.  
  400. #banlist td:hover {
  401.     color: #AF0A0F;
  402.     background: #100000 none repeat scroll 0% 0%;
  403.     border: #AF0A0F 1px dashed;
  404.     overflow: visible;
  405.     height: auto !important;
  406.     z-index: 1;
  407.     position: relative;
  408.     padding: 1px;
  409.         padding-top: 1px;
  410.         padding-right: 1px;
  411.         padding-bottom: 1px;
  412.         padding-left: 1px;
  413. }
  414.  
  415. /* options.js */
  416. #options_div, #alert_div {
  417.     background: #100000;
  418. }
  419. .options_tab_icon {
  420.     color: #FF7700 ;
  421. }
  422. .options_tab_icon.active {
  423.     color: #100000;
  424. }
  425.  
  426. #quick-reply table {
  427.     background: none repeat scroll 0% 0% #100000 !important;
  428. }
  429.  
  430. .modlog tr:nth-child(even), .modlog th {
  431.     background-color: #100000;
  432. }
  433.  
  434.  
  435.  
  436. .box {
  437.     background: #100000;
  438.     border-color: #200000;
  439.     color: #FFAA00;
  440.     border-radius: 10px;
  441. }
  442. .box-title {
  443.     background: transparent;
  444.     color: #FFAA00 ;
  445. }
  446.  
  447. table thead th {
  448.     background: #100000;
  449.     border-color: #200000;
  450.     color: #100000;
  451.     border-radius: 4px;
  452. }
  453. table tbody tr:nth-of-type( even ) {
  454.     background-color: #100000;
  455. }
  456.  
  457. table.board-list-table .board-uri .board-sfw {
  458.     color: #FFAA00;
  459. }
  460. tbody.board-list-omitted td {
  461.     background: #100000;
  462.     border-color: #200000;
  463. }
  464.  
  465. table.board-list-table .board-tags .board-cell:hover {
  466.     background: #100000;
  467. }
  468. table.board-list-table tr:nth-of-type( even ) .board-tags .board-cell {
  469.     background: #100000;
  470. }
  471.  
  472. /*new design*/
  473. #boardlist .description{
  474.  background: transparent !important;
  475. }
  476.  
  477. div.ban {
  478.  border-radius: 10px;
  479.  border: 1px solid #200000 !important;
  480.  background: transparent !important;
  481. }
  482.  
  483. #boardlist li:nth-child(odd) { background:transparent!important; }
  484.  
  485. #boardlist span{
  486.   color : #FFAA00!important;
  487. }
  488.  
  489. div.ban h2{
  490.  color : #FFAA00 !important;
  491. }
  492.  
  493. #filter-list tr:nth-child(even) {background-color:transparent!important;}
  494.  
  495. table#banners_list tbody tr:nth-of-type( odd ) {
  496.     background-color: transparent !important;
  497. }
  498.  
  499. div.mp3_player_box {
  500.     padding: 10px;
  501. }
  502. .audio_mp3_recorded.files {
  503.     flex-direction: column;
  504.     display: flex;
  505. }
  506.  
  507. /*Flag toggle preview list*/
  508. #flags_toggle_preview a.selected {
  509.   background-color:#1F75CC;
  510.   color:white;
  511.   z-index:100;
  512. }
  513.  
  514. #flags_toggle_preview .flag_list_preview {
  515.   background-color:#FFFFFF;
  516.   border:1px solid #999999;
  517.   cursor:default;
  518.   display:none;
  519.   margin-top: 19px;
  520.   position:absolute;
  521.   text-align:left;
  522.   width:270px;
  523.   height: 120px;
  524.   z-index:50;
  525.   padding: 10px;
  526.   /*overflow: auto;*/
  527.   overflow-x:scroll;
  528.   left: 46.2%;
  529. }
  530.  
  531. #quick-reply #flags_toggle_preview .flag_list_preview {
  532.     left:3%!important;
  533. }
  534.  
  535. @media (max-width: 420px) {
  536.     #flags_toggle_preview .flag_list_preview {
  537.         left: 26.3%;
  538.         margin-top: 23px;  
  539.     }
  540.  
  541. }  
  542.  
  543. #flags_toggle_preview .flag_list_preview p, #flags_toggle_preview .flag_list_preview.div {
  544.   border-bottom: 1px solid #EFEFEF;
  545.   margin: 8px 0;
  546.   padding-bottom: 8px;
  547. }
  548.  
  549. div#flags_toggle_preview {
  550.     float: right;
  551. }
  552.  
  553. #flags_toggle_preview .flag_list_item a {
  554.     text-decoration: none;
  555. }
  556.  
  557. #flags_toggle_preview .flag_list_item a:hover {
  558.     text-decoration: underline;
  559. }
  560.  
  561. #flags_toggle_preview .item_flag {
  562.     float: left;
  563.     text-align: center;
  564.     padding-right: 10px;
  565.     margin-bottom: 10px;   
  566. }
  567.  
  568. .flag_list_preview::-webkit-scrollbar {
  569.     -webkit-appearance: none;
  570. }
  571. .flag_list_preview::-webkit-scrollbar:horizontal {
  572.     height: 11px;
  573. }
  574. .flag_list_preview::-webkit-scrollbar-thumb {
  575.     border-radius: 8px;
  576.     border: 2px solid white;
  577.     background-color: rgba(0, 0, 0, .5);
  578. }
  579. .flag_list_preview::-webkit-scrollbar-track {
  580.     background-color: #fff;
  581.     border-radius: 8px;
  582. }
  583.  
  584. #flags_toggle_preview .table_flag {
  585.     table-layout: fixed;
  586.     width: 100%;
  587. }
  588.  
  589. #flags_toggle_preview .table_flag .td_flag {
  590.     word-wrap: break-word;         /* All browsers since IE 5.5+ */
  591.     overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
  592. }
  593. #flags_toggle_preview .table_flag img {
  594.   padding-left: 2px;
  595.   padding-right: 2px;
  596. }
  597.  
  598. .aprilfools {
  599.   -moz-transform:rotate(90deg); /* Firefox */
  600.   -webkit-transform:rotate(90deg); /* Webkit */
  601.   -ms-transform:rotate(90deg); /* IE */
  602.   -o-transform:rotate(90deg); /* Opera */
  603.   transform:rotate(90deg); /* future */
  604.   writing-mode: tb-rl;
  605. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!