API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 17th, 2017
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.09 KB | None | 0 0
raw download clone embed print report
  1. /* Reset CSS */
  2.  
  3. * {
  4.     margin: 0;
  5.     padding: 0;
  6.     border: none;
  7.     background: none;
  8. }
  9.  
  10. @namespace url(http://www.w3.org/1999/xhtml);
  11.  
  12. /* Fitting background images;
  13. ==> https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-549710.png
  14. ==> https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-551636.jpg
  15. ==> https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-548684.jpg
  16. ==> https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-340599.jpg
  17. ==> https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-433712.png
  18. ==> https://image.ibb.co/fY1DKQ/ahri_lulu_sarah_fortune_and_sona_buvelle_league_of_legends_drawn_by_instant_ip_a3b2c33833bcbbb860b36c72c9cc7d02.jpg
  19. ==> http://i.imgur.com/XnxRLXG.jpg
  20. ==> http://hnng.moe/f/ULT
  21. ==> https://image.ibb.co/exNcpQ/FG_Wallpaper.png
  22.  
  23. */
  24.  
  25. /* ======> MAIN FORUM WEBPAGE <====== */
  26.  
  27. /* Background image image.ibb.co is faster than hnng.moe when it comes to .PNG compressing */
  28.  
  29. html {
  30.     background: transparent url('https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-433712.png') no-repeat fixed !important;
  31. }
  32.  
  33. /* Remove the background image at post frame */
  34.  
  35. .CSS1Compat {
  36.     background-image: none!important;
  37.     background-color: #333!important;
  38. }
  39.  
  40. /* Table body line height adjustment */
  41.  
  42. body {
  43.     line-height: 1.250;
  44.     background: none;
  45. }
  46.  
  47. /* Font replacement */
  48.  
  49. body,
  50. legend {
  51.     font-family: 'Roboto';
  52. }
  53.  
  54. body a {
  55.     color: #2196F3;
  56. }
  57.  
  58. /* Logo image */
  59.  
  60. .logo-image {
  61.     content: url('https://i.imgur.com/sEzTTUB.png');
  62.     top: 25px;
  63.     right: 660px;
  64. }
  65.  
  66. /* FGunZ logo image */
  67.  
  68. .navtab > img {
  69.     content: url('https://i.imgur.com/lOvPYiY.png');
  70.     height: 45px!important;
  71.     margin: 1px 1px;
  72. }
  73.  
  74. /* Doc header */
  75.  
  76. .doc_header {
  77.     height: 40px;
  78. }
  79.  
  80. /* Make avatars round */
  81.  
  82. .postuseravatar img {
  83.     border-radius: 50% !important;
  84.     background-size: cover;
  85.     background-position: center;
  86.     max-width: 200px;
  87.     max-height: 200px;
  88.     width: auto;
  89.     height: auto;
  90.     border: 2px solid rgba(56, 56, 56, 0.78);
  91. }
  92.  
  93. .toplinks img {
  94.     border-radius: 70% !important;
  95.     background-size: cover;
  96.     background-position: center;
  97. }
  98.  
  99. /* Removed the animation from header */
  100.  
  101. .animated-front {
  102.     -webkit-animation: none;
  103.     animation: none;
  104.     background: none;
  105. }
  106.  
  107. .animated-panel {
  108.     position: inherit;
  109.     top: 0;
  110.     height: 0%;
  111.     width: 0%;
  112. }
  113.  
  114. .animated-wrap {
  115.     width: 0;
  116. }
  117.  
  118. /* Header buttons re-colored */
  119.  
  120. .btn.blue,
  121. .blue {
  122.     background-image: linear-gradient(to bottom, #3c3939 0%, #1f1a1a 100%);
  123.     border: 1px solid #333333;
  124. }
  125.  
  126. /* On hover */
  127.  
  128. .btn.blue:hover,
  129. .blue:hover {
  130.     background-image: linear-gradient(to bottom, #3c3939 0%, #1f1a1a 70%);
  131.     border: 1px solid #333333;
  132.     cursor: pointer;
  133. }
  134.  
  135. /* Body <wrapper> */
  136.  
  137. .body_wrapper {
  138.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  139.     border: 1px solid #3c4a50;
  140. }
  141.  
  142. /* Breadcrumb */
  143.  
  144. .breadcrumb {
  145.     background: rgba(19, 19, 19, 0.75);
  146. }
  147.  
  148. /* Tables */
  149.  
  150. table {
  151.     font-size: inherit;
  152.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  153. }
  154.  
  155. /* Navigation bar */
  156.  
  157. .navbar {
  158.     margin: 15px 0px -30px 1px;
  159.     padding: 0px 190px 0px 0px;
  160.     background: none;
  161.     border-top-left-radius: 4px !important;
  162.     border-top-right-radius: 4px !important;
  163.     border-bottom-left-radius: 0px !important;
  164.     border-bottom-right-radius: 0px !important;
  165. }
  166.  
  167. .navbar a {
  168.     margin: 10px 4px;
  169. }
  170.  
  171. .navtabs {
  172.     background: none;
  173.     border-top-left-radius: 4px !important;
  174.     border-top-right-radius: 4px !important;
  175.     border-bottom-left-radius: 0px !important;
  176.     border-bottom-right-radius: 0px !important;
  177. }
  178.  
  179. .navtabs li.selected a.navtab {
  180.     color: #ffffff;
  181.     text-shadow: -1px 3px rgba(0, 0, 0, 0.82);
  182. }
  183.  
  184. .navtabs > ul.floatcontainer li a,
  185. .navtabs > ul.floatcontainer li a.popupctrl {
  186.     color: #e6e6e6;
  187.     text-shadow: -1px 2px rgba(0, 0, 0, 0.82);
  188.     font: 12px Roboto;
  189.     line-height: 25px;
  190.     margin: 0px 4px;
  191. }
  192.  
  193. .navtabs li a.navtab {
  194.     background: none;
  195. }
  196.  
  197. .navtabs li a.navtab {
  198.     color: #e8e8e8!important;
  199. }
  200.  
  201. .navtabs li a.navtab:hover {
  202.     color: #fff!important;
  203. }
  204.  
  205. /* Freestylers Chatbox blockhead text::before */
  206.  
  207. .forumhead::before,
  208. .blockhead::before,
  209. #forum_icon_legend h5::before {
  210.     content: 'WasEz?';
  211. }
  212.  
  213. /* Freestylers Chatbox blockhead text::after */
  214.  
  215. .forumhead::after,
  216. .blockhead::after {
  217.     content: 'WasEz?';
  218.     margin-left: 120px;
  219.     margin-bottom: 500px!important;
  220.     color: #666;
  221.     width: 100%;
  222.     height: 100%;
  223.     font-weight: 900;
  224.     font-style: normal;
  225.     font-family: 'Roboto'!important;
  226.     font-size: 11px;
  227.     text-transform: uppercase;
  228. }
  229.  
  230.  
  231. /* Forum heads / titles */
  232.  
  233. .forumhead::before,
  234. .blockhead::before {
  235.     background: url(https://i.imgur.com/L6uUhHY.jpg) no-repeat fixed;
  236. }
  237.  
  238. /* Forum rows */
  239.  
  240. .forumhead + .childforum .L2:first-child .forumrow,
  241. .forumhead + .L2 .forumrow,
  242. .forumbit_nopost .forumbit_nopost .forumrow,
  243. .forumbit_post .forumrow,
  244. .threadbit .nonsticky,
  245. .threadbit .discussionrow,
  246. .threadbit .sticky {
  247.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  248. }
  249.  
  250. /* Search box */
  251.  
  252. .globalsearch input.textbox {
  253.     width: 160px;
  254.     border: 1px solid rgba(219, 219, 219, 0.59);
  255.     background: rgba(0, 0, 0, 0.58);
  256.     color: #dbdbdb;
  257.     margin: 18px -38px 3px 0px;
  258.     padding: 3px 4px;
  259. }
  260.  
  261. /* Search icon */
  262.  
  263. .globalsearch .searchbutton {
  264.     margin-top: 12px;
  265.     margin-left: -2px;
  266. }
  267.  
  268. /* Advanced search */
  269.  
  270. .globalsearch a {
  271.     margin: 14px -12px 0 0;
  272.     color: #fff;
  273.     text-shadow: 1px 2px 2px #000!important;
  274. }
  275.  
  276. .navbar a:hover {
  277.     color: #fff;
  278. }
  279.  
  280. /* Floatcontainer */
  281.  
  282. #navtabs > .floatcontainer {
  283.     border-top-left-radius: 0px !important;
  284.     border-top-right-radius: 0px !important;
  285.     border-bottom-left-radius: 4px !important;
  286.     border-bottom-right-radius: 4px !important;
  287.     background: none;
  288.     border: none;
  289. }
  290.  
  291. /* Floatcontainer content padding */
  292.  
  293. body,
  294. div,
  295. dl,
  296. dt,
  297. dd,
  298. ul,
  299. ol,
  300. li,
  301. h1,
  302. h2,
  303. h3,
  304. h4,
  305. h5,
  306. h6,
  307. pre,
  308. code,
  309. form,
  310. fieldset,
  311. legend,
  312. input,
  313. button,
  314. textarea,
  315. p,
  316. blockquote,
  317. th,
  318. td {
  319.     padding: 1px;
  320. }
  321.  
  322. /* Floatcontainer thread icons */
  323.  
  324. .forumbit_post .foruminfo .forumicon {
  325.     content: url('https://i.imgur.com/sG9OB7x.png');
  326.     opacity: 0.80;
  327. }
  328.  
  329. /* Floatcontainer sub-text recolor */
  330.  
  331. .datacontainer,
  332. .titleline,
  333. forumtitle {
  334.     color: #989898;
  335. }
  336.  
  337. /* Notification popout menu */
  338.  
  339. .toplinks ul.isuser .notifications .popupbody {
  340.     border: 1px solid #541412;
  341. }
  342.  
  343. /* Size & padding adjustment */
  344.  
  345. .notifications .popupbody {
  346.     top: 26px!important;
  347.     left: -2px!important;
  348. }
  349.  
  350. /* Color and other small adjustments */
  351.  
  352. .toplinks ul.isuser .popupbody li {
  353.     padding: 0px 0px 0px 10px;
  354.     background-image: linear-gradient(to bottom, #2f2f2f 0%, #1d1d1d 100%);
  355. }
  356.  
  357. .toplinks ul.isuser .popupbody li:hover {
  358.     background-image: linear-gradient(to bottom, #383838 0%, #252525 100%)
  359. }
  360.  
  361. /* Username/welcome message color */
  362. #toplinks > div > span > a {
  363.     font-weight: 700;
  364.     text-shadow:rgba(255, 255, 255, 0.4) 0px 0px 2px;
  365. }
  366.  
  367. /* Button text-shadow re-color */
  368.  
  369. .toplinks .btn {
  370.     text-shadow: 2px 0px 2px rgba(234, 225, 197, 0.53);
  371. }
  372.  
  373. /* Removed black border inside the notification menu */
  374.  
  375. .btn.dark,
  376. .toplinks ul.isuser .notifications .popupbody li a {
  377.     border: none;
  378. }
  379.  
  380. .btn.dark,
  381. .toplinks ul.isuser .notifications .popupbody li a:hover {
  382.     border: none;
  383. }
  384.  
  385. /* Logout button animation */
  386.  
  387. .btn.dark:hover {
  388.     background-position: 0 -50%;
  389.     background-repeat: repeat-x;
  390.     transition: background-position .85s linear;
  391. }
  392.  
  393. .btn.dark:hover {
  394.     background-position: 100% 60%;
  395.     color: white !important;
  396.     background-image: url('https://s32.postimg.org/g5kiaqxit/wave_black.png');
  397.     opacity: 0.90;
  398.     text-shadow: 2px 0px 2px rgba(234, 225, 197, 0.53);
  399. }
  400.  
  401. /*.btn.dark:hover {
  402.    
  403. }*/
  404.  
  405. /* Online users status & current event image position fix */
  406.  
  407. .blocksubhead {
  408.     padding: 8px 0px 0px 34px!important;
  409. }
  410.  
  411. /* Reload button */
  412.  
  413. .blocksubhead a {
  414.     color: #009aff;
  415.     font-family: Roboto;
  416. }
  417.  
  418. /* ZChat submit form */
  419.  
  420. #zchat_form .zchat_submit {
  421.     margin: -20px 0px 0px 1px;
  422.     background: url(http://i.imgur.com/h3eeW2R.png) no-repeat;
  423. }
  424.  
  425. #zchat_form .zchat_text {
  426.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  427.     width: 875px;
  428.     color: #ff6f07;
  429.     height: 21px;
  430.     margin-left: 20px;
  431. }
  432.  
  433. /* Removed ZChat icons */
  434.  
  435. #zchat_form .zchat_help {
  436.     background: none;
  437. }
  438.  
  439. #zchat_form .zchat_settings {
  440.     background: none;
  441. }
  442.  
  443. /* ZChat user manager box */
  444.  
  445. #zchat #manage_user {
  446.     background: #1f1f1f;
  447.     position: absolute;
  448.     top: 686px;
  449.     margin: 62px 0px 0px -185px;
  450.     border: 1px solid #673e0a;
  451.     color: #673e0a;
  452. }
  453.  
  454. #zchat #manage_user ul {
  455.     list-style-type: none;
  456.     padding: 3px;
  457.     margin: 0;
  458. }
  459.  
  460. #zchat #manage_user ul a {
  461.     color: #ff8f00;
  462. }
  463.  
  464. #zchat #manage_user ul a:hover {
  465.     color: #ffefd8;
  466. }
  467.  
  468. /* ZChat notification sound design */
  469.  
  470. #zchat .chat .zchat_msg_notification {
  471.     background: rgb(168, 145, 255)!important;
  472. }
  473.  
  474. /* ZChat design */
  475.  
  476. #zchat {
  477.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  478. }
  479.  
  480. #zchat_container {
  481.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  482. }
  483.  
  484. /* ZChat glowing effect */
  485.  
  486. #zchat_form .zchat_text:focus {
  487.     animation: glow 700ms ease-out infinite alternate;
  488. }
  489.  
  490. #zchat_form .zchat_text:hover {
  491.     animation: glow 700ms ease-out infinite alternate;
  492. }
  493.  
  494. @keyframes glow {
  495.     0% {
  496.         border-color: #808080;
  497.         box-shadow: 0 0 0px #808080, inset 0 0 2px #808080, 0 0px 0;
  498.     }
  499.     100% {
  500.         border-color: #505050;
  501.         box-shadow: 0 0 0px #505050, inset 0 0 2px #505050, 0 0px 0;
  502.     }
  503. }
  504.  
  505. /* ZChat dynamic HTML colors */
  506.  
  507. /* ADM's */
  508.  
  509. td > span[style$='color:#CD0000;'] {
  510.     color: #ff6f07!important;
  511.     font-weight: bold;
  512.     text-shadow: 1px 1px 1px #000, rgb(255, 111, 7) 1px 0px 3px;
  513. }
  514.  
  515. #zmain > tbody > tr > td > a.userid > span[style$='color:#CD0000;'] {
  516.     color: #00b9b9!important;
  517.     font-weight: bold!important;
  518.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(0, 185, 185) 1px 0px 1px;
  519. }
  520.  
  521. /* Footer & Threads ADM's */
  522.  
  523. .username > span[style$='color:#CD0000;'] {
  524.     color: #00b9b9!important;
  525.     font-weight: bold!important;
  526.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(0, 185, 185) 1px 0px 1px;
  527. }
  528.  
  529. a > span[style$='color:#CD0000;'] {
  530.     color: #00b9b9!important;
  531.     font-weight: bold!important;
  532.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(0, 185, 185) 1px 0px 1px;
  533. }
  534.  
  535. strong > span[style$='color:#CD0000;'] {
  536.     color: #00b9b9!important;
  537.     font-weight: bold!important;
  538.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(0, 185, 185) 1px 0px 1px;
  539. }
  540.  
  541. /* ELITE */
  542. td > span[style$='color:#8A2BE2;'] {
  543.     color: #8A2BE2!important;
  544.     font-weight: bold;
  545.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  546. }
  547.  
  548. #zmain > tbody > tr > td > a.userid > span[style$='color:#8A2BE2;'] {
  549.     color: #8A2BE2!important;
  550.     font-weight: bold!important;
  551.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  552. }
  553.  
  554. /* Active ELITE */
  555.  
  556. #zchat_users > div > ul > li > .userid > span[style$='color:#8A2BE2;'] {
  557.     color: #8A2BE2!important;
  558.     font-weight: bold;
  559.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  560. }
  561.  
  562. /* Footer & Threads ELITE */
  563.  
  564. .username > span[style$='color:#8A2BE2;'] {
  565.     color: #8A2BE2!important;
  566.     font-weight: bold;
  567.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  568. }
  569.  
  570. a > span[style$='color:#8A2BE2;'] {
  571.     color: #8A2BE2!important;
  572.     font-weight: bold;
  573.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  574. }
  575.  
  576. strong > span[style$='color:#8A2BE2;'] {
  577.     color: #8A2BE2!important;
  578.     font-weight: bold;
  579.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  580. }
  581.  
  582. /* FM's */
  583.  
  584. td > span[style$='color:darkgreen;'] {
  585.     color: #ff6f07!important;
  586.     font-weight: bold;
  587.     text-shadow: 1px 1px 1px #000, rgba(255, 111, 7, 0.68) 0px 0px 2px;
  588. }
  589.  
  590. /* Active FMod's */
  591.  
  592. #zchat_users > div > ul > li > .userid > span[style$='color:darkgreen;'] {
  593.     color: #ff6f07!important;
  594.     font-weight: bold;
  595.     text-shadow: 1px 1px 1px #000, rgba(255, 111, 7, 0.68) 0px 0px 2px;
  596. }
  597.  
  598. /* Footer & Threads FMod's */
  599.  
  600. .username > span[style$='color:darkgreen;'] {
  601.     color: #ff6f07!important;
  602.     font-weight: bold;
  603.     text-shadow: 1px 1px 1px #000, rgba(255, 111, 7, 0.68) 0px 0px 2px;
  604. }
  605.  
  606. a > span[style$='color:darkgreen;'] {
  607.     color: #ff6f07!important;
  608.     font-weight: bold;
  609.     text-shadow: 1px 1px 1px #000, rgba(255, 111, 7, 0.68) 0px 0px 2px;
  610. }
  611.  
  612. strong > span[style$='color:darkgreen;'] {
  613.     color: #ff6f07!important;
  614.     font-weight: bold;
  615.     text-shadow: 1px 1px 1px #000, rgba(255, 111, 7, 0.68) 0px 0px 2px;
  616. }
  617.  
  618. /* ET's */
  619.  
  620. #zmain > tbody > tr > td > a.userid > span[style$='color:#800080;'] {
  621.     color: #d826b8!important;
  622.     font-weight: bold!important;
  623.     text-shadow: 1px 1px 1px #000, rgb(206, 35, 175) 0px 0px 2px;
  624. }
  625.  
  626. td > span[style$='color:#800080;'] {
  627.     color: #d826b8!important;
  628.     font-weight: bold!important;
  629.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(206, 35, 175) 1px 0px 1px;
  630. }
  631.  
  632. a > userid > span[style$='color:#800080;'] {
  633.     color: #d826b8!important;
  634.     font-weight: bold!important;
  635.     text-shadow: rgb(0, 0, 0) 2px 1px 2px, rgb(206, 35, 175) 1px 0px 1px;
  636. }
  637.  
  638. /* Active ET's */
  639.  
  640. #zchat_users > div > ul > li > .userid > span[style$='color:#800080;'] {
  641.     color: #d826b8!important;
  642.     font-weight: bold!important;
  643.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  644. }
  645.  
  646. /* Footer ET's & Threads */
  647.  
  648. .username > span[style$='color:#800080;'] {
  649.     color: #d826b8!important;
  650.     font-weight: bold!important;
  651.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  652. }
  653.  
  654. a > span[style$='color:#800080;'] {
  655.     color: #d826b8!important;
  656.     font-weight: bold!important;
  657.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  658. }
  659.  
  660. strong > span[style$='color:#800080;'] {
  661.     color: #d826b8!important;
  662.     font-weight: bold!important;
  663.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  664. }
  665.  
  666. /* Regulars Members */
  667.  
  668. /*#zmain>tbody>tr>td>.chat[style$='color:#666666;'], td.chat {
  669.     color: #4c4544!important;
  670.     font-weight: bold!important;
  671.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  672. }*/
  673.  
  674. #zmain > tbody > tr > td > .chat[style$='color:#666666;'] {
  675.     color: #5a5a5a!important;
  676.     font-weight: bold!important;
  677.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  678. }
  679.  
  680. #zmain > tbody > tr > td > a.userid > span[style$='color:#666666;'] {
  681.     color: #5a5a5a!important;
  682.     font-weight: bold!important;
  683.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  684. }
  685.  
  686. td > span[style$='color:#666666;'] {
  687.     color: #5a5a5a!important;
  688.     font-weight: bold!important;
  689.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  690. }
  691.  
  692. #zchat_users > ul > li > a.userid[style$='color:#666666;'] {
  693.     color: #5a5a5a!important;
  694.     font-weight: bold!important;
  695.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  696. }
  697.  
  698. /* Active Regular Members */
  699.  
  700. #zchat_users > div > ul > li > .userid > span[style$='color:#666666;'] {
  701.     color: #5a5a5a!important;
  702.     font-weight: bold!important;
  703.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  704. }
  705.  
  706. /* Footer & Threads Regular Members */
  707.  
  708. .username > span[style$='color:#666666;'] {
  709.     color: #5a5a5a!important;
  710.     font-weight: bold!important;
  711.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  712. }
  713.  
  714. a > span[style$='color:#666666;'] {
  715.     color: #5a5a5a!important;
  716.     font-weight: bold!important;
  717.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  718. }
  719.  
  720. strong > span[style$='color:#666666;'] {
  721.     color: #5a5a5a!important;
  722.     font-weight: bold!important;
  723.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  724. }
  725.  
  726. /* VIP's */
  727.  
  728. #zmain > tbody > tr > td > .chat[style$='color:#DAA520;'] {
  729.     color: rgba(226, 162, 0, 0.95)!important;
  730.     font-weight: bold!important;
  731.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  732. }
  733.  
  734. #zmain > tbody > tr > td > a.userid > span[style$='color:#DAA520;'] {
  735.     color: rgba(226, 162, 0, 0.95)!important;
  736.     font-weight: bold!important;
  737.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  738. }
  739.  
  740. td > span[style$='color:#DAA520;'] {
  741.     color: rgba(226, 162, 0, 0.95)!important;
  742.     font-weight: bold!important;
  743.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  744. }
  745.  
  746. #zchat_users > ul > li > a.userid[style$='color:#DAA520;'] {
  747.     color: rgba(226, 162, 0, 0.95)!important;
  748.     font-weight: bold!important;
  749.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  750. }
  751.  
  752. /* Active VIP's */
  753.  
  754. #zchat_users > div > ul > li > .userid > span[style$='color:#DAA520;'] {
  755.     color: rgba(226, 162, 0, 0.95)!important;
  756.     font-weight: bold!important;
  757.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  758. }
  759.  
  760. /* Footer & Threads VIP's */
  761.  
  762. .username > span[style$='color:#DAA520;'] {
  763.     color: rgba(226, 162, 0, 0.95)!important;
  764.     font-weight: bold!important;
  765.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  766. }
  767.  
  768. a > span[style$='color:#DAA520;'] {
  769.     color: rgba(226, 162, 0, 0.95)!important;
  770.     font-weight: bold!important;
  771.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  772. }
  773.  
  774. strong > span[style$='color:#DAA520;'] {
  775.     color: rgba(226, 162, 0, 0.95)!important;
  776.     font-weight: bold!important;
  777.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  778. }
  779.  
  780. /* Donators */
  781.  
  782. #zmain > tbody > td > td > .chat[style$='color:#0099FF;'] {
  783.     color: #2196F3!important;
  784.     font-weight: bold!important;
  785.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  786. }
  787.  
  788. #zmain > tbody > tr > td > a.userid > span[style$='color:#0099FF;'] {
  789.     color: #2196F3!important;
  790.     font-weight: bold!important;
  791.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  792. }
  793.  
  794. td > span[style$='color:#0099FF;'] {
  795.     color: #2196F3!important;
  796.     font-weight: bold!important;
  797.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  798. }
  799.  
  800. #zchat_users > ul > li > a.userid[style$='color:#0099FF;'] {
  801.     color: #2196F3!important;
  802.     font-weight: bold!important;
  803.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  804. }
  805.  
  806. /* Active Donators */
  807.  
  808. #zchat_users > div > ul > li > .userid > span[style$='color:#0099FF;'] {
  809.     color: #2196F3!important;
  810.     font-weight: bold!important;
  811.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  812. }
  813.  
  814. /* Footer & Threads Donators */
  815.  
  816. .username > span[style$='color:#0099FF;'] {
  817.     color: #2196F3!important;
  818.     font-weight: bold!important;
  819.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  820. }
  821.  
  822. a > span[style$='color:#0099FF;'] {
  823.     color: #2196F3!important;
  824.     font-weight: bold!important;
  825.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  826. }
  827.  
  828. strong > span[style$='color:#0099FF;'] {
  829.     color: #2196F3!important;
  830.     font-weight: bold!important;
  831.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  832. }
  833.  
  834. /* GM's */
  835.  
  836. #zmain > tbody > td > td > .chat[style$='color:#4D4DA6;'] {
  837.     color: #5757ff!important;
  838.     font-weight: bold!important;
  839.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  840. }
  841.  
  842. #zmain > tbody > tr > td > a.userid > span[style$='color:#4D4DA6;'] {
  843.     color: #5757ff!important;
  844.     font-weight: bold!important;
  845.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  846. }
  847.  
  848. td > span[style$='color:#4D4DA6;'] {
  849.     color: #5757ff!important;
  850.     font-weight: bold!important;
  851.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  852. }
  853.  
  854. #zchat_users > ul > li > a.userid[style$='color:#4D4DA6;'] {
  855.     color: #5757ff!important;
  856.     font-weight: bold!important;
  857.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  858. }
  859.  
  860. /* Active GM's */
  861.  
  862. #zchat_users > div > ul > li > .userid > span[style$='color:#4D4DA6;'] {
  863.     color: #5757ff!important;
  864.     font-weight: bold!important;
  865.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  866. }
  867.  
  868. /* Footer & Threads GM's */
  869.  
  870. .username > span[style$='color:#4D4DA6;'] {
  871.     color: #5757ff!important;
  872.     font-weight: bold!important;
  873.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  874. }
  875.  
  876. a > span[style$='color:#4D4DA6;'] {
  877.     color: #5757ff!important;
  878.     font-weight: bold!important;
  879.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  880. }
  881.  
  882. strong > span[style$='color:#4D4DA6;'] {
  883.     color: #5757ff!important;
  884.     font-weight: bold!important;
  885.     text-shadow: rgb(0, 0, 0) 2px 1px 5px;
  886. }
  887.  
  888. /* Footer design */
  889.  
  890. .navlinks {
  891.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  892. }
  893.  
  894. .wgo_block .blockbody {
  895.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  896. }
  897.  
  898. .footer_links {
  899.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  900. }
  901.  
  902. .footer {
  903.     background: url(https://i.imgur.com/lDmOnhY.jpg) no-repeat fixed;
  904. }
  905.  
  906. /* Footer icons padding adjustment */
  907.  
  908. .wgo_block .blocksubhead,
  909. #vsa_vilxh h3 {
  910.     padding-left: 16px!important;
  911. }
  912.  
  913. /* Copyrights */
  914.  
  915. .footer_copyright,
  916. .footer_morecopyright,
  917. .footer_time,
  918. .below_body .time {
  919.     color: #CDDC39;
  920.     font-family: Roboto;
  921.     text-shadow: 2px 2px 3px #000, 2px 2px 5px #000;
  922. }
  923.  
  924. /* ======> THREAD WEBPAGE <====== */
  925.  
  926. /* Tools menu */
  927.  
  928. .toolsmenu {
  929.     background: rgba(18, 18, 18, 0.51);
  930. }
  931.  
  932. /* Thread design */
  933.  
  934. .postbit .posthead,
  935. .postbitlegacy .posthead,
  936. .eventbit .eventhead {
  937.     background: rgba(19, 19, 19, 0.68);
  938.     border: 1px solid #121212;
  939.     border-bottom: 1px solid #272727;
  940. }
  941.  
  942. .postbitlegacy .postbody,
  943. .eventbit .eventdetails .eventbody {
  944.     background: #151515 none;
  945. }
  946.  
  947. .postbitlegacy .postdetails,
  948. .eventbit .eventdetails {
  949.     background: #151515 none;
  950. }
  951.  
  952. .postbit .postfoot .textcontrols,
  953. .postbitlegacy .postfoot .textcontrols,
  954. .eventbit .eventfoot .eventcontrols {
  955.     background: #151515 none;
  956. }
  957.  
  958. /* Left side users design */
  959.  
  960. .useravatar {
  961.     background: #171717;
  962.     border-bottom: 1px solid #2b2b2b;
  963. }
  964.  
  965. .useravatar span.before,
  966. .useravatar span.after {
  967.     background: #2b2b2b;
  968. }
  969.  
  970. .userrank {
  971.     background: #171717;
  972.     border-top: 1px solid #2b2b2b;
  973. }
  974.  
  975. .userrank span.before,
  976. .userrank span.after {
  977.     background: #2b2b2b;
  978. }
  979.  
  980. .postbit,
  981. .postbitlegacy,
  982. .eventbit {
  983.     border: 1px solid #272727!important;
  984. }
  985.  
  986. .postbit .postfoot,
  987. .postbitlegacy .postfoot,
  988. .eventbit .eventfoot {
  989.     border-top: 1px solid #272727;
  990. }
  991.  
  992. /* Avatar arrow */
  993.  
  994. .userinfo .arrow {
  995.     border-left-color: #171715;
  996. }
  997.  
  998. .userinfo .arrow span {
  999.     border-left-color: #171715;
  1000. }
  1001.  
  1002. /* Signature max width/heigh limitation removal */
  1003.  
  1004. .signaturecontainer {
  1005.     max-width: 100%;
  1006.     max-height: 100%;
  1007. }
  1008.  
  1009. /* Thread footer */
  1010.  
  1011. .formcontrols .blockrow {
  1012.     background: #151515 none center bottom;
  1013. }
  1014.  
  1015. .wysiwyg_block .formcontrols {
  1016.     background: #151515 none center bottom;
  1017. }
  1018.  
  1019. .blockfoot,
  1020. .blocksubfoot {
  1021.     background: #151515;
  1022. }
  1023.  
  1024. .thread_info .inner_block,
  1025. .info_subblock {
  1026.     background: #151515;
  1027. }
  1028.  
  1029. .thread_info .blockbody {
  1030.     border: none;
  1031.     border-top: 1px solid rgba(140, 140, 140, 0.17);
  1032.     border-bottom: 1px solid rgba(140, 140, 140, 0.17);
  1033.     border-right: 1px solid #393939;
  1034.     border-left: 1px solid #393939;
  1035. }
  1036.  
  1037. /* Advanced post design */
  1038.  
  1039. .blockbody {
  1040.     background: #151515 none no-repeat;
  1041. }
  1042.  
  1043. /* Posting permissions */
  1044.  
  1045. #forumrules {
  1046.     background: #161616 none;
  1047. }
  1048.  
  1049. /* Forum info */
  1050.  
  1051. .forum_info .blockbody {
  1052.     background: #171717 none;
  1053. }
  1054.  
  1055. /* Thank icon */
  1056.  
  1057. .postbitlegacy .postfoot .textcontrols a.post_thanks_button,
  1058. .postbit .postfoot .textcontrols a.post_thanks_button {
  1059.     background: url('https://i.imgur.com/641lI2P.png') no-repeat transparent left;
  1060. }
  1061.  
  1062. /* Report icon */
  1063.  
  1064. .postbitlegacy .postfoot .textcontrols a.report,
  1065. .postbit .postfoot .textcontrols a.report {
  1066.     background: url(https://i.imgur.com/tKVbifR.png) no-repeat left;
  1067. }
  1068.  
  1069. /* Reply with quote  icon */
  1070.  
  1071. .postbitlegacy .postfoot .textcontrols a.newreply,
  1072. .postbit .postfoot .textcontrols a.newreply {
  1073.     background: url(https://i.imgur.com/t7ekh8t.png) no-repeat left;
  1074. }
  1075.  
  1076. /* Closed/locked thread icon */
  1077.  
  1078. .threadbit.hot.lock .threadstatus {
  1079.     background: url(https://i.imgur.com/5cPsUSg.png) no-repeat center;
  1080.     opacity: 0.40;
  1081. }
  1082.  
  1083. .threadbit.hot.lock .threadstatus {
  1084.     background: url(https://i.imgur.com/5cPsUSg.png) no-repeat center!important;
  1085.     opacity: 0.40;
  1086. }
  1087.  
  1088. .threadbit.dot.lock .threadstatus {
  1089.     background: url(https://i.imgur.com/5cPsUSg.png) no-repeat center;
  1090.     opacity: 0.40;
  1091. }
  1092.  
  1093. /* Hot thread icon */
  1094.  
  1095. .threadbit.dot.hot.new .threadstatus {
  1096.     background: url(https://i.imgur.com/smivj5s.png) no-repeat center 40%;
  1097.     width: 48px;
  1098.     opacity: 0.70;
  1099. }
  1100.  
  1101. .threadbit .nonsticky a.threadstatus,
  1102. .threadbit .sticky a.threadstatus {
  1103.     background: url(https://i.imgur.com/smivj5s.png) no-repeat center 40%;
  1104.     width: 48px;
  1105.     opacity: 0.70;
  1106. }
  1107.  
  1108. .threadbit.dot.hot .threadstatus {
  1109.     background: url(https://i.imgur.com/smivj5s.png) no-repeat center 40%!important;
  1110.     width: 48px;
  1111.     opacity: 0.70;
  1112. }
  1113.  
  1114. /* Pagenation/pages */
  1115.  
  1116. .pagination span a {
  1117.     background: #191919;
  1118. }
  1119.  
  1120. .pagination span a.popupctrl {
  1121.     background: #191919 url(https://freestylersworld.com/images/misc/black_downward_arrow.png) no-repeat center left;
  1122. }
  1123.  
  1124. .pagination span.selected a {
  1125.     background: #191919;
  1126. }
  1127.  
  1128. /* ======> USERCP/SETTINGS WEBPAGE <====== */
  1129.  
  1130. /* UserCP navigation */
  1131.  
  1132. #usercp_nav {
  1133.     float: left;
  1134.     width: 200px;
  1135.     margin: auto;
  1136.     margin-bottom: 2px;
  1137.     margin-top: 6px;
  1138. }
  1139.  
  1140. /* Settings design */
  1141.  
  1142. #usercp_nav .blockrow {
  1143.     background: #151515 none;
  1144. }
  1145.  
  1146. #usercp_nav .blockrow:hover {
  1147.     background: #1b1b1b none;
  1148.     color: #2196f3;
  1149. }
  1150.  
  1151. #usercp_nav .blockbody {
  1152.     background: #151515 none;
  1153. }
  1154.  
  1155. #usercp_nav .blockbody:hover {
  1156.     background: #1b1b1b none;
  1157.     color: #2196f3;
  1158. }
  1159.  
  1160. /* PM list / unread messages */
  1161.  
  1162. .blockrow {
  1163.     background: #151515 none;
  1164. }
  1165.  
  1166. /* Adjust & fix broken borders */
  1167.  
  1168. .pmbit,
  1169. .visitormessage {
  1170.     margin: 0px 0px;
  1171.     border-right: 1px solid #393939;
  1172.     border-left: none;
  1173. }
  1174.  
  1175. .blockfoot,
  1176. .blocksubfoot {
  1177.     border: none;
  1178. }
  1179.  
  1180. .pmlist .blockrow {
  1181.     background: #151515 none repeat-x center bottom;
  1182. }
  1183.  
  1184. /* ======> MEMBER WEBPAGE <====== */
  1185.  
  1186. #userprof_content_container {
  1187.     background: #151515;
  1188. }
  1189.  
  1190. /* Member list */
  1191.  
  1192. #memberlist_table td.alt1 {
  1193.     background: #171717 none repeat-x center bottom;
  1194. }
  1195.  
  1196. /* Showgroups Send PM button */
  1197.  
  1198. .groupbit .postcontrols a {
  1199.     color: #2196f3;
  1200. }
  1201.  
  1202. /* Blockfoot floatcontainer */
  1203.  
  1204. .groupbit:hover .blockfoot {
  1205.     background-color: #171717;
  1206. }
  1207.  
  1208. /* Search page - border removed */
  1209.  
  1210. #searchtypeswitcher {
  1211.     border-bottom: none;
  1212. }
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!