API tools faq
paste
Advertisement
Guest User

TRF Dark blue (JimbobJeffers & Joey79100)

a guest
Dec 30th, 2019
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.30 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  * Custom Tomb Raider Forums theme by JimbobJeffers
  3.  * Slightly modded by Joey79100
  4.  */
  5. body {
  6.     background: #060708;
  7.     color: #B3B5B4;
  8.     font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  9.     margin: 5px 10px 10px 10px;
  10.     padding: 0px;
  11. }
  12.  
  13. a {
  14.     text-decoration: none;
  15.     transition: all 0.1s;
  16. }
  17.  
  18. a:hover {
  19.     text-decoration: underline;
  20.     text-decoration-style: dotted;
  21. }
  22.  
  23. a:link,
  24. body_alink {
  25.     color: #448194;
  26. }
  27.  
  28. a:visited,
  29. body_avisited {
  30.     color: #448194;
  31. }
  32.  
  33. a:hover,
  34. a:active,
  35. body_ahover {
  36.     color: #c86a28;
  37. }
  38.  
  39. .vBulletin_editor {
  40.     border: 1px solid #819fa8;
  41. }
  42.  
  43. .vBulletin_editor a,
  44. .vBulletin_editor legend {
  45.     color: #316a7b;
  46. }
  47.  
  48. .vBulletin_editor fieldset {
  49.     border: 1px solid #B3B5B4;
  50. }
  51.  
  52. .page {
  53.     background: #252b2f;
  54.     color: #B3B5B4;
  55. }
  56.  
  57. td,
  58. th,
  59. p,
  60. li {
  61.     font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  62. }
  63.  
  64. .tborder {
  65.     background: #0C0E0F;
  66.     color: #B3B5B4;
  67.     border: 1px solid #3a5c6d;
  68.     border-collapse: collapse;
  69.     box-shadow: inset 0 0 0 3px #396173;
  70. }
  71.  
  72. .tcat {
  73.     /* background: #7FB0C7 url(https://tinyimg.io/i/nwWfLN6.gif) repeat-x top left; */
  74.     background: linear-gradient(to bottom, #45829f, #467186, #467186);
  75.     filter: brightness(0.85) contrast(1.1) saturate(0.85);
  76.     color: #E3E6E4;
  77.     font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  78. }
  79.  
  80. .tcat a:link,
  81. .tcat_alink {
  82.     color: #E3E6E4;
  83.     text-decoration: none;
  84. }
  85.  
  86. .tcat a:visited,
  87. .tcat_avisited {
  88.     color: #E3E6E4;
  89.     text-decoration: none;
  90. }
  91.  
  92. .tcat a:hover,
  93. .tcat a:active,
  94. .tcat_ahover {
  95.     color: #E6E65C;
  96.     text-decoration: underline;
  97. }
  98.  
  99. .thead {
  100.     /* background: #4B8DAB url(https://tinyimg.io/i/CwBo9Wd.gif) repeat-x top left; */
  101.     background: linear-gradient(to bottom, #437288, #3c718a);
  102.     filter: brightness(0.85) contrast(1.1) saturate(0.85);
  103.     color: #E3E6E4;
  104.     font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  105. }
  106.  
  107. .thead a:link,
  108. .thead_alink {
  109.     color: #E3E6E4;
  110. }
  111.  
  112. .thead a:visited,
  113. .thead_avisited {
  114.     color: #E3E6E4;
  115. }
  116.  
  117. .thead a:hover,
  118. .thead a:active,
  119. .thead_ahover {
  120.     color: #E0A568;
  121. }
  122.  
  123. .tfoot {
  124.     background: #3E5C92;
  125.     color: #E0E0F6;
  126. }
  127.  
  128. .tfoot a:link,
  129. .tfoot_alink {
  130.     color: #E0E0F6;
  131. }
  132.  
  133. .tfoot a:visited,
  134. .tfoot_avisited {
  135.     color: #E0E0F6;
  136. }
  137.  
  138. .tfoot a:hover,
  139. .tfoot a:active,
  140. .tfoot_ahover {
  141.     color: #E6E65C;
  142. }
  143.  
  144. .alt1,
  145. .alt1Active {
  146.     background: #354148;
  147.     color: #B3B5B4;
  148. }
  149.  
  150. .alt2,
  151. .alt2Active {
  152.     background: #2f3940;
  153.     color: #B3B5B4;
  154. }
  155.  
  156. .inlinemod {
  157.     background: #FFFFCC;
  158.     color: #B3B5B4;
  159. }
  160.  
  161. .wysiwyg {
  162.     background: #181E21;
  163.     color: #B3B5B4;
  164.     font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  165.     margin: 5px 10px 10px 10px;
  166.     padding: 0px;
  167. }
  168.  
  169. .wysiwyg a:link,
  170. .wysiwyg_alink {
  171.     color: #448194;
  172. }
  173.  
  174. .wysiwyg a:visited,
  175. .wysiwyg_avisited {
  176.     color: #448194;
  177. }
  178.  
  179. .wysiwyg a:hover,
  180. .wysiwyg a:active,
  181. .wysiwyg_ahover {
  182.     color: #946C44;
  183. }
  184.  
  185. textarea,
  186. .bginput {
  187.     font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  188.     background: #d3dbdf;
  189.     border: 1px solid #d7f0fb;
  190. }
  191.  
  192. .bginput option,
  193. .bginput optgroup {
  194.     font-size: 10pt;
  195.     font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  196. }
  197.  
  198. .button {
  199.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  200. }
  201.  
  202. select {
  203.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  204. }
  205.  
  206. option,
  207. optgroup {
  208.     font-size: 11px;
  209.     font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  210. }
  211.  
  212. .smallfont {
  213.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  214. }
  215.  
  216. .time {
  217.     color: #447287;
  218. }
  219.  
  220. .navbar {
  221.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  222. }
  223.  
  224. .highlight {
  225.     color: #AD7F50;
  226.     font-weight: bold;
  227. }
  228.  
  229. .fjsel {
  230.     background: #386980;
  231.     color: #E3E6E4;
  232. }
  233.  
  234. .fjdpth0 {
  235.     background: #404C4F;
  236.     color: #B3B5B4;
  237. }
  238.  
  239. .panel {
  240.     background: #3b5d6c repeat-x top left;
  241.     color: #B3B5B4;
  242.     padding: 10px;
  243.     border: 1px solid #5c7c8a;
  244. }
  245.  
  246. .panelsurround {
  247.     background: #3a5c6d repeat-x top left;
  248.     color: #B3B5B4;
  249. }
  250.  
  251. .tfoot {
  252.     background-color: #448194;
  253. }
  254.  
  255. legend {
  256.     color: #448194;
  257.     font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  258. }
  259.  
  260. .vbmenu_control {
  261.     background: linear-gradient(to bottom, #437288, #3c718a);
  262.     filter: brightness(0.85) contrast(1.1) saturate(0.85);
  263.     color: #E3E6E4;
  264.     font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  265.     padding: 3px 6px 3px 6px;
  266.     white-space: nowrap;
  267. }
  268.  
  269. .vbmenu_control a:link,
  270. .vbmenu_control_alink {
  271.     color: #E3E6E4;
  272.     text-decoration: none;
  273. }
  274.  
  275. .vbmenu_control a:visited,
  276. .vbmenu_control_avisited {
  277.     color: #E3E6E4;
  278.     text-decoration: none;
  279. }
  280.  
  281. .vbmenu_control a:hover,
  282. .vbmenu_control a:active,
  283. .vbmenu_control_ahover {
  284.     color: #E3E6E4;
  285.     text-decoration: underline;
  286. }
  287.  
  288. .vbmenu_popup {
  289.     background: #0B0D0E;
  290.     color: #B3B5B4;
  291.     border: 1px solid #206980;
  292. }
  293.  
  294. .vbmenu_option {
  295.     background: #181E21;
  296.     color: #B3B5B4;
  297.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  298.     white-space: nowrap;
  299.     cursor: pointer;
  300. }
  301.  
  302. .vbmenu_option a:link,
  303. .vbmenu_option_alink {
  304.     color: #448194;
  305.     text-decoration: none;
  306. }
  307.  
  308. .vbmenu_option a:visited,
  309. .vbmenu_option_avisited {
  310.     color: #448194;
  311.     text-decoration: none;
  312. }
  313.  
  314. .vbmenu_option a:hover,
  315. .vbmenu_option a:active,
  316. .vbmenu_option_ahover {
  317.     color: #E3E6E4;
  318.     text-decoration: none;
  319. }
  320.  
  321. .vbmenu_hilite {
  322.     background: #252E33;
  323.     color: #E3E6E4;
  324.     font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  325.     white-space: nowrap;
  326.     cursor: pointer;
  327. }
  328.  
  329. .vbmenu_hilite a:link,
  330. .vbmenu_hilite_alink {
  331.     color: #E3E6E4;
  332.     text-decoration: none;
  333. }
  334.  
  335. .vbmenu_hilite a:visited,
  336. .vbmenu_hilite_avisited {
  337.     color: #E3E6E4;
  338.     text-decoration: none;
  339. }
  340.  
  341. .vbmenu_hilite a:hover,
  342. .vbmenu_hilite a:active,
  343. .vbmenu_hilite_ahover {
  344.     color: #E3E6E4;
  345.     text-decoration: none;
  346. }
  347.  
  348. /* ***** styling for 'big' usernames on postbit etc. ***** */
  349. .bigusername {
  350.     font-size: 14pt;
  351. }
  352.  
  353. /* ***** small padding on 'thead' elements ***** */
  354. td.thead,
  355. th.thead,
  356. div.thead {
  357.     padding: 4px;
  358. }
  359.  
  360. /* ***** basic styles for multi-page nav elements */
  361. .pagenav a {
  362.     text-decoration: none;
  363. }
  364.  
  365. .pagenav td {
  366.     padding: 2px 4px 2px 4px;
  367. }
  368.  
  369. /* ***** de-emphasized text */
  370. .shade,
  371. a.shade:link,
  372. a.shade:visited {
  373.     color: #E3E6E4;
  374.     text-decoration: none;
  375. }
  376.  
  377. a.shade:active,
  378. a.shade:hover {
  379.     color: #946C44;
  380.     text-decoration: underline;
  381. }
  382.  
  383. .tcat .shade,
  384. .thead .shade,
  385. .tfoot .shade {
  386.     color: #E3E6E4;
  387. }
  388.  
  389. /* ***** define margin and font-size for elements inside panels ***** */
  390. .fieldset {
  391.     margin-bottom: 6px;
  392.     border: 1px solid #5c7c8a;
  393. }
  394.  
  395. .fieldset,
  396. .fieldset td,
  397. .fieldset p,
  398. .fieldset li {
  399.     font-size: 11px;
  400. }
  401.  
  402.  
  403.  
  404. /*
  405. * Thread Specifics
  406. */
  407. .thead[style*="border-right"] {
  408.     border: 1px solid #375d6e !important;
  409.     border-right: 0px !important;
  410. }
  411.  
  412. .thead[style*="border-left"] {
  413.     border: 1px solid #375d6e !important;
  414.     border-left: 0px !important;
  415. }
  416.  
  417. .alt2[style*="border-top"][style*="border-bottom"] {
  418.     border: 1px solid #375d6e !important;
  419.     border-top: 0px !important;
  420.     border-bottom: 0px !important;
  421. }
  422.  
  423. .alt2[style*="border-top"],
  424. alt2:not([style*="border-bottom"]) {
  425.     border: 1px solid #375d6e !important;
  426.     border-top: 0px !important;
  427. }
  428.  
  429. .alt1[style*="border-right"] {
  430.     border-right: 1px solid #375d6e !important;
  431. }
  432.  
  433. .alt1[style*="border-left"] {
  434.     border: 1px solid #375d6e !important;
  435.     border-left: 0px !important;
  436.     border-top: 0px !important;
  437. }
  438.  
  439. hr {
  440.     color: #242c2f !important;
  441.     background-color: #394348 !important;
  442. }
  443.  
  444. .vBulletin_editor {
  445.     background-color: #738892 !important;
  446. }
  447.  
  448.  
  449.  
  450. /*
  451. * Image Replacements
  452. */
  453. img[src*="images/buttons/collapse_tcat.gif"] {
  454.     width: 0px;
  455.     height: 15px;
  456.     padding-left: 15px;
  457.     background: url(https://tinyimg.io/i/dyjP3Oz.gif) no-repeat;
  458. }
  459.  
  460. img[src*="images/buttons/collapse_tcat_collapsed.gif"] {
  461.     width: 0px;
  462.     height: 15px;
  463.     padding-left: 15px;
  464.     background: url(https://tinyimg.io/i/UmbG0Jt.gif) no-repeat;
  465. }
  466.  
  467. img[src*="images/buttons/lastpost.gif"] {
  468.     width: 0px;
  469.     height: 12px;
  470.     padding-left: 12px;
  471.     background: url(https://tinyimg.io/i/MqjIjQQ.gif) no-repeat;
  472. }
  473.  
  474. img[src*="images/buttons/multiquote_off.gif"] {
  475.     width: 0px;
  476.     height: 22px;
  477.     padding-left: 25px;
  478.     background: url(https://tinyimg.io/i/H1OUJ2s.gif) no-repeat;
  479. }
  480.  
  481. img[src*="images/buttons/multiquote_on.gif"] {
  482.     width: 0px;
  483.     height: 22px;
  484.     padding-left: 25px;
  485.     background: url(https://tinyimg.io/i/LZzKwKC.gif) no-repeat;
  486. }
  487.  
  488. img[src*="images/buttons/newthread.gif"] {
  489.     width: 0px;
  490.     height: 26px;
  491.     padding-left: 110px;
  492.     background: url(https://tinyimg.io/i/Tcq2OCB.gif) no-repeat;
  493. }
  494.  
  495. img[src*="images/buttons/quickreply.gif"] {
  496.     width: 0px;
  497.     height: 22px;
  498.     padding-left: 25px;
  499.     background: url(https://tinyimg.io/i/IKGQIFG.gif) no-repeat;
  500. }
  501.  
  502. img[src*="images/buttons/quote.gif"] {
  503.     width: 0px;
  504.     height: 22px;
  505.     padding-left: 70px;
  506.     background: url(https://tinyimg.io/i/mPPpXgj.gif) no-repeat;
  507. }
  508.  
  509. img[src*="images/buttons/reply.gif"] {
  510.     width: 0px;
  511.     height: 26px;
  512.     padding-left: 110px;
  513.     background: url(https://tinyimg.io/i/vi4O1Z3.gif) no-repeat;
  514. }
  515.  
  516. img[src*="images/buttons/report.gif"] {
  517.     width: 0px;
  518.     height: 17px;
  519.     padding-left: 21px;
  520.     background: url(https://tinyimg.io/i/vGOMCqp.gif) no-repeat;
  521. }
  522.  
  523. img[src*="images/buttons/viewpost.gif"] {
  524.     width: 0px;
  525.     height: 12px;
  526.     padding-left: 12px;
  527.     background: url(https://tinyimg.io/i/MqjIjQQ.gif) no-repeat;
  528. }
  529.  
  530. img[src*="images/icons/icon1.gif"] {
  531.     width: 0px;
  532.     height: 16px;
  533.     padding-left: 16px;
  534.     background: url(https://tinyimg.io/i/AM1C30N.gif) no-repeat;
  535. }
  536.  
  537. img[src*="images/icons/icon2.gif"] {
  538.     width: 0px;
  539.     height: 16px;
  540.     padding-left: 16px;
  541.     background: url(https://tinyimg.io/i/0OQC6KX.gif) no-repeat;
  542. }
  543.  
  544. img[src*="images/icons/icon3.gif"] {
  545.     width: 0px;
  546.     height: 16px;
  547.     padding-left: 16px;
  548.     background: url(https://tinyimg.io/i/fsvNX2E.gif) no-repeat;
  549. }
  550.  
  551. img[src*="images/icons/icon4.gif"] {
  552.     width: 0px;
  553.     height: 16px;
  554.     padding-left: 16px;
  555.     background: url(https://tinyimg.io/i/eIlz9Vo.gif) no-repeat;
  556. }
  557.  
  558. img[src*="images/icons/icon5.gif"] {
  559.     width: 0px;
  560.     height: 16px;
  561.     padding-left: 16px;
  562.     background: url(https://tinyimg.io/i/jvVIGVf.gif) no-repeat;
  563. }
  564.  
  565. img[src*="images/icons/icon6.gif"] {
  566.     width: 0px;
  567.     height: 16px;
  568.     padding-left: 16px;
  569.     background: url(https://tinyimg.io/i/k3yC6g2.gif) no-repeat;
  570. }
  571.  
  572. img[src*="images/icons/icon7.gif"] {
  573.     width: 0px;
  574.     height: 16px;
  575.     padding-left: 16px;
  576.     background: url(https://tinyimg.io/i/3Mx1BGR.gif) no-repeat;
  577. }
  578.  
  579. img[src*="images/icons/icon8.gif"] {
  580.     width: 0px;
  581.     height: 16px;
  582.     padding-left: 16px;
  583.     background: url(https://tinyimg.io/i/DsO1S97.gif) no-repeat;
  584. }
  585.  
  586. img[src*="images/icons/icon9.gif"] {
  587.     width: 0px;
  588.     height: 16px;
  589.     padding-left: 16px;
  590.     background: url(https://tinyimg.io/i/lUXJmQY.gif) no-repeat;
  591. }
  592.  
  593. img[src*="images/icons/icon10.gif"] {
  594.     width: 0px;
  595.     height: 16px;
  596.     padding-left: 16px;
  597.     background: url(https://tinyimg.io/i/bgaj4fL.gif) no-repeat;
  598. }
  599.  
  600. img[src*="images/icons/icon11.gif"] {
  601.     width: 0px;
  602.     height: 16px;
  603.     padding-left: 16px;
  604.     background: url(https://tinyimg.io/i/p3klgTN.gif) no-repeat;
  605. }
  606.  
  607. img[src*="images/icons/icon12.gif"] {
  608.     width: 0px;
  609.     height: 16px;
  610.     padding-left: 16px;
  611.     background: url(https://tinyimg.io/i/6ET6RL8.gif) no-repeat;
  612. }
  613.  
  614. img[src*="images/icons/icon13.gif"] {
  615.     width: 0px;
  616.     height: 16px;
  617.     padding-left: 16px;
  618.     background: url(https://tinyimg.io/i/Dls0DeG.gif) no-repeat;
  619. }
  620.  
  621. img[src*="images/icons/icon14.gif"] {
  622.     width: 0px;
  623.     height: 16px;
  624.     padding-left: 16px;
  625.     background: url(https://tinyimg.io/i/TuBycwB.gif) no-repeat;
  626. }
  627.  
  628. img[src*="images/misc/navbits_finallink_ltr.gif"] {
  629.     width: 0px;
  630.     height: 15px;
  631.     padding-left: 30px;
  632.     background: url(https://tinyimg.io/i/jFbPm6e.gif) no-repeat;
  633. }
  634.  
  635. img[src*="images/misc/navbits_start.gif"] {
  636.     width: 0px;
  637.     height: 15px;
  638.     padding-left: 15px;
  639.     background: url(https://tinyimg.io/i/PpkmBcY.gif) no-repeat;
  640. }
  641.  
  642. img[src*="images/misc/stats.gif"] {
  643.     width: 0px;
  644.     height: 30px;
  645.     padding-left: 30px;
  646.     background: url(https://tinyimg.io/i/rvX8vPX.gif) no-repeat;
  647. }
  648.  
  649. img[src*="images/misc/tombraiderforums-logo-w.gif"],
  650. img[src*="images/misc/tombraiderforums-logo-g.gif"] {
  651.     width: 0px;
  652.     height: 100px;
  653.     padding-left: 307px;
  654.     background: url(https://tinyimg.io/i/x7YMZfY.jpg) no-repeat;
  655.     filter: saturate(2.0) hue-rotate(-5deg);
  656. }
  657.  
  658. img[src*="images/misc/whos_online.gif"] {
  659.     width: 0px;
  660.     height: 30px;
  661.     padding-left: 30px;
  662.     background: url(https://tinyimg.io/i/bGc2RTQ.gif) no-repeat;
  663. }
  664.  
  665. img[src*="images/smilies/biggrin.gif"] {
  666.     width: 0px;
  667.     height: 16px;
  668.     padding-left: 16px;
  669.     background: url(https://tinyimg.io/i/6mtmZvF.gif) no-repeat;
  670. }
  671.  
  672. img[src*="images/smilies/confused.gif"] {
  673.     width: 0px;
  674.     height: 21px;
  675.     padding-left: 16px;
  676.     background: url(https://tinyimg.io/i/F2lDP34.gif) no-repeat;
  677. }
  678.  
  679. img[src*="images/smilies/cool.gif"] {
  680.     width: 0px;
  681.     height: 16px;
  682.     padding-left: 16px;
  683.     background: url(https://tinyimg.io/i/hR3OzPC.gif) no-repeat;
  684. }
  685.  
  686. img[src*="images/smilies/eek.gif"] {
  687.     width: 0px;
  688.     height: 16px;
  689.     padding-left: 16px;
  690.     background: url(https://tinyimg.io/i/cCszpxf.gif) no-repeat;
  691. }
  692.  
  693. img[src*="images/smilies/frown.gif"] {
  694.     width: 0px;
  695.     height: 16px;
  696.     padding-left: 16px;
  697.     background: url(https://tinyimg.io/i/39mZuoP.gif) no-repeat;
  698. }
  699.  
  700. img[src*="images/smilies/mad.gif"] {
  701.     width: 0px;
  702.     height: 16px;
  703.     padding-left: 16px;
  704.     background: url(https://tinyimg.io/i/sdpeCjt.gif) no-repeat;
  705. }
  706.  
  707. img[src*="images/smilies/redface.gif"] {
  708.     width: 0px;
  709.     height: 16px;
  710.     padding-left: 16px;
  711.     background: url(https://tinyimg.io/i/R7SDXWl.gif) no-repeat;
  712. }
  713.  
  714. img[src*="images/smilies/rolleyes.gif"] {
  715.     width: 0px;
  716.     height: 16px;
  717.     padding-left: 16px;
  718.     background: url(https://tinyimg.io/i/7XS0Aq2.gif) no-repeat;
  719. }
  720.  
  721. img[src*="images/smilies/smile.gif"] {
  722.     width: 0px;
  723.     height: 16px;
  724.     padding-left: 16px;
  725.     background: url(https://tinyimg.io/i/rpG1MBt.gif) no-repeat;
  726. }
  727.  
  728. img[src*="images/smilies/tongue.gif"] {
  729.     width: 0px;
  730.     height: 16px;
  731.     padding-left: 16px;
  732.     background: url(https://tinyimg.io/i/7ySZnxS.gif) no-repeat;
  733. }
  734.  
  735. img[src*="images/smilies/wink.gif"] {
  736.     width: 0px;
  737.     height: 16px;
  738.     padding-left: 16px;
  739.     background: url(https://tinyimg.io/i/fvB0VOV.gif) no-repeat;
  740. }
  741.  
  742. img[src*="images/statusicon/forum_new.gif"] {
  743.     width: 0px;
  744.     height: 30px;
  745.     padding-left: 29px;
  746.     background: url(https://tinyimg.io/i/sqFEpJO.gif) no-repeat;
  747. }
  748.  
  749. img[src*="images/statusicon/forum_old.gif"] {
  750.     width: 0px;
  751.     height: 30px;
  752.     padding-left: 29px;
  753.     background: url(https://tinyimg.io/i/h3tGBPy.gif) no-repeat;
  754. }
  755.  
  756. img[src*="images/statusicon/post_new.gif"] {
  757.     width: 0px;
  758.     height: 11px;
  759.     padding-left: 10px;
  760.     background: url(https://tinyimg.io/i/QMg1S31.gif) no-repeat;
  761. }
  762.  
  763. img[src*="images/statusicon/post_old.gif"] {
  764.     width: 0px;
  765.     height: 11px;
  766.     padding-left: 10px;
  767.     background: url(https://tinyimg.io/i/Hq8TZeg.gif) no-repeat;
  768. }
  769.  
  770. img[src*="images/statusicon/subforum_new.gif"] {
  771.     width: 0px;
  772.     height: 11px;
  773.     padding-left: 11px;
  774.     background: url(https://tinyimg.io/i/HzttSF7.gif) no-repeat;
  775. }
  776.  
  777. img[src*="images/statusicon/subforum_old.gif"] {
  778.     width: 0px;
  779.     height: 11px;
  780.     padding-left: 11px;
  781.     background: url(https://tinyimg.io/i/V5TchyO.gif) no-repeat;
  782. }
  783.  
  784. img[src*="images/statusicon/user_offline.gif"] {
  785.     width: 0px;
  786.     height: 15px;
  787.     padding-left: 15px;
  788.     background: url(https://tinyimg.io/i/8XU2LLK.gif) no-repeat;
  789. }
  790.  
  791. img[src*="images/statusicon/user_online.gif"] {
  792.     width: 0px;
  793.     height: 15px;
  794.     padding-left: 15px;
  795.     background: url(https://tinyimg.io/i/hTKxiuD.gif) no-repeat;
  796. }
  797.  
  798.  
  799.  
  800. /*
  801.  * Joey79100's additions below
  802.  */
  803.  
  804.  
  805. /* Pages list */
  806. .pagenav .tborder {
  807.     border-width: 0;
  808. }
  809.  
  810. .pagenav .tborder tr {
  811.     background: #252B2F;
  812. }
  813.  
  814. .pagenav .tborder td:first-of-type {
  815.     background: #252B2F;
  816.     box-shadow: 0 0 0 3px #252B2F;
  817.     filter: none;
  818.     padding-right: 10px;
  819.     color: #637079;
  820. }
  821.  
  822. .pagenav .tborder td[class^=alt] {
  823.     height: 25px;
  824.     width: 25px;
  825.     text-align: center;
  826.     padding: 1px;
  827.     border-radius: 5px;
  828.     background: #252B2F;
  829.     box-shadow: inset 0 0 0px 0px #252B2F;
  830.     transition: all 0.1s;
  831. }
  832.  
  833. .pagenav .tborder td[class^=alt]:hover,
  834. .pagenav .tborder td[class^=alt] span[title^="Showing"] {
  835.     background: #353d42;
  836. }
  837.  
  838. .pagenav .tborder td[class^=alt] span[title^="Showing"] {
  839.     border-radius: 5px;
  840. }
  841.  
  842. .pagenav .tborder td[class^=alt] span,
  843. .pagenav .tborder td[class^=alt] a {
  844.     width: 100%;
  845.     height: 100%;
  846.     display: inline-block;
  847.     line-height: 225%;
  848. }
  849.  
  850. .pagenav .tborder td[class^=alt] a[rel=start],
  851. .pagenav .tborder td[class^=alt] a[title^="Last"] {
  852.     margin-right: 20px;
  853. }
  854.  
  855. .pagenav .tborder td.vbmenu_control:last-of-type {
  856.     background: #252B2F;
  857.     filter: none;
  858. }
  859.  
  860.  
  861.  
  862. /* Post colors (making them readable on the curent background color) */
  863. font[color="Black"] {
  864.     color: #B3B5B4;
  865. }
  866.  
  867. font[color="Gray"] {
  868.     color: #ffffff30;
  869. }
  870.  
  871. font[color="Silver"] {
  872.     color: #ffffff20;
  873. }
  874.  
  875. font[color="White"] {
  876.     color: #ffffff0a;
  877. }
  878.  
  879. font[color="#282828"] {
  880.     color: #8e9aa4;
  881. }
  882.  
  883.  
  884. font[color="Red"] {
  885.     color: #f94d4d;
  886. }
  887.  
  888. font[color="DarkRed"] {
  889.     color: #aa4833;
  890. }
  891.  
  892. font[color="Green"] {
  893.     color: #0ea630;
  894. }
  895.  
  896. font[color="Blue"] {
  897.     color: #1366ff;
  898. }
  899.  
  900. font[color="DarkSlateBlue"] {
  901.     color: #6060df;
  902. }
  903.  
  904. font[color="Purple"] {
  905.     color: #ac4cee;
  906. }
  907.  
  908. font[color="Indigo"] {
  909.     color: #8556d0;
  910. }
  911. font[color="#003F7E"] {
  912.     color: #0d6bca;
  913. }
  914.  
  915. b {
  916.     /* color: #e1e3e2; */
  917.     filter: contrast(1.1) brightness(1.1);
  918. }
  919.  
  920.  
  921. /* CODE areas (fixing the width) */
  922. pre.alt2 {
  923.     width: inherit !important;
  924. }
  925.  
  926.  
  927.  
  928. /* Buttons inside the message editor */
  929. div.imagebutton {
  930.     transition: background 0.1s, filter 0.1s;
  931.     /* background: #738892; */
  932.     margin: 1px;
  933.     background: linear-gradient(to bottom, #fff0, #0000) !important;
  934.     box-shadow: 0 1px 3px 0 #0000;
  935. }
  936.  
  937. div.imagebutton:hover {
  938.     background: #87a9b9 !important;
  939.     filter: brightness(1.2);
  940.     border-color: #87a9b9 !important;
  941.     box-shadow: 0 0 0 0 #0000;
  942. }
  943.  
  944. div.imagebutton img:active {
  945.     background: #0003 !important;
  946. }
  947.  
  948. /* EDIT button (fix the color because no custom image has been done yet) */
  949. a[href^="editpost.php"] img {
  950.     filter: brightness(0.85) sepia(0.1) hue-rotate(-35deg);
  951. }
  952.  
  953.  
  954. /* Buttons (Post Quick Reply, Preview, Post, etc) */
  955. input.button {
  956.     transition: all 0.1s;
  957.     padding: 0px 15px;
  958.     margin: 0px -3px;
  959.     border-width: 3px;
  960.     border-style: solid;
  961.     border-color: transparent;
  962.     background-color: #bcc8db;
  963. }
  964.  
  965. input.button:hover:not(:disabled) {
  966.     background-color: #d8e7f6;
  967. }
  968.  
  969. input.button:active:not(:disabled) {
  970.     background-color: #8ca0b7;
  971. }
  972.  
  973.  
  974.  
  975. /* Profile pictures hover */
  976. a[href^="index.php"],
  977. img[src^="customavatars/avatar"] {
  978.     transition: filter 0.15s;
  979. }
  980.  
  981. a[href^="index.php"]:hover,
  982. img[src^="customavatars/avatar"]:hover {
  983.     filter: contrast(1.2) brightness(1.7);
  984. }
  985.  
  986.  
  987.  
  988. /* "Title" area in the message window */
  989. td.panelsurround div.panel div[align=left] div.smallfont + table.fieldset {
  990.     border: none;
  991. }
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!