API tools faq
paste
Advertisement
bvffalo

DOOMER

bvffalo
Nov 5th, 2019
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.12 KB | None | 0 0
raw download clone embed print report
  1. .topBoards a,
  2. #divLatestImages img, #divLatestPosts .latestPostCell,
  3.  
  4.  .innerPost, .sideCatalogCell, .markedPost,
  5. .sideCatalogMarkedCell,
  6. .catalogCell {
  7. background: #000000;
  8.  border-radius: 5px;
  9.  border: 1px solid;
  10. border-color: #D8B1EA;
  11. }
  12.  
  13. body {
  14. color: #DDDDDD;
  15.  background: #000000;
  16.  font-family: 'Courier New', monospace, sans-serif;
  17. font-weight: bold;
  18. font-size: 18px;
  19.  margin: 0px;
  20. }
  21.  
  22. .noEmailName, .noEmailName:hover {
  23. color: #DDDDDD;
  24.  text-shadow: none;
  25.  }
  26.  
  27. a, .coloredIcon, .unhideButton, .embedButton,
  28. .checkedFavouriteButton::before,
  29. #selectedTab, #showFormsButton
  30. { color: #D8B1EA;
  31.  cursor: pointer;
  32. }
  33.  
  34. .linkSelf {
  35. color: #D8B1EA;
  36.  text-decoration: none;
  37. }
  38.  
  39. .linkQuote {
  40. color: #D8B1EA;
  41. text-decoration: none;
  42. }
  43.  
  44. hr {
  45. height: 0px;
  46.  border-width: 1px medium medium;
  47.  border-style: solid none none;
  48.  border-color: #FFFFFF;
  49. }
  50.  
  51. nav {
  52. background-color: #000000;
  53.  border-bottom: 1px solid #FFFFFF;
  54.  padding-bottom: 3px;
  55.  font-family: 'Arial', monospace, sans-serif;
  56.  }
  57.  
  58. #postingForm th,
  59.  
  60. .modalTableBody th {
  61.  font-weight: bold;
  62.  text-align: left;
  63. width: 100px;
  64. font-size: 80%;
  65. padding-left: 0.1em;
  66. cursor: default;
  67. border: 0px solid;
  68. border-radius: 0px;
  69. background: #D8B1EA;    color: #000000;
  70.  }
  71.  
  72. input, select, textarea {
  73. border: 1px double #D8B1EA;
  74. border-radius: 0px; background: #000000;
  75. color: #DDDDDD;
  76. font-family: 'Courier New', monospace, sans-serif;
  77. }
  78.  
  79. .boardHeader p {
  80. color: #FFFFFF;
  81. }
  82.  
  83. .labelSubject {
  84. color: #A5D9BF;
  85.  font-weight: bold;
  86.  word-wrap: break-word;
  87.  }
  88.  
  89. input[type="button"], input[type="submit"], button, .dropzone, .selectedCell {
  90. border: 1px double #D8B1EA;
  91. border-radius: 0px;
  92. background: #000000;
  93. color: #DDDDDD;
  94. padding-left: 0.25em;
  95. font-family: 'Courier New', monospace, sans-serif;
  96. font-weight: bold;
  97. margin-top: 0.5em;
  98. margin-bottom: 0.5em;
  99. cursor: pointer;
  100. }
  101.  
  102. .floatingMenu, #quick-reply table {
  103. background: #000000;
  104. }
  105.  
  106. .extraMenu, .hideMenu {
  107. font-weight: normal;
  108. white-space: nowrap;
  109. cursor: default;
  110. color: #DDDDDD;
  111. text-shadow: none;
  112. }
  113.  
  114. .quoteLink {
  115. color: #D8B1EA;    
  116. text-decoration: underline;
  117. }
  118.  
  119. .labelYou {
  120. color: #DDDDDD;
  121. font-weight: normal;
  122. font-style: italic;
  123. padding: 0 3px;
  124. }
  125.  
  126. .quoteLink.you:after {
  127. content: " (You)";
  128. color: #D8B1EA;
  129. }
  130.  
  131. .linkName {
  132. color: #E0E0E0; /* color of username in posts */
  133. font-size: 18px;
  134. font-weight: bold;
  135. }
  136.  
  137. .originalNameLink{
  138. display:inline-block;
  139. vertical-align:top;
  140. white-space:nowrap;
  141. text-decoration: underline;
  142. color: #D8B1EA;
  143. }
  144.  
  145. .originalNameLink:before {
  146. content: "(";
  147. color: #D8B1EA;
  148. }
  149.  
  150. .originalNameLink:after {
  151. content: ")";
  152. color: #D8B1EA;
  153. }
  154.  
  155. /* markdown */
  156.  
  157. span.spoiler{
  158. background: #FFF;
  159. color: #1565C0;
  160. padding: 0 3px;
  161. }
  162.  
  163. .spoiler:hover{
  164. color: #1565C0;
  165. background: #FFF;
  166. }
  167.  
  168. span.spoiler:before {
  169. content: "(((";
  170. color: #1565C0;
  171. }
  172.  
  173. span.spoiler:after {
  174. content: ")))";
  175. color: #1565C0;
  176. }
  177.  
  178. .orangeText {
  179.  color: #E0727F;
  180.  }
  181.  
  182. .greenText {
  183. color: #17B23E;
  184. }
  185.  
  186. .redText strong {
  187. color: #B39DDB;
  188. text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black;
  189. font-weight: bold;
  190. font-size: 120%;
  191. }
  192.  
  193. /*scan line animation*/
  194.  
  195. body::before {  
  196. content: "";
  197.     display: block;    
  198. position: fixed;    
  199. left: 0;    top: 0;    
  200. width: calc(100% + 32px);  
  201. height: calc(100% + 32px);  
  202. background-image: url("https://files.catbox.moe/h5d4um.png");  
  203. background-position: 0 0;  
  204. background-repeat: repeat;  
  205. z-index: 10000000;
  206. animation: ScanlineAnimationLeft 2s linear infinite;    
  207. pointer-events: none;  
  208. opacity: 0.5;
  209. }
  210.  
  211. body::after {  
  212. content: "";
  213. display: block;    
  214. position: fixed;    
  215. left: -32px;    
  216. top: 0;    
  217. width: calc(100% + 32px);  
  218. height: calc(100% + 32px);  
  219. background-image: url("https://files.catbox.moe/h5d4um.png");  
  220. background-position: 0 0;  
  221. background-repeat: repeat;  
  222. z-index: 10000000;  
  223. animation: ScanlineAnimationRight 0.4s linear infinite;    
  224. pointer-events: none;  
  225. opacity: 0.5;
  226. }
  227.  
  228. @keyframes ScanlineAnimationLeft {  
  229. 0% {       
  230. transform: translateX(0px) translateY(0px);    
  231. }  
  232.  
  233. 100% {     
  234. transform: translateX(-32px) translateY(-32px);    
  235.            }
  236. }
  237.  
  238. @keyframes ScanlineAnimationRight {    
  239. 0% {       
  240. transform: translateX(0px) translateY(0px);
  241. }  
  242.  
  243. 100% {     
  244. transform: translateX(32px) translateY(-32px);
  245.             }
  246. }
  247.  
  248.  
  249. /*thumbnail expand KC*/
  250.  
  251. .uploadCell img:not(.imgExpanded){
  252. max-width:200px;
  253. max-height:200px;
  254. object-fit:contain;
  255. }
  256.  
  257. .linkThumb img{
  258. max-height:200px;
  259. max-width:200px;
  260. }
  261.  
  262.  .panelUploads{
  263. display:block;
  264. }
  265.  
  266. .uploadCell{
  267. margin:.25em 1em .25em .5em;
  268. float:none;
  269. }
  270.  
  271. .uploadCell img{
  272. float:left;
  273. }
  274.  
  275. .uploadCell img:not(.imgExpanded){
  276. max-width:200px;
  277. max-height:200px;
  278. object-fit:contain;
  279. }
  280.  
  281. .multipleUploads>.innerOP .divMessage,.multipleUploads>.innerPost .divMessage,.multipleUploads>.markedPost .divMessage{
  282. clear:both;
  283. }
  284.  
  285. .multipleUploads>.innerOP .opUploadPanel,.multipleUploads>.panelUploads{
  286. float:left;
  287. width:100%;
  288. }
  289.  
  290. .multipleUploads>.uploadCell{
  291. float:left;
  292. }
  293.  
  294. .sfw #bannerImage:hover,.sfw .catalogCell .linkThumb img:hover,.sfw .uploadCell img:hover:not(.imgExpanded){
  295. opacity:1!important;
  296. filter:blur(5px);
  297. }
  298.  
  299. .sfw #bannerImage,.sfw .catalogCell .linkThumb img,.sfw .uploadCell img:not(.imgExpanded){
  300. opacity:0;
  301. }
  302.  
  303. .flipped{
  304. -moz-transform:scaleX(-1);
  305. -o-transform:scaleX(-1);
  306. -webkit-transform:scaleX(-1);
  307. transform:scaleX(-1);
  308. filter:FlipH;
  309. -ms-filter:FlipH;
  310. }
  311.  
  312. @media only screen and (max-width:479px){
  313. .catalogCell{
  314. width:90px!important;
  315. max-height:230px!important;
  316. }
  317.  
  318. .linkThumb img{
  319. width:90px!important;
  320. height:90px!important;
  321. top:0;
  322.          }
  323. }
  324.  
  325. @media only screen and (min-width:480px) and (max-width:767px){
  326. .catalogCell{
  327. width:180px!important;
  328. max-height:300px!important;
  329. }
  330.  
  331. .linkThumb img{
  332. width:170px!important;
  333. height:170px!important;
  334.       }
  335. }
  336.  
  337. .catalogCell{
  338. width:210px;
  339. display:inline-block;
  340. vertical-align:top;
  341. max-height:400px;
  342. position:relative;
  343. border:1px solid #000;
  344. background:0 0;
  345. margin:5px;
  346. padding:5px;
  347. overflow:auto;
  348. }
  349.  
  350. .catalogCell:nth-child(10n+1){
  351. border-left:1px;
  352. }
  353.  
  354. .catalogCell:nth-child(10n){
  355. border-right:1px;
  356. }
  357.  
  358. .catalogCell:hover{
  359. background:#000;
  360. }
  361.  
  362. .catalogCell .divMessage{
  363. margin:0;
  364. }
  365.  
  366. #divTools{
  367. text-align:left;
  368. margin-left:15px;
  369. }
  370.  
  371. .catalogFlag{
  372. float:left;
  373. }
  374.  
  375. .catalogHeader{
  376. line-height:1em;
  377. }
  378.  
  379. .catalogCell .labelSubject{
  380. padding:0;
  381. margin:0 0 .5em;
  382. font-size:1em;
  383. color:#D8B1EA;
  384. }
  385.  
  386. .linkThumb img{
  387. max-height:200px;
  388. max-width:200px;
  389. }
  390.  
  391. .catalogDiv{
  392. text-align:center;
  393. }
  394.  
  395. #boardsWrapper{
  396. width:80%;
  397. margin:1em auto;
  398. text-align:center;
  399. }
  400.  
  401. .boardsCell span{
  402. text-overflow:ellipsis;
  403. }
  404.  
  405. .search{
  406. margin:0 11px .5em;
  407. }
  408.  
  409. .search form{
  410. display:inline-block;
  411. }
  412.  
  413. #boardsSort,#searchButton{
  414. margin-top:1em;
  415. }
  416.  
  417. #legend{
  418. width:15%;
  419. text-align:left;
  420. display:inline-block;
  421. }
  422.  
  423. .boardsCellHeader{
  424. width:85%;
  425. display:inline-table;
  426. }
  427.  
  428.  .sfw #bannerImage:hover,.sfw .catalogCell .linkThumb img:hover,.sfw .uploadCell img:hover:not(.imgExpanded){
  429. opacity:1!important;
  430. filter:blur(5px);
  431. }
  432.  
  433. .sfw #bannerImage,.sfw .catalogCell .linkThumb img,.sfw .uploadCell img:not(.imgExpanded){
  434. opacity:0;
  435. }
  436.  
  437. .flipped{
  438. -moz-transform:scaleX(-1);
  439. -o-transform:scaleX(-1);
  440. -webkit-transform:scaleX(-1);
  441. transform:scaleX(-1);
  442. filter:FlipH;
  443. -ms-filter:FlipH;
  444. }
  445.  
  446. .linkThumb img{
  447. max-height:200px;
  448. max-width:200px;
  449. }
  450.  
  451. /*SPACE  TECH  CODE BOX*/
  452.  
  453. code {
  454. white-space: pre;
  455. border: 1px double #FF1744;
  456. background: #000000;
  457. color: #FF1744;
  458. font-family: 'Lucida Console', Monaco, monospace;
  459. font-size: 105%;
  460. max-width: 100%;
  461. overflow: auto;
  462. padding: 1em 1.5em;
  463. display: block;
  464. word-wrap: break-word;
  465. }
  466.  
  467. code br {
  468. display: block;
  469. }
  470.  
  471.  
  472. /* Glowing post IDs trips and quads for dark themes */
  473.  
  474. a.linkQuote[href$="000"], a.linkQuote[href$="111"],
  475. a.linkQuote[href$="222"], a.linkQuote[href$="333"],
  476. a.linkQuote[href$="444"], a.linkQuote[href$="555"],
  477. a.linkQuote[href$="666"], a.linkQuote[href$="777"],
  478. a.linkQuote[href$="888"], a.linkQuote[href$="999"],
  479. a.linkQuote[href$="0000"], a.linkQuote[href$="1111"],
  480. a.linkQuote[href$="2222"], a.linkQuote[href$="3333"],
  481. a.linkQuote[href$="4444"], a.linkQuote[href$="5555"],
  482. a.linkQuote[href$="6666"], a.linkQuote[href$="7777"],
  483. a.linkQuote[href$="8888"], a.linkQuote[href$="9999"],
  484. a.linkQuote[href$="00000"], a.linkQuote[href$="11111"],
  485. a.linkQuote[href$="22222"], a.linkQuote[href$="33333"],
  486. a.linkQuote[href$="44444"], a.linkQuote[href$="55555"],
  487. a.linkQuote[href$="66666"], a.linkQuote[href$="77777"],
  488. a.linkQuote[href$="88888"], a.linkQuote[href$="99999"],
  489. a.linkQuote[href$="000000"], a.linkQuote[href$="111111"],
  490. a.linkQuote[href$="222222"], a.linkQuote[href$="333333"],
  491. a.linkQuote[href$="444444"], a.linkQuote[href$="555555"],
  492. a.linkQuote[href$="666666"], a.linkQuote[href$="777777"],
  493. a.linkQuote[href$="888888"], a.linkQuote[href$="999999"],
  494. a.myQuote[href$="000"], a.myQuote[href$="111"],
  495. a.myQuote[href$="222"], a.myQuote[href$="333"],
  496. a.myQuote[href$="444"], a.myQuote[href$="555"],
  497. a.myQuote[href$="666"], a.myQuote[href$="777"],
  498. a.myQuote[href$="888"], a.myQuote[href$="999"],
  499. a.myQuote[href$="0000"], a.myQuote[href$="1111"],
  500. a.myQuote[href$="2222"], a.myQuote[href$="3333"],
  501. a.myQuote[href$="4444"], a.myQuote[href$="5555"],
  502. a.myQuote[href$="6666"], a.myQuote[href$="7777"],
  503. a.myQuote[href$="8888"], a.myQuote[href$="9999"],
  504. a.myQuote[href$="00000"], a.myQuote[href$="11111"],
  505. a.myQuote[href$="22222"], a.myQuote[href$="33333"],
  506. a.myQuote[href$="44444"], a.myQuote[href$="55555"],
  507. a.myQuote[href$="66666"], a.myQuote[href$="77777"],
  508. a.myQuote[href$="88888"], a.myQuote[href$="99999"],
  509. a.quoteLink[href$="000"], a.quoteLink[href$="111"],
  510. a.quoteLink[href$="222"], a.quoteLink[href$="333"],
  511. a.quoteLink[href$="444"], a.quoteLink[href$="555"],
  512. a.quoteLink[href$="666"], a.quoteLink[href$="777"],
  513. a.quoteLink[href$="888"], a.quoteLink[href$="999"],
  514. a.quoteLink[href$="0000"], a.quoteLink[href$="1111"],
  515. a.quoteLink[href$="2222"], a.quoteLink[href$="3333"],
  516. a.quoteLink[href$="4444"], a.quoteLink[href$="5555"],
  517. a.quoteLink[href$="6666"], a.quoteLink[href$="7777"],
  518. a.quoteLink[href$="8888"], a.quoteLink[href$="9999"],
  519. a.quoteLink[href$="00000"], a.quoteLink[href$="11111"],
  520. a.quoteLink[href$="22222"], a.quoteLink[href$="33333"],
  521. a.quoteLink[href$="44444"], a.quoteLink[href$="55555"],
  522. a.quoteLink[href$="66666"], a.quoteLink[href$="77777"],
  523. a.quoteLink[href$="88888"], a.quoteLink[href$="99999"],
  524. a.quoteLink[href$="000000"], a.quoteLink[href$="111111"],
  525. a.quoteLink[href$="222222"], a.quoteLink[href$="333333"],
  526. a.quoteLink[href$="444444"], a.quoteLink[href$="555555"],
  527. a.quoteLink[href$="666666"], a.quoteLink[href$="777777"],
  528. a.quoteLink[href$="888888"], a.quoteLink[href$="999999"] {
  529. color: #FF7!important;
  530. text-shadow: 0px 0px 0.2em #FFF, 0px 0px 0.2em #FFF;
  531. font-weight: bold;
  532. font-size: 16px;
  533. }
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!