API tools faq
paste
Advertisement
Guest User

TRF Very dark blue (JimbobJeffers & Joey79100)

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