Advertisement
bvffalo

ghostchan_x

Apr 24th, 2020
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.15 KB | None | 0 0
  1. /* Heavily Inspired and Heavily Altered from the 8kun.top/cafe custom css */
  2.  
  3. body {
  4.     background: url(https://i.imgur.com/wWjynkV.png), #000411;
  5.     background: url(https://i.imgur.com/yTy9zAV.png) repeat-x 50% 0%, url(https://i.imgur.com/wWjynkV.png), #000411;
  6.     background-position: center top;
  7.     font-family: 'Verdana', sans-serif;
  8.     color: #d0d0db;
  9. }
  10.  
  11. body::before {  
  12.     content: "";
  13.     display: block;    
  14.     position: fixed;    
  15.     left: 0;    top: 0;    
  16.     width: calc(100% + 32px);  
  17.     height: calc(100% + 32px);  
  18.     background-image: url("https://files.catbox.moe/h5d4um.png");  
  19.     background-position: 0 0;  
  20.     background-repeat: repeat;  
  21.     z-index: 10000000;
  22.     animation: ScanlineAnimationLeft 2s linear infinite;    
  23.     pointer-events: none;  
  24.     opacity: 0.3
  25. }
  26.  
  27. body::after {  
  28.     content: "";
  29.     display: block;    
  30.     position: fixed;    
  31.     left: -32px;    
  32.     top: 0;    
  33.     width: calc(100% + 32px);  
  34.     height: calc(100% + 32px);  
  35.     background-image: url("https://files.catbox.moe/h5d4um.png");  
  36.     background-position: 0 0;  
  37.     background-repeat: repeat;  
  38.     z-index: 10000000;  
  39.     animation: ScanlineAnimationRight 0.4s linear infinite;    
  40.     pointer-events: none;  
  41.     opacity: 0.3
  42. }
  43.  
  44. @keyframes ScanlineAnimationLeft {  
  45.     0% {      
  46.         transform: translateX(0px) translateY(0px);    
  47.     }  
  48.  
  49.     100% {    
  50.         transform: translateX(-32px) translateY(-32px);    
  51.     }
  52. }
  53.  
  54. @keyframes ScanlineAnimationRight {    
  55.     0% {      
  56.         transform: translateX(0px) translateY(0px);
  57.     }  
  58.  
  59.     100% {    
  60.         transform: translateX(32px) translateY(-32px);
  61.     }
  62. }
  63.  
  64. nav {
  65.     position: fixed;
  66.     background: #000411aa;
  67.     border-bottom: 0px;
  68. }
  69.  
  70. #favouriteButton:before {    
  71.     font-family: Icons;  
  72.     content: url("https://files.catbox.moe/tiybw1.png");     
  73.     margin-left: 0.2em;
  74.     cursor: pointer;     
  75.     font-size: 22px;
  76.     color: none;
  77.     display: inline-block;
  78. }
  79.  
  80. #favouriteButton {
  81.     font-size: 0px;
  82. }
  83. #favouriteButton:hover, .checkedFavouriteButton::before {
  84.     content: url("https://files.catbox.moe/tiybw1.png");   
  85.     animation: spin 2.5s linear infinite;
  86.     margin-left:0.2em;
  87.     display: inline-block;
  88. }
  89.  
  90. @keyframes spin {
  91.     from {
  92.         transform:rotate(0deg);
  93.     }
  94.     to {
  95.         transform:rotate(360deg);
  96.     }
  97. }
  98.  
  99. textarea {
  100.     background: #000;
  101.     box-shadow: 1px 0px 0px #5e5e5e, 0px 1px 0px #5e5e5e, -1px 0px 0px #5e5e5e, 0px -1px 0px #5e5e5e;
  102.     margin-top: 10px;
  103.     margin-right: -3px;
  104.     color: #d0d0db;
  105. }
  106.  
  107. input {
  108.     background: #000;
  109.     color: #d0d0db;
  110.     box-shadow: 1px 0px 0px #5e5e5e, 0px 1px 0px #5e5e5e, -1px 0px 0px #5e5e5e, 0px -1px 0px #5e5e5e;
  111. }
  112.  
  113. hr {
  114.     color: #d0d0db;
  115. }
  116.  
  117. #postingForm textarea:focus, #postingForm input:focus {
  118.     box-shadow: 1px 0px #ff8d8d, 0px 1px #ff8d8d, -1px 0px #ff8d8d, 0px -1px #ff8d8d;
  119. }
  120.  
  121. #postingForm th {
  122.     background: #374466;
  123. }
  124.  
  125. a, a:hover, .coloredIcon, .quoteLink, .labelSubject {
  126.     color: #f9c1ff;
  127.     text-shadow: none;
  128. }
  129.  
  130. .linkQuote, .linkSelf, .linkQuote:hover, .linkSelf:hover {
  131.  color: #d0d0db;
  132.  font-weight: normal;
  133. }
  134.  
  135. .labelSubject::before {
  136.   content: "「 ";
  137. }
  138. .labelSubject::after {
  139.   content: " 」";
  140. }
  141.  
  142. .linkName, .linkName:hover {
  143.     color: #00bc71;
  144.     font-weight: bold;
  145. }
  146.  
  147. .linkName:before {
  148.     content: '🜏 ';
  149.     font-weight: bold;
  150.     font-size: 110%;
  151. }
  152.  
  153. .boardHeader p#labelName, .boardHeader p#labelDescription {
  154.     font-size: 0pt;
  155. }
  156.  
  157. .boardHeader p#labelName:before {
  158.     content: '/cafe/ - кафе ец';
  159.     text-transform: lowercase;
  160.     color: #ddd5ff;
  161.     text-shadow: none;
  162.     font-size: 30pt;
  163. }
  164.  
  165. .boardHeader p#labelDescription:before {
  166.     color: #ddd5ff;
  167.     content: 'ваше удобное кафе';
  168.     text-transform: lowercase;
  169.     color: #ddd5ff;
  170.     text-shadow: none;
  171.     font-size: 16pt;
  172.     font-weight: normal;
  173. }
  174.  
  175. .uploadCell img:not(.imgExpanded) {
  176.     max-width: 100px;
  177.     max-height: 100px;
  178.     object-fit: contain;
  179. }
  180.  
  181. .multipleUploads .uploadCell:not(.expandedCell) {
  182.     max-width: 150px;
  183.     float: left;
  184. }
  185.  
  186. .uploadCell img:not(.imgExpanded) {
  187.     max-width: 150px;
  188.     height: 150px;
  189.     object-fit: contain;
  190. }
  191.  
  192. .linkThumb img{
  193.     max-height: 50px;
  194.     max-width: 50px;
  195. }
  196.  
  197. .uploadCell{
  198.     margin: .25em 1em .25em .5em;
  199.     float: none;
  200. }
  201.  
  202. .uploadCell img, .multipleUploads>.innerOP .opUploadPanel,.multipleUploads>.panelUploads, .multipleUploads>.uploadCell {
  203.     float: left;
  204. }
  205.  
  206. .multipleUploads>.innerOP .divMessage,.multipleUploads>.innerPost .divMessage,.multipleUploads>.markedPost .divMessage{
  207.     clear: both;
  208. }
  209.  
  210. .innerPost, .sideCatalogCell, .catalogCell, #divLatestPosts .latestPostCell {
  211.     background: #131b33;
  212.     border-radius: 6px;
  213.     box-shadow: 0px 2px #3d4959, 2px 0px #3d4959, 2px 2px #3d4959;
  214.     margin-top: 2px;
  215.     margin-right: 2px;
  216. }
  217.  
  218. .markedPost, .sideCatalogMarkedCell {
  219.     background: #372536;
  220.     border-radius: 6px;
  221.     box-shadow: 0px 2px #3d4959, 2px 0px #3d4959, 2px 2px #3d4959;
  222.     margin-top: 2px;
  223.     margin-right: 2px;
  224. }
  225.  
  226. .greenText {
  227.     color: #99b329;
  228. }
  229.  
  230.  .orangeText {
  231.   color: #ffa631;
  232. }
  233.  
  234. .redText {
  235.     font-family: "Times New Roman", Serif;
  236.     color: #34345C;
  237.     text-shadow: 1.5px 1px 0px #FFF;
  238.     font-weight: bold;
  239.     font-size: 1.15rem;
  240.     text-transform: uppercase;
  241. }
  242.  
  243. .redText strong {
  244.     font-family: "Times New Roman", Serif;
  245.   color: black;
  246.   text-shadow: 0px 1px 0px #ccc, 0px -1px 0px #ccc, 1px 0px 0px #ccc, -1px 0px 0px #ccc;
  247.   font-weight: bold;
  248.   font-size: 1.15rem;
  249.     text-transform: uppercase;
  250. }
  251.  
  252. span.detected {
  253.     background: #FFF;
  254.     color: #1565C0;
  255.     font-weight: bold;
  256. }
  257.  
  258. span.spoiler {
  259.     background: #474c57;
  260.     color: #474c57;
  261. }
  262.  
  263. span.spoiler:hover {
  264.     background: transparent;
  265.     color: #999;
  266. }
  267.  
  268. @keyframes flicker {
  269.     0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
  270.         opacity: .99;
  271.         text-shadow: -1px -1px 0 rgba(255, 255, 255, .4), 1px -1px 0 rgba(255, 255, 255, .4), -1px 1px 0 rgba(255, 255, 255, .4), 1px 1px 0 rgba(255, 255, 255, .4), 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000;
  272.     }
  273.     20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
  274.         opacity: 0.4;
  275.         text-shadow: none;
  276.     }
  277. }
  278.  
  279. span.rainbow {
  280.     color: #fff665;
  281.     animation: flicker 3s infinite;
  282.     font-size: 1.2rem;
  283.     font-style: italic;
  284.     margin-left: -4px;
  285. }
  286.  
  287. @keyframes flicker2 {
  288.     0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
  289.         opacity: .99;
  290.         text-shadow: -1px -1px 0 rgba(255, 255, 255, .4), 1px -1px 0 rgba(255, 255, 255, .4), -1px 1px 0 rgba(255, 255, 255, .4), 1px 1px 0 rgba(255, 255, 255, .4), 0 -2px 8px, 0 0 2px, 0 0 5px #dd008b, 0 0 15px #ff4498, 0 0 2px #dd008b, 0 2px 3px #000;
  291.     }
  292.     20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
  293.         opacity: 0.4;
  294.         text-shadow: none;
  295.     }
  296. }
  297.  
  298. span.rainbow2 {
  299.     color: #ffc2f0;
  300.     animation: flicker2 1s infinite;
  301.     font-size: 1.2rem;
  302.     font-style: italic;
  303. }
  304.  
  305. select {
  306.     background: transparent;
  307.     color: #f9c1ff;
  308.     border: transparent;
  309. }
  310.  
  311. input[type=button], input[type=submit], button, .dropzone, .selectedCell
  312. {
  313.     border: transparent;
  314.     background: #374466;
  315.     border-radius: 0px;
  316.     font-family: "Arial", sans-serif;
  317.     font-size: .85rem;
  318.     color: #d0d0db;
  319. }
  320.  
  321. a.rules {
  322.     color: #aaa;
  323. }
  324.  
  325. a.rules:after {
  326.     color: #d2a7fa;
  327. }
  328.  
  329. input[type=checkbox].postingCheckbox+label:before {
  330.   color: #d2a7fa;
  331. }
  332.  
  333. .labelRole {   
  334.   color: #6dabe4;
  335.     font-size: .9rem;
  336.     font: "Hack";
  337.     text-transform: capitalize;
  338.     padding-right: 4px;
  339. }
  340.  
  341. .labelRole:before {
  342.     content: '🜍';
  343.     font-size: 1.2rem;
  344.     display: inline-block;
  345.     transform: rotate(90deg) translateX(4px);
  346.     color: #358bda;
  347.     padding-left: 2px;
  348.     padding-right: 2px;
  349. }
  350.  
  351. .labelRole:after {
  352.     content: '🜍';
  353.     font-size: 1.2rem;
  354.     display: inline-block;
  355.     transform: rotate(-90deg) translateX(-4px);
  356.     color: #358bda;
  357.     padding-left: 2px;
  358.     padding-right: 2px;
  359. }
  360.  
  361.  .labelYou {
  362.     color: #00bc71;
  363.     font-weight: normal;
  364.     font-style: italic;
  365.     padding: 0 3px;
  366. }
  367.  
  368.  .quoteLink.you:after {
  369.   content: " (You)" ;
  370.   font-size: 100%;
  371.   color: #f9c1ff;
  372. }
  373.  
  374. floatingMenu,  #quick-reply table {
  375.   background: #000411;
  376. }
  377.  
  378. .originalNameLink{
  379.     display:inline-block;
  380.     vertical-align:top;
  381.     white-space:nowrap;
  382.     text-decoration: underline;
  383. }
  384.  
  385. .title {
  386.     color: #d0d0db;
  387.     font-weight: normal;
  388. }
  389.  
  390. .unhideButton,  .embedButton,  .hideFileButton {
  391.     color: #eee;
  392. }
  393.  
  394.  .panelBacklinks a {
  395.     color: #f9c1ff;
  396.     text-decoration: none;
  397. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement