Advertisement
Guest User

Untitled

a guest
Jul 11th, 2019
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.09 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement