API tools faq
paste
Advertisement
bvffalo

SERVER CSS 1 of 3

bvffalo
Dec 21st, 2019
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.91 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Sofadi+One);
  2. @import url(https://fonts.googleapis.com/css?family=Flavors);
  3. @import url(https://fonts.googleapis.com/css?family=Andada);
  4. @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  5.  
  6. .topBoards a, #divLatestImages img, #divLatestPosts .latestPostCell,
  7.   .innerPost, .sideCatalogCell, .markedPost, .sideCatalogMarkedCell,
  8.   .catalogCell {
  9.   background: #202020;
  10.   /*border-radius: 5px;*/
  11. }
  12.  
  13. body {
  14.   background: #182220 url('https://i.imgur.com/0v8rGiq.png') repeat 50% 0%;
  15.   color: #BCBCBC;
  16.   font-family: arial,helvetica,sans-serif;
  17.   font-size: 12pt;
  18.   margin: 0 4px;
  19.   padding-left: 4px;
  20.   padding-right: 4px;
  21. }
  22.  
  23. #newPostFieldset, #quick-reply table, .modalDecorationPanel, .floatingMenu, #settingsFieldset, .reportFieldset{
  24.     border-color: #1177A3;
  25.     background: rgba(20,20,20,0.8);
  26. }
  27.  
  28. hr{
  29.     border-color: #1177A3;
  30. }
  31.  
  32. #postingForm th, .modalTableBody th{
  33.     background: #222222 url('https://i.imgur.com/g8I5IL1.png');
  34.     background-size: 100% auto;
  35.     border-color: #1177A3;
  36. }
  37.  
  38. input, select, textarea{
  39.     color: white;
  40.     background: black;
  41. }
  42. input[type="button"], input[type="submit"], button, .dropzone, .selectedCell{
  43.     color: white;
  44.     background: black;
  45. }
  46. /*
  47. #divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell,
  48.   .markedPost, .sideCatalogMarkedCell, .catalogCell {
  49.   border: 16px;
  50.   border-style: solid;
  51.   border-color: #00060A;
  52.   display: inline-block;
  53.   max-width: 94%!important;  
  54.   -webkit-border-image:url(https://i.imgur.com/zv7P5wO.gif) 16 fill repeat;
  55.   -o-border-image:url(https://i.imgur.com/zv7P5wO.gif) 16 fill repeat;
  56.   border-image:url(https://i.imgur.com/zv7P5wO.gif) 16 fill repeat;
  57. }
  58. */
  59. #divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell,
  60.   .markedPost, .sideCatalogMarkedCell, .catalogCell {
  61.   padding: 0; /*0.8em;*/
  62.   border: 1px dashed #1177A3;
  63.   display: inline-block;
  64.   max-width: 94%!important;
  65.   background: rgba(20,20,20,0.8);
  66.   margin: 0; /*0.2em;*/
  67. }
  68.  
  69.  
  70. .labelRole{color: #00A0A0;}
  71.  
  72. .boardHeader p {color: #808080;}
  73.  
  74. .panelBacklinks a {color: #009090;}
  75. .quoteLink {color: #00A0A0;}
  76.  
  77. .labelSubject {
  78.     color: #59ACE3;
  79. }
  80. .noEmailName, .noEmailName:hover{
  81.     color: #90C7F3;
  82. }
  83. .linkSelf{
  84.     color: #09A9AA;
  85. }
  86. .linkQuote {
  87.     color: #09A9AA;
  88. }
  89.  
  90. .innerPost
  91. {
  92.   margin-top: 1px;
  93.   margin-left: 0.2em;
  94.   padding-right: 3em;
  95.   padding-bottom: 0px;
  96. }
  97. .uploadCell img:not(.imgExpanded)
  98. {
  99.   height: auto;
  100. }
  101.  
  102. a
  103. {
  104.   color: #AAA; /*#089AFA*/
  105.   font-weight: bold;
  106. }
  107. a:hover
  108. {
  109.   color: #00A0A0;
  110. }
  111. a, .coloredIcon, .unhideButton, .embedButton, .checkedFavouriteButton::before, #selectedTab, #showFormsButton
  112. {
  113.   color: #AAA; /*#089AFA*/
  114.   font-weight: bold;
  115. }
  116. nav
  117. {
  118.   border-bottom: 1px solid #808080;
  119.   background: #000000;
  120. }
  121. .imgFlag {
  122.     max-width: 20px;
  123.     max-height: 20px;
  124. }
  125. code {
  126.     white-space: pre;
  127.     background: #000;
  128.     /*border: 1px solid gray;*/
  129. }
  130. .labelLastEdit
  131. {
  132.     font-size: 70%;
  133. }
  134. .postInfo, .opHead, .divMessage, .panelUploads, .panelIp, .panelProxyIp, .contentOmissionIndicator, .labelOmission, .labelId
  135. {
  136.     font-size: 82%;
  137. }
  138. .spoiler:hover{
  139.     color: #AAA
  140. }
  141. [id="2"]{
  142.     background:#111317;
  143.     color:#C5C8C6
  144. }
  145. [id="2"] a{color: #5F89AC;}
  146. [id="2"] .innerPost{
  147.       /*background-color:#282a2e;*/
  148.       border:1px solid #282a2e;
  149.       margin-bottom:2px;
  150.       margin-left:16px;
  151.       margin-top:2px
  152.      
  153.       background-color: transparent;
  154.       background: linear-gradient(to top, #17191a, #080a0e, #080a0e 48px, transparent),
  155.       linear-gradient(to bottom, #17191a, #080a0e, #080a0e 48px, transparent);
  156.       box-shadow: 1px 1px 1px rgba(02,04,10,.5);
  157. }
  158. [id="2"] .markedPost{
  159.       border:1px solid #282a2e;
  160. }
  161. [id="2"] .labelSubject {
  162.     color: #C5C8C6;
  163. }
  164. [id="2"] .noEmailName, .noEmailName:hover{
  165.     color: #C5C8C6;
  166. }
  167. [id="4"]{
  168.     background: #182220 url('https://i.imgur.com/GrZvH1t.png') repeat 50% 0%;
  169.     color: #BCBCBC;
  170.     font-size: 11pt;
  171. }
  172. [id="4"] a
  173. {
  174.   color: #A2E4A0;
  175.   font-weight: normal;
  176. }
  177. [id="4"] .labelSubject {
  178.     color: #8F8C8D;
  179. }
  180. [id="2"] .noEmailName, .noEmailName:hover{
  181.     color: #117743;
  182. }
  183. [id="4"] .innerPost{
  184.     border: 16px;
  185.     border-style: solid;
  186.     border-color: #00060A;
  187.     display: inline-block;
  188.     max-width: 94%!important;  
  189.     -webkit-border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat; /* Safari 3.1-5 */
  190.     -o-border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat; /* Opera 11-12.1 */
  191.     border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat;
  192.     margin-top: 4px;
  193.     margin-bottom: 4px;
  194. }
  195. [id="4"] .markedPost{
  196.     border: 16px;
  197.     border-style: solid;
  198.     border-color: #00060A;
  199.     display: inline-block;
  200.     max-width: 94%!important;  
  201.     -webkit-border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat; /* Safari 3.1-5 */
  202.     -o-border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat; /* Opera 11-12.1 */
  203.     border-image:url(https://i.imgur.com/rrZCRZW.gif) 16 fill repeat;
  204.     margin-top: 4px;
  205.     margin-bottom: 4px;
  206. }
  207. [id="4"] .coloredIcon{
  208.   color: #A2E4A0
  209. }
  210. [id="4"] .labelYou{
  211.     color: #ACACAC
  212. }
  213. [id="13"]{
  214.     background:#261712 url("https://i.imgur.com/liFj3Bw.png") repeat fixed center;
  215.     color: #8e6152;
  216.     font-family: "Trebuchet MS",Trebuchet,serif;
  217.     font-size: 12pt;
  218.     text-shadow: 0 0 0.9em #000000;
  219. }
  220. [id="13"] .labelSubject{
  221.     color: #ffe2b2;
  222. }
  223. [id="13"] .noEmailName, .noEmailName:hover {
  224.     color: #00A04A;
  225. }
  226. [id="13"] .innerPost{
  227.     background: #a47a6b url("https://i.imgur.com/Q3zK5bQ.png") repeat center;
  228.     border: solid 1px #a47a6b;
  229.     padding: 0;
  230.     margin: 0;
  231.     -webkit-border-radius: 5px;
  232.     -khtml-border-radius: 5px;
  233.     -moz-border-radius: 5px;
  234.     border-radius: 5px;
  235. }
  236. [id="13"] .markedPost{
  237.     border: solid 1px #a47a6b;
  238. }
  239.  
  240. [id="22"]{
  241.     color: #ACACAC;
  242.     background: #1D1F21;
  243.     font-family: 'Hack', monospace, sans-serif;
  244.     font-size: 100%;
  245. }
  246. [id="22"] .innerPost{
  247.     border: 1px solid #117743;
  248.     background: #282A2E;
  249.     border-radius: 5px;
  250. }
  251. [id="22"] a.nameLink {
  252.     color: #FFB300
  253. }
  254. [id="22"] a.linkReply{
  255.     color: #FFB300
  256. }
  257. [id="22"] .unhideButton{
  258.     color: #FFB300;
  259. }
  260. [id="22"] .coloredIcon{
  261.     color: #FFB300;
  262. }
  263. [id="22"] .embedButton{
  264.     color: #FFB300;
  265. }
  266. [id="22"] .labelSubject {
  267.     color: #34ED3A;
  268. }
  269. [id="22"] .noEmailName, .noEmailName:hover{
  270.     color: #117743;
  271. }
  272. [id="22"] a.originalNameLink{
  273.     color: #FFB300
  274. }
  275. [id="22"] .markedPost{
  276.     border: 1px solid #117743;
  277.     background: rgba(59, 22, 43, 0.4);
  278. }
  279. [id="22"] .labelYou{
  280.     color: #FFB300;
  281. }
  282. [id="42"]{
  283.     background-image: url("https://i.imgur.com/xIAuVBL.png");
  284.     border: none;
  285.     width: 1000px;
  286.     font-size: 10pt;
  287.     color: #DDDDDD;
  288.     box-shadow: 0px 0px 20px #111111;
  289. }
  290. [id="42"] a{
  291.     color: #DDEEFF;
  292. }
  293. [id="42"] .labelSubject{
  294.     color: #DDEEFF
  295. }
  296. [id="42"] .noEmailName{
  297.     color: yellow;
  298. }
  299. [id="42"] .noEmailName:hover{
  300.     color: yellow;
  301. }
  302. [id="42"] .innerPost{
  303.     background: rgba(29,40,50,0.9);
  304.     background-image: url("https://i.imgur.com/5DqmKHf.png");
  305.     border: 1px solid #334455;
  306. }
  307. [id="51"]{
  308.     background: #1E1E1E;
  309.     color: #BBC2B9;
  310.     font-family: Sans-serif;
  311.     font-size: 12px;
  312. }
  313. [id="51"] a{
  314.     color: #55A590;
  315.     text-decoration: none;
  316.     font-family: sans-serif;
  317. }
  318. [id="51"] a:hover{
  319.     color: #55A590;
  320. }
  321. [id="51"] .labelSubject{
  322.     color: #648675;
  323. }
  324. [id="51"] .noEmailName{
  325.     color: #657EDA;
  326. }
  327. [id="51"] .noEmailName:hover{
  328.     color: #657EDA;
  329. }
  330. [id="51"] .innerPost{
  331.     background: #333333;
  332.     border: #455EBA 1px solid;
  333.     -webkit-border-radius: 10px;
  334.     -khtml-border-radius: 10px;
  335.     -moz-border-radius: 10px;
  336.     border-radius: 10px;
  337. }
  338. [id="51"] .markedPost{
  339.     background: #333333;
  340.     border: #657EDA 1px solid;
  341. }
  342. [id="53"]{
  343.     background:#1B2431;
  344.     color:#DC546C;
  345.     font-family:sans-serif;
  346.     font-size:12px;
  347. }
  348. [id="53"] a{
  349.     color: #CC37B6;
  350. }
  351. [id="53"] .labelSubject{
  352.     color: #8484A6;
  353. }
  354. [id="53"] .noEmailName{
  355.     color: #FF2D5A;
  356. }
  357. [id="53"] .innerPost{
  358.     background: #2A3A46;
  359.     border: #455F72 1px solid;
  360.     -webkit-border-radius: 10px;
  361.     -khtml-border-radius: 10px;
  362.     -moz-border-radius: 10px;
  363.     border-radius: 10px;
  364. }
  365. [id="53"] .markedPost{
  366.     background: #2A3A46;
  367.     border: #455F72 1px solid;
  368. }
  369. [id="78"]{
  370.     font-family: arial,helvetica,sans-serif;
  371.     background: url('https://i.imgur.com/vzmfpuT.png') fixed;
  372.     color: #EED;
  373.     font-size: 11pt;
  374. }
  375. [id="78"] a{
  376.     font-weight: normal;
  377. }
  378. [id="78"] .opCell{
  379.     background: linear-gradient(to bottom, gray, rgba(29,33,51,0.8) 60px)
  380. }
  381. [id="78"] .labelSubject{
  382.     font-family: "Bitstream Charter";
  383.     text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  384.     -webkit-animation:colorRotate 6s linear 0s infinite;
  385.     -moz-animation:colorRotate 6s linear 0s infinite;
  386.     -o-animation:colorRotate 6s linear 0s infinite;
  387.     animation:colorRotate 6s linear 0s infinite;
  388. }
  389.  
  390. @-webkit-keyframes colorRotate {
  391.     from {
  392.         color: rgb(255, 0, 0);
  393.     } 16.6% {
  394.         color: rgb(255, 0, 255);
  395.     }
  396.     33.3% {
  397.         color: rgb(0, 0, 255);
  398.     }
  399.     50% {
  400.         color: rgb(0, 255, 255);
  401.     }
  402.     66.6% {
  403.         color: rgb(0, 255, 0);
  404.     }
  405.     83.3% {
  406.         color: rgb(255, 255, 0);
  407.     }
  408.     to {
  409.         color: rgb(255, 0, 0);
  410.     }
  411. }
  412.  
  413. @-moz-keyframes colorRotate {
  414.     from {
  415.         color: rgb(255, 0, 0);
  416.     }
  417.     16.6% {
  418.         color: rgb(255, 0, 255);
  419.     }
  420.     33.3% {
  421.         color: rgb(0, 0, 255);
  422.     }
  423.     50% {
  424.         color: rgb(0, 255, 255);
  425.     }
  426.     66.6% {
  427.         color: rgb(0, 255, 0);
  428.     }
  429.     83.3% {
  430.         color: rgb(255, 255, 0);
  431.     }
  432.     to {
  433.         color: rgb(255, 0, 0);
  434.     }
  435. }
  436.  
  437. @-o-keyframes colorRotate {
  438.     from {
  439.         color: rgb(255, 0, 0);
  440.     }
  441.     16.6% {
  442.         color: rgb(255, 0, 255);
  443.     }
  444.     33.3% {
  445.         color: rgb(0, 0, 255);
  446.     }
  447.     50% {
  448.         color: rgb(0, 255, 255);
  449.     }
  450.     66.6% {
  451.         color: rgb(0, 255, 0);
  452.     }
  453.     83.3% {
  454.         color: rgb(255, 255, 0);
  455.     }
  456.     to {
  457.         color: rgb(255, 0, 0);
  458.     }
  459. }
  460.  
  461. @keyframes colorRotate {
  462.     from {
  463.         color: rgb(255, 0, 0);
  464.     }
  465.     16.6% {
  466.         color: rgb(255, 0, 255);
  467.     }
  468.     33.3% {
  469.         color: rgb(0, 0, 255);
  470.     }
  471.     50% {
  472.         color: rgb(0, 255, 255);
  473.     }
  474.     66.6% {
  475.         color: rgb(0, 255, 0);
  476.     }
  477.     83.3% {
  478.         color: rgb(255, 255, 0);
  479.     }
  480.     to {
  481.         color: rgb(255, 0, 0);
  482.     }
  483. }
  484. [id="78"] .labelCreated{
  485.     text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  486.     font-family: 'Sofadi One',Freemono,'Nimbus Mono L';
  487.     font-weight: bold;
  488.     color: #DDC;
  489. }
  490. [id="78"] .innerPost{
  491.     background: linear-gradient(to bottom, #0F1623, rgba(29,33,51,0.8) 100px);
  492.     border: 1px solid #373737;
  493. }
  494. [id="78"] .markedPost{
  495.     background: linear-gradient(to bottom, #0F1623, rgba(29,33,51,0.8) 100px);
  496.     border: 1px solid #373737;
  497. }
  498. [id="78"]  .greenText{
  499.     color: #78FF22
  500. }
  501. [id="78"] .divMessage{
  502.     text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  503. }
  504. [id="78"] .labelYou{
  505.     color: #C0C060;
  506. }
  507. [id="91"]{
  508.     font-family: "Lucida Console", Monaco, monospace;
  509.     font-size: 14px;
  510.     background-color: #1A1A1A;
  511.     color: #61CE3C;
  512.     margin-bottom: 20px;
  513.     padding: 10px;
  514.     border: solid 1px #7b68ee;
  515.     width: 100%;
  516.     box-shadow: 3px 5px #7b68ee;
  517. }
  518. [id="91"] .opHead{
  519.     background-image: url('https://i.imgur.com/Ua5aMb0.png');
  520.     background-repeat: repeat-x;
  521.     background-position: bottom;
  522.     padding-bottom: 7px;
  523. }
  524. [id="91"] .postInfo{
  525.     background-image: url('https://i.imgur.com/Ua5aMb0.png');
  526.     background-repeat: repeat-x;
  527.     background-position: bottom;
  528.     padding-bottom: 7px;
  529. }
  530. [id="91"] .innerPost{
  531.     max-width: 95% !important;
  532.     box-shadow: 3px 5px #2e8b57;
  533.     padding: 4px;
  534.     margin-top: 9px;
  535.     border: solid 1px #2e8b57;
  536.     background-color: #2b2b2b;
  537. }
  538. [id="91"]  .greenText{
  539.     color: #93e0e3;
  540. }
  541. [id="91"] .noEmailName, .noEmailName:hover{
  542.     color: #989898
  543. }
  544. [id="91"] .labelCreated{
  545.     color: #989898
  546. }
  547. [id="91"] .markedPost{
  548.     border: solid 1px #7b68ee;
  549. }
  550. [id="114"]{
  551.     background: linear-gradient(to bottom, #4A2E19, #7B4A21 100px);
  552.     color: #d2ba66;
  553. }
  554. [id="114"] a{
  555.     color: #fee2c2
  556. }
  557. [id="114"] .labelSubject{
  558.     color: #f8e4d2
  559. }
  560. [id="114"] .noEmailName{
  561.     color: white;
  562. }
  563. [id="114"] .innerPost{
  564.     background: #624023;
  565.     border: solid 1px gray;
  566.     border-radius: 5px;
  567.     color: #e2ca86;
  568. }
  569. [id="114"] .markedPost{
  570.     background: #624023;
  571.     border: solid 1px gray;
  572.     border-radius: 5px;
  573.     color: #e2ca86;
  574. }
  575. [id="121"]{
  576.     background: #003958 url('https://i.imgur.com/CWQCtIO.png') fixed;
  577.     color: #F6F1D1;
  578. }
  579. [id="121"] a{
  580.     color: #d2c079;
  581. }
  582. [id="121"] .innerPost{
  583.     background: #321414;
  584.     margin: 0.2em 4px;
  585.     padding: 0.5em 0.3em 0.5em 0.6em;
  586.     border: solid 2px #210303;
  587.     display: inline-block;
  588. }
  589. [id="121"] .markedPost{
  590.     background: #321414;
  591.     margin: 0.2em 4px;
  592.     padding: 0.5em 0.3em 0.5em 0.6em;
  593.     border: solid 2px #210303;
  594.     display: inline-block;
  595. }
  596. [id="157"]{
  597.     background: #271D14 url('https://i.imgur.com/4e7qeNH.png');
  598.     font-family: "Press Start 2P";
  599.     font-size: 8pt;
  600. }
  601. [id="157"] a{
  602.     color: #EEE;
  603.     font-weight: normal;
  604.     text-decoration: none;
  605. }
  606. [id="157"] .coloredIcon{
  607.     font-size: 9pt;
  608.     color: #DDD;
  609. }
  610. [id="157"] .labelSubject{
  611.     color: #BCBCBC;
  612. }
  613. [id="157"] .innerPost{
  614.     background: #72491F url('https://i.imgur.com/7t3I0bB.png') repeat-x;
  615.     background-size: 50%;
  616.     border: solid 1px black;
  617.     color: #D8D8D8;
  618.     text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  619. }
  620. [id="157"] .markedPost{
  621.     background: #72491F url('https://i.imgur.com/GWXD4J3.png') repeat-x;
  622.     background-size: 50%;
  623.     border: solid 1px black;
  624.     color: white;
  625. }
  626. [id="157"] .divMessage{
  627.     margin-top: 20px;
  628.     line-height: 1.6em;
  629. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!