SHARE
TWEET

Untitled

a guest Jul 11th, 2019 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* main text color */
  2. a,
  3. html,
  4. body,
  5. form,
  6. form font,
  7. .slayer,
  8. .boost_show,
  9. .text_button,
  10. .tips,
  11. .quest,
  12. .post-heading,
  13. .news,
  14. .label font,
  15. .alert-pet_box,
  16. .csstable,
  17. .csstable td,
  18. .nav-pills li a,
  19. .achievement,
  20. .success,
  21. .random_event,
  22. .notice,
  23. .warning,
  24. .lvl_up,
  25. .error,
  26. .alert-box {
  27.     color: #99aab5 !important;
  28.     box-shadow: none !important;
  29. }
  30. .alert-box {
  31.     font-size: 12px !important;
  32. }
  33. /* bubble & Table borders*/
  34. .boost_show,
  35. .text_button,
  36. .tips,
  37. .quest,
  38. .post-heading,
  39. .achievement,
  40. .success,
  41. .news,
  42. .random_event,
  43. .notice,
  44. .warning,
  45. .error,
  46. .backpack,
  47. .pet,
  48. .pet2,
  49. .csstable,
  50. .lvl_up,
  51. .slayer,
  52. #search_table8 {
  53.     border: medium solid #000 !important;
  54. }
  55. /* Remove Top Border from High scores */
  56. #third-container20 > .csstable {
  57.     border-top: none !important;
  58. }
  59. /* text area input boxes */
  60. textarea,
  61. .searchbox {
  62.     background-color: #2a2a2a;
  63.     color: #99aab5;
  64. }
  65. .searchbox {
  66.     border: 1px solid #f8f9fa;
  67. }
  68. /* bubbles text color */
  69. .tooltips,
  70. .single-message span,
  71. .alert-backpack_box {
  72.     color: #000;
  73. }
  74. /* Background color for all Bubbles*/
  75. .news,
  76. .tips,
  77. .achievement,
  78. .success,
  79. .random_event,
  80. .notice,
  81. .quest,
  82. .error,
  83. .warning,
  84. .pet,
  85. .pet2,
  86. .lvl_up,
  87. .boost_show {
  88.     background-color: #2b2b2b !important;
  89. }
  90. .lvl_up {
  91.     border: medium inset #0057a0 !important;
  92.     border-radius: 0 50px;
  93. }
  94.  
  95. /* all horizontal rules */
  96. hr {
  97.     border-top: 1px;
  98.     background-image: linear-gradient(to right, rgba(114, 137, 218, 0.20), rgba(114, 137, 218, 0.80), rgba(114, 137, 218, 0.20));
  99. }
  100. /* additional text color */
  101. .error,
  102. .dropdown-content a:hover,
  103. a:hover {
  104.     color: #f7f8f9 !important;
  105. }
  106. /*Left Nav Menu Dropdown Menu */
  107. .classy,
  108. .classy:hover {
  109.     box-shadow: none;
  110.     line-height: 3em !important;
  111. }
  112. /* Hide br's on Left & Right Columns, Column Banners Fighting Grounds, main bg, old header logos, homepage navigation text */
  113. .classy br,
  114. #show_monsters br:last-child,
  115. #show_monsters br:nth-last-child(2),
  116. .menu_l::before,
  117. .menu_l::after,
  118. .menu_r > center > br:first-of-type,
  119. .bg-stretch,
  120. .menu_r::before,
  121. .menu_r::after,
  122. img[src*="logo_halloween"],
  123. img[src*="new_logo_halloween"],
  124. .text-navigation,
  125. .aside.right > br:first-of-type,
  126. .aside.right > br:nth-of-type(2),
  127. .menu_r > br:first-of-type,
  128. .menu_r > br:last-of-type,
  129. .btns,
  130. #char_create br:first-child,
  131. #banking hr:first-of-type {
  132.     display: none !important;
  133. }
  134. /*Left Column Sub Menu styling */
  135. .dropdown-content {
  136.     left: 100% !important;
  137.     border: 2px solid #000;
  138.     padding: 0em;
  139. }
  140. .dropdown-content a {
  141.     font-size: 12px !important;
  142.     padding-left: 0.33em;
  143.     padding-right: 0.33em;
  144.     text-decoration: none;
  145.     border-bottom: 1px solid #000;
  146.     background-image: linear-gradient(315deg, #000000 0%, #414141 74%);
  147.     color: #99aab5;
  148. }
  149. .dropdown-content a:hover {
  150.     color: #f8f9fa;
  151.     background-image: linear-gradient(to left, #632e2e 0%, #000000 74%) !important;
  152. }
  153. /*Oval headings above character profile stats */
  154. .alert-backpack_box {
  155.     padding: 3px 8px;
  156. }
  157. .backpack {
  158.     box-shadow: none !important;
  159.     background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
  160. }
  161. /* table first row colors */
  162. .csstable tr:first-child td,
  163. .csstable tr:first-child:hover td {
  164.     color: #99aab5;
  165.     padding: 0.5em;
  166.     background-image: linear-gradient(to bottom, #3e4551 0%, #212121 100%);
  167. }
  168. #search_table tr:not(:nth-child(1)):hover td,
  169. #search_table8 tr:not(:nth-child(1)):hover td,
  170. #search_table8 tr:not(:nth-child(1)):hover td input,
  171. #search_table8 tr:not(:nth-child(1)):hover td form,
  172. #search_table7 tr:not(:nth-child(1)):hover td {
  173.     background-color: #7289DA;
  174.     color: black !important;
  175. }
  176.  
  177. /* CSStable font-size */
  178. .csstable tr:nth-child(n+2) td {
  179.     font-size: 12px !important;
  180. }
  181. /*table bg colors including suggestions board */
  182. .csstable tr:nth-of-type(odd) {
  183.     background-color: #181818;
  184. }
  185. .csstable tr:nth-of-type(even) {
  186.     background-color: #202020;
  187. }
  188. /*pet bubbles*/
  189. .alert-pet_box {
  190.     margin: 5px;
  191.     font-size: 12px !important;
  192. }
  193. /*slayer bubble*/
  194. .slayer {
  195.     background: url(images/skills/slayer/slayer_logo.png) 18px 50% no-repeat #632e2e !important;
  196. }
  197. /* center column content background */
  198. .posts-area > .post .post-content {
  199.     margin-left: 2em !important;
  200.     margin-right: 2em !important;
  201.     padding-left: 4em;
  202.     padding-right: 4em;
  203.     padding-bottom: 1em;
  204.     background: none;
  205.     background-color: #202020;
  206. }
  207. /* table borders high scores */
  208. .table-bordered td,
  209. .table-bordered th {
  210.     border: thin solid #000 !important;
  211. }
  212. /* main heading center column */
  213. .post-heading {
  214.     background: #101010 !important;
  215. }
  216. /*time css at top heading */
  217. #time,
  218. .post-heading span {
  219.     font-weight: bold !important;
  220. }
  221. .by {
  222.     background: none !important;
  223. }
  224. .menu_l {
  225.     border-top: 0.4em solid;
  226.     border-bottom: 0.4em solid;
  227.     border-image: linear-gradient(to right, rgba(114, 137, 218, 0), rgba(114, 137, 218, 0.80), rgba(114, 137, 218, 0)) 1;
  228. }
  229. .menu_l ul {
  230.     padding-left: 1.5em !important;
  231.     padding-right: 1.5em !important;
  232.     width: auto !important;
  233.     line-height: 0 !important;
  234. }
  235. /* left Column */
  236. .menu_l li {
  237.     font-weight: 700;
  238.     font-size: 12px;
  239.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  240.     border-left: medium solid black;
  241.     border-top: medium solid black;
  242.     border-bottom: medium solid black;
  243.     background-image: linear-gradient(315deg, #080808 0%, #2b2b2b 74%) !important;
  244.     color: #99aab5;
  245.     margin-bottom: 0.3em !important;
  246.     width: auto !important;
  247.     box-shadow: none !important;
  248.     padding: 0 !important;
  249. }
  250. #register2 li:hover,
  251. #lore li:hover,
  252. #game_forgot li:hover,
  253. #game_verify li:hover,
  254. #nav_skills_li:hover,
  255. #nav_misc_li:hover,
  256. #worldmap li:hover,
  257. #inventory li:hover,
  258. #equipment li:hover,
  259. #nav_game_li:hover,
  260. #gems li:hover,
  261. #hourly_check li:hover,
  262. #online li:hover,
  263. #updates li:hover,
  264. #clear_top3 li:hover {
  265.     color: #f8f9fa;
  266. }
  267. #register2 li,
  268. #lore li,
  269. #nav_skills_li,
  270. #nav_misc_li,
  271. #worldmap li,
  272. #inventory li,
  273. #equipment li {
  274.     border-right: thick inset #7f0000;
  275. }
  276. #register2 li:hover,
  277. #lore li:hover,
  278. #nav_skills_li:hover,
  279. #nav_misc_li:hover,
  280. #worldmap li:hover,
  281. #inventory li:hover,
  282. #equipment li:hover {
  283.     background-image: linear-gradient(to left, #7f0000 0%, #2b2b2b 74%) !important;
  284. }
  285. #game_forgot li,
  286. #game_verify li,
  287. #nav_game_li,
  288. #gems li,
  289. #hourly_check li,
  290. #online li,
  291. #updates li {
  292.     border-right: thick inset #1e824c;
  293. }
  294. #game_forgot li:hover,
  295. #game_verify li:hover,
  296. #nav_game_li:hover,
  297. #gems li:hover,
  298. #hourly_check li:hover,
  299. #online li:hover,
  300. #updates li:hover {
  301.     background-image: linear-gradient(to left, #1e824c 0%, #2b2b2b 74%) !important;
  302. }
  303. #clear_top3 li,
  304. #messaging li,
  305. #nav_highscores_li,
  306. #logout li {
  307.     border-right: thick inset #1F4788;
  308. }
  309. #clear_top3 li:hover,
  310. #messaging li:hover,
  311. #nav_highscores_li:hover,
  312. #logout li:hover {
  313.     background-image: linear-gradient(to left, #1F4788 0%, #2b2b2b 74%) !important;
  314. }
  315. /* left Column buttons & main background border */
  316. .post .post-content {
  317.     border: medium solid #000;
  318. }
  319. /*Right Column */
  320. .menu_r {
  321.     top: 0 !important;
  322.     left: 0 !important;
  323.     text-shadow: none !important;
  324.     border-top: 0.4em solid;
  325.     border-bottom: 0.4em solid;
  326.     border-image: linear-gradient(to right, rgba(114, 137, 218, 0), rgba(114, 137, 218, 0.80), rgba(114, 137, 218, 0)) 1;
  327. }
  328. /* Right Column text size & color */
  329. #heal_health12,
  330. .menu_r font,
  331. #banking font[color="ffffff"],
  332. #show_pets font[color="ffffff"] {
  333.     color: #99aab5;
  334.     font-size: 12px !important;
  335. }
  336. #banking font[style="font-size: 0.9em"] {
  337.     line-height: 2em;
  338. }
  339. /* Right Column Text Alignment */
  340. .menu_r h5,
  341. .menu_r form {
  342.     text-align: center !important;
  343. }
  344. #show_potions {
  345.     width: auto !important;
  346.     margin: 0 1em;
  347. }
  348. #show_summons {
  349.     width: auto !important;
  350.     margin: 0 1em;
  351. }
  352. #show_pies {
  353.     width: auto !important;
  354.     margin: 1em;
  355.     padding-bottom: 1em;
  356. }
  357. /* Right Column br padding */
  358. .menu_r hr:nth-of-type(1) {
  359.     margin: 1em;
  360. }
  361. /* Right Column Bank Stats */
  362. #banking {
  363.     width: auto !important;
  364.     margin-left: 0.5em;
  365.     margin-right: 0.5em;
  366.     padding-top: 2em;
  367.     border-top: 1px solid;
  368.     border-image: linear-gradient(to right, rgba(114, 137, 218, 0), rgba(114, 137, 218, 0.80), rgba(114, 137, 218, 0)) 1;
  369. }
  370. /* Pet section Right Column */
  371. #show_pets {
  372.     width: auto !important;
  373.     margin-left: 0.5em;
  374.     margin-right: 0.5em;
  375. }
  376. #show_pets td:nth-child(1) {
  377.     cursor: pointer;
  378. }
  379. #show_pets td:nth-child(2) {
  380.     padding-bottom: 1em;
  381. }
  382. /* Right Column Character Info */
  383. #char_create {
  384.     font-size: 12px;
  385.     width: auto !important;
  386.     margin-left: 0.5em;
  387.     margin-right: 0.5em;
  388.     padding-top: 1.5em;
  389.     margin-top: 1em;
  390.     color: #99aab5;
  391.     border-top: 1px solid;
  392.     border-image: linear-gradient(to right, rgba(114, 137, 218, 0), rgba(114, 137, 218, 0.80), rgba(114, 137, 218, 0)) 1;
  393. }
  394. #char_create i {
  395.     font-weight: 700;
  396.     font-style: normal;
  397. }
  398. #heal_health12 {
  399.     padding-top: 1em !important;
  400.     padding-bottom: 0.5em;
  401. }
  402. /* inventory buttons */
  403. .nav li {
  404.     padding: 0.5em 0.5em 0.3em 0em !important;
  405. }
  406. .nav li a {
  407.     width: auto !important;
  408.     height: auto !important;
  409.     padding: 0.5em;
  410. }
  411. /* global chat messages*/
  412. .single-message {
  413.     color: #000 !important;
  414. }
  415. /* arrows bar on calendar on updates menu */
  416. .controls {
  417.     background-image: linear-gradient(to left, #632e2e 0%, #000000 74%) !important;
  418. }
  419. /* Calendar on updates menu */
  420. #mini-clndr .clndr {
  421.     border-bottom: 7px solid #632e2e;
  422. }
  423. /*boostrap panel css */
  424. .panel-heading {
  425.     border: medium solid black !important;
  426.     background-image: linear-gradient(to bottom, #3e4551 0%, #212121 100%) !important;
  427. }
  428.  
  429. .panel-title a {
  430.     color: #99aab5 !important;
  431. }
  432. .panel-title a:hover {
  433.     text-decoration: none;
  434.     color: #f8f9fa !important;
  435. }
  436. /*action timer css */
  437. #progressbar {
  438.     background-color: #632e2e;
  439. }
  440. /* dropdown menus, game settings, combat settings css */
  441. select,
  442. select[id=listBox1],
  443. input[type=number],
  444. input[type=text],
  445. input[type=password],
  446. option {
  447.     background-color: #2a2a2a !important;
  448.     color: #99aab5 !important;
  449. }
  450. /* equipment and pet square buttons css */
  451. button#show[style="height:175px; width:125px; vertical-align:top;"],
  452. button#show2[style="height:175px; width:125px; vertical-align:top;"],
  453. button#show3[style="height:175px; width:125px; vertical-align:top;"],
  454. button#show4[style="height:175px; width:125px; vertical-align:top;"],
  455. button#show6[style="height:175px; width:125px; vertical-align:top;"],
  456. button#show8[style="height:175px; width:125px; vertical-align:top;"] {
  457.     background-image: linear-gradient(315deg, #080808 0%, #2b2b2b 74%) !important;
  458.     color: #ddd9a7;
  459.     box-shadow: 2px 3px 3px 2px #23272a;
  460.     border: 2px solid #000;
  461. }
  462. button#show:hover[style="height:175px; width:125px; vertical-align:top;"],
  463. button#show2:hover[style="height:175px; width:125px; vertical-align:top;"],
  464. button#show3:hover[style="height:175px; width:125px; vertical-align:top;"],
  465. button#show4:hover[style="height:175px; width:125px; vertical-align:top;"],
  466. button#show6:hover[style="height:175px; width:125px; vertical-align:top;"],
  467. button#show8:hover[style="height:175px; width:125px; vertical-align:top;"] {
  468.     background-image: linear-gradient(to bottom right, #632e2e 0%, #000000 74%);
  469.     color: #ddd9a7;
  470.     box-shadow: 2px 3px 3px 2px #23272a;
  471.     border: 2px solid #000;
  472. }
  473. /* calendar css */
  474. .days {
  475.     background-color: #000 !important;
  476. }
  477. .day {
  478.     color: #f7f8f9 !important;
  479.     background-color: #414141;
  480.     border: thin solid #000 !important;
  481. }
  482. /* calendar events css */
  483. .event {
  484.     color: #ddd9a7 !important;
  485.     background-image: linear-gradient(to top left, #000000 0%, #383838 74%);
  486. }
  487. .event:hover {
  488.     color: #f7f8f9 !important;
  489.     background-image: linear-gradient(to bottom right, #632e2e 0%, #000000 74%);
  490. }
  491. .event a {
  492.     color: #ddd9a7 !important;
  493. }
  494. .event a:hover {
  495.     color: #f7f8f9 !important;
  496. }
  497. /*main skills progress bar */
  498. .progress {
  499.     border: medium solid #000;
  500. }
  501. .progress-bar {
  502.     background-color: #632e2e;
  503.     color: #f7f8f9 !important;
  504. }
  505. /* slayer bubble exp bar */
  506. #red5 {
  507.     color: #2c2f33;
  508.     background-color: #000 !important;
  509.     border: thin solid #23272a !important;
  510.     box-shadow: 2px 3px 3px 2px #2c2f33;
  511. }
  512. #shown_xp5 {
  513.     background-image: none !important;
  514.     background-color: #99aab5;
  515.     border: thin solid #23272a !important;
  516. }
  517. /* boostrap buttons */
  518. .btn {
  519.     border: medium solid #000 !important;
  520.     color: #222;
  521.     text-shadow: none !important;
  522.     font-weight: 600;
  523. }
  524. .btn:hover {
  525.     color: #f7f8f9;
  526. }
  527. /* pagination page numbers */
  528. .my-navigation a {
  529.     color: #ddd9a7;
  530. }
  531. /*hide old background*/
  532. .bg {
  533.     opacity: 0.0;
  534. }
  535. /*global background*/
  536. body {
  537.     background: url(https://www.syberwatch.xyz/wp-content/uploads/2019/07/wrap17.png) center repeat #000 !important;
  538.     background-color: #000 !important;
  539. }
  540. /*Chat box iframe window*/
  541. iframe[src*="chat_2.php"] {
  542.     width: 100% !important;
  543. }
  544.  
  545. iframe[src*="checkout_simple.php"] > body {
  546.     background-color: #292929 !important;
  547. }
  548. .post .post-content {
  549.     padding-top: 1em;
  550.     padding-left: 1em;
  551.     padding-right: 1em;
  552.     background: none;
  553.     background-color: #212121;
  554.     height: 100% !important;
  555. }
  556. .post-content {
  557.     margin: 0 !important;
  558. }
  559. .chat-box {
  560.     width: 50% !important;
  561. }
  562. /* game chat message background */
  563. .post-content > .tab-content > #chat_content2 {
  564.     padding: 1em;
  565.     max-height: 325px !important;
  566.     background: linear-gradient(to top, #484848, #989898 45%);
  567.     border: thick outset #484848;
  568. }
  569. .chat-box label {
  570.     text-align: center;
  571. }
  572. .chat-box > input[type="checkbox"] {
  573.     width: 100% !important;
  574. }
  575. #chat_content2 center,
  576. #chat_content2 li {
  577.     color: #000 !important;
  578. }
  579. /* game chat messages */
  580. .single-message a {
  581.     color: #000;
  582. }
  583. /*mod tool button icons*/
  584. .single-message > .text_button {
  585.     color: #23272a;
  586.     font-size: 1.1em;
  587.     font-weight: 700;
  588.     background: transparent;
  589.     border: none;
  590.     text-decoration: none;
  591.     padding: 0 0.1em;
  592. }
  593. .single-message > .text_button:hover {
  594.     color: #f7f8f9;
  595.     font-size: 1.1em;
  596.     font-weight: 700;
  597.     background: black;
  598.     border: none;
  599. }
  600. /*Chat box header bar*/
  601. .chat-box > label {
  602.     background-color: #010101;
  603. }
  604. .chat-box > input[type=checkbox]:checked + label {
  605.     background-color: #010101 !important;
  606. }
  607. /* game chat no border */
  608. .tooltips,
  609. .single-message span {
  610.     border: none;
  611. }
  612. .tooltips {
  613.     color: #000 !important;
  614. }
  615. /* Main Header Logo */
  616. .logo {
  617.     text-align: center !important;
  618.     top: 0 !important;
  619.     background-image: url(https://www.syberwatch.xyz/wp-content/uploads/2019/06/logo2.png);
  620.     background-repeat: no-repeat;
  621.     background-size: contain;
  622.     background-position: center;
  623.     height: 13% !important;
  624.     width: 50% !important;
  625.     left: 25% !important;
  626. }
  627. /*Center column width and position*/
  628. .posts-area {
  629.     width: 62% !important;
  630.     padding-left: 0;
  631.     padding-right: 0;
  632.     top: 14% !important;
  633.     left: 19%;
  634. }
  635. /* Left & Right Column width */
  636. .aside .menu_l,
  637. .aside .menu_r {
  638.     padding: 1em 0 !important;
  639.     min-height: auto !important;
  640.     margin: 0 !important;
  641.     width: auto !important;
  642. }
  643. /* Intro div width */
  644. .intro {
  645.     min-width: 100% !important;
  646.     max-width: 100% !important;
  647. }
  648. /* Left and Right Column Position */
  649. .aside {
  650.     width: 13% !important;
  651. }
  652. aside.right {
  653.     right: 2% !important;
  654.     left: auto !important;
  655. }
  656. aside.left {
  657.     left: 2% !important;
  658.     right: auto !important;
  659. }
  660. /* Left and Right Column styling */
  661. aside.left,
  662. aside.right {
  663.     border: medium solid #000;
  664.     background-color: #202020;
  665.     top: 14% !important;
  666. }
  667. /* Left Column Nav display */
  668. .dropbtn {
  669.     display: block !important;
  670. }
  671. /* Remove border around player name High Scores table */
  672. #search_table8 .text_button {
  673.     border: none !important;
  674. }
  675.  
  676. input[type="text"]::placeholder {
  677.     text-align: center;
  678. }
RAW Paste Data
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
 
Top