CrispinAsheYA

Colours, Typeface, & Font Awesome (CSS)

Apr 26th, 2023 (edited)
374
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 28.92 KB | Source Code | 0 0
  1. /*----- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.05-code-tos -----
  2.  
  3. /* COLORS */
  4. /*
  5.  
  6. Main Colour: #E85324
  7. Light-Sidebar: #4F1D00
  8. Dark-Sidebar: #2E170A
  9. Background-Body: #372015
  10. Body Text Color (Default): #FFD54F
  11. Important Whites: #FFFFFF
  12. Important Blacks: #000000
  13. -
  14. Gradient Colour Darkest: rgba(178,45,0,1)
  15. Gradient Colour Lightest: rgba(217,109,0,1)
  16. Hover Gradient Darkest: rgba(228,95,50,1)
  17. Hover Gradient Lightest: rgba(267,159,50,1)
  18. -
  19. Success Main Colour: #69B00B
  20. Success Gradient Colour Darkest: rgba(178,45,0,1)
  21. Success Gradient Colour Lightest: rgba(217,109,0,1)
  22. Success Hover Gradient Darkest: rgba(228,95,50,1)
  23. Success Hover Gradient Lightest: rgba(267,159,50,1)
  24. -
  25. Warning Main Colour: #FF9A00
  26. Warning Gradient Colour Darkest: rgba(255,154,0,1)
  27. Warning Gradient Colour Lightest: rgba(255,217,25,1)
  28. Warning Hover Gradient Darkest: rgba(255,204,50,1)
  29. Warning Hover Gradient Lightest: rgba(255,267,75,1)
  30. -
  31. Danger Main Colour: #CC334A
  32. Danger Gradient Colour Darkest: rgba(203,0,0,1)
  33. Danger Gradient Colour Lightest: rgba(255,50,118,1)
  34. Danger Hover Gradient Darkest: rgba(253,50,50,1)
  35. Danger Hover Gradient Lightest: rgba(255,100,168,1)
  36. -
  37. Info Main Colour: #
  38. Info Gradient Colour Darkest: rgba(21,11,73,1)
  39. Info Gradient Colour Lightest: rgba(180,51,108,1)
  40. Info Hover Gradient Darkest: rgba(71,61,123,1)
  41. Info Hover Gradient Lightest: rgba(230,101,158,1)
  42.  
  43. */
  44.  
  45. /* FONT AWESOME */
  46. /*
  47. Default: \F56B
  48.  
  49. /* -------------------------------- START BOOTSTRAP COLOURS -------------------------------- */
  50. /* Start BGs */
  51. .bg-primary {
  52.   background-color:#E85324!important;
  53. }
  54. .bg-secondary {
  55.   background-color:#4F1D00!important;
  56. }
  57. .bg-default {
  58.   background-color:#E85324!important;
  59. }
  60. .bg-success {
  61.   background-color:#69B00B!important;
  62. }
  63. .bg-warning{
  64.   background-color:#FF9A00!important;
  65. }
  66. .bg-danger {
  67.   background-color:#CC334A!important;
  68. }
  69. .bg-light {
  70.   background-color:#FFD54F!important;
  71. }
  72. .bg-dark {
  73.   background-color:#2E170A!important;
  74. }
  75. .bg-faded {
  76.   background-color:#4F1D00!important;
  77. }
  78. .bg-muted {
  79.   background-color:#4F1D00!important;
  80. }
  81. .bg-info {
  82.   background-color:#7544C7!important;
  83. }
  84. /* End BGs */
  85. /* Start Buttons */
  86. .btn-primary {
  87.   color:#FFFFFF!important;
  88.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  89.   border:0px;
  90.   border-radius:0px;
  91. }
  92. .btn-primary:hover {
  93.   color:#FFFFFF!important;
  94.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  95.   border:0px;
  96.   border-radius:0px;
  97. }
  98. .btn-secondary {
  99.   color:#FFFFFF!important;
  100.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  101.   border:0px;
  102.   border-radius:0px;
  103. }
  104. .btn-secondary:hover {
  105.   color:#FFFFFF!important;
  106.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  107.   border:0px;
  108.   border-radius:0px;
  109. }
  110. .btn-default {
  111.   color:#FFFFFF!important;
  112.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  113.   border:0px;
  114.   border-radius:0px;
  115. }
  116. .btn-default:hover {
  117.   color:#FFFFFF!important;
  118.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  119.   border:0px;
  120.   border-radius:0px;
  121. }
  122. .btn-success {
  123.   color:#FFFFFF!important;
  124.   background-image:linear-gradient(rgba(0,63,10,1), rgba(109,216,0,1));
  125.   border:0px;
  126.   border-radius:0px;
  127. }
  128. .btn-success:hover {
  129.   color:#FFFFFF!important;
  130.   background-image:linear-gradient(rgba(50,113,60,1), rgba(159,266,50,1));
  131.   border:0px;
  132.   border-radius:0px;
  133. }
  134. .btn-warning {
  135.   color:#FFFFFF!important;
  136.   background-image:linear-gradient(rgba(255,154,0,1), rgba(255,217,25,1));
  137.   border:0px;
  138.   border-radius:0px;
  139. }
  140. .btn-warning:hover {
  141.   color:#FFFFFF!important;
  142.   background-image:linear-gradient(rgba(255,204,50,1), rgba(255,267,75,1));
  143.   border:0px;
  144.   border-radius:0px;
  145. }
  146. .btn-danger {
  147.   color:#FFFFFF!important;
  148.   background-image:linear-gradient(rgba(203,0,0,1), rgba(255,50,118,1));
  149.   border:0px;
  150.   border-radius:0px;
  151. }
  152. .btn-danger:hover {
  153.   color:#FFFFFF!important;
  154.   background-image:linear-gradient(rgba(253,50,50,1), rgba(255,100,168,1));
  155.   border:0px;
  156.   border-radius:0px;
  157. }
  158. .btn-light {
  159.   color:#FFFFFF!important;
  160.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  161.   border:0px;
  162.   border-radius:0px;
  163. }
  164. .btn-light:hover {
  165.   color:#FFFFFF!important;
  166.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  167.   border:0px;
  168.   border-radius:0px;
  169. }
  170. .btn-dark {
  171.   color:#FFFFFF!important;
  172.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  173.   border:0px;
  174.   border-radius:0px;
  175. }
  176. .btn-dark:hover {
  177.   color:#FFFFFF!important;
  178.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  179.   border:0px;
  180.   border-radius:0px;
  181. }
  182. .btn-faded {
  183.   color:#FFFFFF!important;
  184.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  185.   border:0px;
  186.   border-radius:0px;
  187. }
  188. .btn-faded:hover {
  189.   color:#FFFFFF!important;
  190.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  191.   border:0px;
  192.   border-radius:0px;
  193. }
  194. .btn-muted {
  195.   color:#FFFFFF!important;
  196.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  197.   border:0px;
  198.   border-radius:0px;
  199. }
  200. .btn-muted:hover {
  201.   color:#FFFFFF!important;
  202.   background-image:linear-gradient(rgba(228,95,50,1), rgba(267,159,50,1));
  203.   border:0px;
  204.   border-radius:0px;
  205. }
  206. .btn-info {
  207.   color:#FFFFFF!important;
  208.   background-image:linear-gradient(rgba(21,11,73,1), rgba(180,51,108,1));
  209.   border:0px;
  210.   border-radius:0px;
  211. }
  212. .btn-info:hover {
  213.   color:#FFFFFF!important;
  214.   background-image:linear-gradient(rgba(71,61,123,1), rgba(230,101,158,1));
  215.   border:0px;
  216.   border-radius:0px;
  217. }
  218. /* End Buttons */
  219. /* Start Badges */
  220. .badge-primary {
  221.   color:#FFFFFF!important;
  222.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  223.   border:0px;
  224.   border-radius:0px;
  225. }
  226. .badge-secondary {
  227.   color:#FFFFFF!important;
  228.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  229.   border:0px;
  230.   border-radius:0px;
  231. }
  232. .badge-default {
  233.   color:#FFFFFF!important;
  234.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  235.   border:0px;
  236.   border-radius:0px;
  237. }
  238. .badge-success {
  239.   color:#FFFFFF!important;
  240.   background-image:linear-gradient(rgba(0,63,10,1), rgba(109,216,0,1));
  241.   border:0px;
  242.   border-radius:0px;
  243. }
  244. .badge-warning{
  245.   color:#FFFFFF!important;
  246.   background-image:linear-gradient(rgba(255,154,0,1), rgba(255,217,25,1));
  247.   border:0px;
  248.   border-radius:0px;
  249. }
  250. .badge-danger {
  251.   color:#FFFFFF!important;
  252.   background-image:linear-gradient(rgba(203,0,0,1), rgba(255,50,118,1));
  253.   border:0px;
  254.   border-radius:0px;
  255. }
  256. .badge-light {
  257.   color:#FFFFFF!important;
  258.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  259.   border:0px;
  260.   border-radius:0px;
  261. }
  262. .badge-dark {
  263.   color:#FFFFFF!important;
  264.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  265.   border:0px;
  266.   border-radius:0px;
  267. }
  268. .badge-faded {
  269.   color:#FFFFFF!important;
  270.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  271.   border:0px;
  272.   border-radius:0px;
  273. }
  274. .badge-muted {
  275.   color:#FFFFFF!important;
  276.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  277.   border:0px;
  278.   border-radius:0px;
  279. }
  280. .badge-info {
  281.   color:#FFFFFF!important;
  282.   background-image:linear-gradient(rgba(21,11,73,1), rgba(180,51,108,1));
  283.   border:0px;
  284.   border-radius:0px;
  285. }
  286. /* End Buttons */
  287. /* Start Text */
  288. .text-primary {
  289.   color:#E85324!important;
  290. }
  291. .text-secondary {
  292.   color:#4F1D00!important;
  293. }
  294. .text-success {
  295.   color:#69B00B!important;
  296. }
  297. .text-warning{
  298.   color:#FF9A00!important;
  299. }
  300. .text-danger {
  301.   color:#CC334A!important;
  302. }
  303. .text-light {
  304.   color:#FFD54F!important;
  305. }
  306. .text-dark {
  307.   color:#2E170A!important;
  308. }
  309. .text-faded {
  310.   color:#4F1D00!important;
  311. }
  312. .text-muted {
  313.   color:#4F1D00!important;
  314. }
  315. .text-info {
  316.   color:#7544C7!important;
  317. }
  318. /* End Buttons */
  319. /* Start Alerts */
  320. .alert-primary {
  321.   background-color:#E85324!important;
  322.   border:0px;
  323.   border-radius:0px;
  324. }
  325. .alert-secondary {
  326.   background-color:#4F1D00!important;
  327.   border:0px;
  328.   border-radius:0px;
  329. }
  330. .alert-success {
  331.   background-color:#69B00B!important;
  332.   border:0px;
  333.   border-radius:0px;
  334. }
  335. .alert-warning{
  336.   background-color:#FF9A00!important;
  337.   border:0px;
  338.   border-radius:0px;
  339. }
  340. .alert-danger {
  341.   background-color:#CC334A!important;
  342.   border:0px;
  343.   border-radius:0px;
  344. }
  345. .alert-light {
  346.   background-color:#FFD54F!important;
  347.   border:0px;
  348.   border-radius:0px;
  349. }
  350. .alert-dark {
  351.   background-color:#2E170A!important;
  352.   border:0px;
  353.   border-radius:0px;
  354. }
  355. .alert-faded {
  356.   background-color:#4F1D00!important;
  357.   border:0px;
  358.   border-radius:0px;
  359. }
  360. .alert-muted {
  361.   background-color:#4F1D00!important;
  362.   border:0px;
  363.   border-radius:0px;
  364. }
  365. .alert-info {
  366.   background-color:#7544C7!important;
  367.   border:0px;
  368.   border-radius:0px;
  369. }
  370. /* End Alerts */
  371.  
  372. /* Start Alert Hrs */
  373. .alert-danger hr {
  374.   border-top-color: #4F1D00;
  375.   border-radius:0px;
  376. }
  377. /* End Alert Hrs */
  378.  
  379. /* Start Progress Bars */
  380. .progress {
  381.   background-color:#2E170A!important;
  382.   border-radius:0px;
  383. }
  384. .progress-bar {
  385.   background-color:#E85324!important;
  386.   border-radius:0px;
  387. }
  388. /* End Progress Bars */
  389. /* -------------------------------- END BOOTSTRAP -------------------------------- */
  390.  
  391. /* -------------------------------- START ICONS -------------------------------- */
  392.  
  393. .user-name-icon::before {
  394. font-family: "Font Awesome 5 Pro"!important;
  395. content:"\F56B";
  396. color:#FFFFFF!important;
  397. }
  398.  
  399. /* (1) Start Change Sidebar Icons */
  400. .fa-heart::before{
  401.   content: "\F56B";
  402. }
  403. .fa-folder::before{
  404.   content: "\F56B";
  405. }
  406. .side-nav li .sidebar-icon::before {
  407.   content: "\F56B";
  408. }
  409. .fa-pencil::before{
  410.   content: "\F56B";
  411. }
  412. .fa-bookmark::before{
  413.   content: "\F56B";
  414. }
  415. .fa-history::before{
  416.   content: "\F56B";
  417. }
  418. .fa-exclamation-triangle::before{
  419.   content: "\F56B";
  420. }
  421. .fa-key::before{
  422.   content: "\F56B";
  423. }
  424. .fa-handshake::before{
  425.   content: "\F56B";
  426. }
  427. .fa-trash::before{
  428.   content: "\F56B";
  429. }
  430. .fa-plus-circle::before{
  431.   content: "\F56B";
  432. }
  433. .fa-random::before{
  434.   content: "\F56B";
  435. }
  436. /* (1) End Change Sidebar Icons */
  437.  
  438. /* (2) Start Change Navbar Icons */
  439. .fa-home::before{
  440.   content: "\F56B";
  441. }
  442. .fa-comments::before{
  443.   content: "\F56B";
  444. }
  445. .fa-search::before{
  446.   content: "\F56B";
  447. }
  448. .fa-plus::before{
  449.   content: "\F56B";
  450. }
  451. .fa-fire::before{
  452.   content: "\F56B";
  453. }
  454. .fa-binoculars::before{
  455.   content: "\F56B";
  456. }
  457. .fa-clock::before{
  458.   content: "\F56B";
  459. }
  460. .fa-book::before{
  461.   content: "\F56B";
  462. }
  463. .fa-globe::before{
  464.   content: "\F56B";
  465. }
  466. .fa-user::before{
  467.   content: "\F56B";
  468. }
  469. .fa-newspaper::before{
  470.   content: "\F56B";
  471. }
  472. .fa-image::before{
  473.   content: "\F56B";
  474. }
  475. .fa-inbox::before{
  476.   content: "\F56B";
  477. }
  478. /* (2) End Change Navbar Icons */
  479.  
  480. /* (3) Start Change Notification Buttons */
  481. .fi-male::before {
  482.   content: "\F56B";
  483.   font-family: 'Font Awesome 6 Pro';
  484.   font-weight: 400;
  485.   font-size: 13px;
  486. }
  487. .fi-web::before {
  488.   content: "\F56B";
  489.   font-family: 'Font Awesome 6 Pro';
  490.   font-weight: 400;
  491.   font-size: 13px;
  492. }
  493. .fi-heart::before {
  494.   content: "\F56B";
  495.   font-family: 'Font Awesome 6 Pro';
  496.   font-weight: 400;
  497.   font-size: 13px;
  498. }
  499. .fi-star::before {
  500.   content: "\F56B";
  501.   font-family: 'Font Awesome 6 Pro';
  502.   font-weight: 400;
  503.   font-size: 13px;
  504. }
  505. .fi-list::before {
  506.   content: "\F56B";
  507.   font-family: 'Font Awesome 6 Pro';
  508.   font-weight: 400;
  509.   font-size: 13px;
  510. }
  511. .fi-comments::before {
  512.   content: "\F56B";
  513.   font-family: 'Font Awesome 6 Pro';
  514.   font-weight: 400;
  515.   font-size: 13px;
  516. }
  517. /* (3) End Change Notification Buttons */
  518.  
  519. /* (4) Start Change World-Only Font Awesomes */
  520. .fa-users::before {
  521.   content: "\F56B";
  522.   font-family: 'Font Awesome 6 Pro';
  523.   font-weight: 400;
  524.   font-size: 13px;
  525. }
  526. .fa-comment::before{
  527.   content: "\F56B";
  528.   font-family: 'Font Awesome 6 Pro';
  529.   font-weight: 400;
  530.   font-size: 13px;
  531. }
  532. .fa-envelope::before {
  533.   content: "\F56B";
  534.   font-family: 'Font Awesome 6 Pro';
  535.   font-weight: 400;
  536.   font-size: 13px;
  537. }
  538. .fa-user-cog::before {
  539.   content: "\F56B";
  540.   font-family: 'Font Awesome 6 Pro';
  541.   font-weight: 400;
  542.   font-size: 13px;
  543. }
  544. .fa-users-cog::before {
  545.   content: "\F56B";
  546.   font-family: 'Font Awesome 6 Pro';
  547.   font-weight: 400;
  548.   font-size: 13px;
  549. }
  550. .fa-file::before {
  551.   content: "\F56B";
  552.   font-family: 'Font Awesome 6 Pro';
  553.   font-weight: 400;
  554.   font-size: 13px;
  555. }
  556. .fa-wrench::before {
  557.   content: "\F56B";
  558.   font-family: 'Font Awesome 6 Pro';
  559.   font-weight: 400;
  560.   font-size: 13px;
  561. }
  562. /* (4) End Change World-Only Font Awesomes */
  563.  
  564. /* -------------------------------- END ICONS -------------------------------- */
  565.  
  566. /* -------------------------------- START NAVBAR -------------------------------- */
  567.  
  568. /* (1) Start Whole Navbar */
  569. .navbar {
  570.   color:#E85324;
  571.   font-family:'comic sans ms';
  572.   background:#2E170A;
  573. }
  574. /* (1) End Whole Navbar */
  575.  
  576. /* (2) Start Profile, Forums, etc Buttons */
  577. #header a.nav-link {
  578.   color:#E85324!important;
  579. }
  580. /* (2) End Profile, Forums, etc Buttons */
  581.  
  582. /* (3) Start Broad Drop-Down Menu */
  583. .navbar .dropdown-menu {
  584.   background-color:#4F1D00;
  585.   border-bottom:0px;
  586.   border-radius:0px;
  587. }
  588. /* (3) End Broad Drop-Down Menu */
  589.  
  590. /* (4) Start "Headers Under Submit" (Manage) */
  591. .navbar .dropdown-menu .dropdown-header{
  592.   color:#E85324;
  593.   font-family:'comic sans ms';
  594.   background-color:#4F1D00;
  595. }
  596. /* (4) End "Headers Under Submit" (Manage) */
  597.  
  598. /* (5) Start Specific Buttons In Drop-Down Menu */
  599. .navbar .dropdown-menu a {
  600.   color:#E85324!important;
  601.   font-family:'comic sans ms';
  602.   background-color:#4F1D00;
  603. }
  604. .navbar .dropdown-menu a:hover {
  605.   color:#E85324!important;
  606.   background-color:#2E170A;
  607. }
  608. /* (5) End Specific Buttons In Drop-Down Menu */
  609.  
  610. /* (6) Start Drop-Down Menu Divider */
  611. .navbar .dropdown-menu .dropdown-divider {
  612.   border:#2E170A solid;
  613.   border-radius:0px;
  614. }
  615. /* (6) End Drop-Down Menu Divider */
  616.  
  617. /* (7) Start User-Drop-Down Toggle */
  618. a.nav-link.dropdown-toggle.nav-user-link {
  619.   color:#E85324!important;
  620.   font-family:'comic sans ms';
  621. }
  622. /* (7) End User-Drop-Down Toggle */
  623.  
  624. /* (9) Start "Toyhouse" Logo */
  625. .navbar .navbar-brand {
  626.   color:#E85324!important;
  627.   font-family:'comic sans ms';
  628. }
  629. .navbar-brand:after {
  630.   content: "TONGWH.OUSE DOT HEL";
  631.   text-indent:0;
  632.   display:block;
  633.   line-height:initial;
  634.   visibility:visible;
  635. }
  636. .navbar-brand {
  637.   text-indent:-99999px;
  638.   line-height:0;
  639.   visibility:hidden;
  640. }
  641. /* (9) End "Toyhouse" Logo */
  642.  
  643. /* (11) Start Buttons Left Of PFP In Navbar On Mobile */
  644. .dropdown-item-count{
  645.   font-family:'comic sans ms';
  646.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  647. }
  648. /* (11) End Buttons Left Of PFP In Navbar On Mobile */
  649.  
  650. /* Start Navbar Buttons */
  651. .navbar .btn {
  652.   border-radius:0px;
  653. }
  654. /* End Navbar Buttons */
  655. /* -------------------------------- END NAVBAR -------------------------------- */
  656.  
  657. /* -------------------------------- START SIDEBAR -------------------------------- */
  658. /* (1) Start Whole Sidebar */
  659. .sidebar {
  660.   color:#E85324;
  661.   font-family:'comic sans ms';
  662.   background-color:#4F1D00;
  663. }
  664. /* (1) Start Whole Sidebar */
  665.  
  666. /* (2) Start Sidebar Links */
  667. .side-nav li > a{
  668.   color:#E85324!important;
  669.   font-family:'comic sans ms';
  670. }
  671. /* (2) End Sidebar Links */
  672.  
  673. /* (3) Start Username Styling */
  674. .a {
  675.   color:#E85324!important;
  676. }
  677. /* (3) End Username Styling */
  678.  
  679. /* (5) Start Header That Says "User" In It */
  680. .side-nav li.header{
  681.   color:#E85324;
  682.   font-family:'comic sans ms';
  683.   background-color:#2E170A;
  684. }
  685. /* (5) End Header That Says "User" In It */
  686.  
  687. /* (5.1) Start Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
  688. .side-nav li.subheader {
  689.   color:#E85324!important;
  690.   font-family:'comic sans ms';
  691.   background-color:#2E170A!important;
  692. }
  693. /* (5.1) End Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
  694.  
  695. /* (6) Start Sidebar Divider */
  696. .side-nav li.divider {
  697.   border:#2E170A solid;
  698.   border-radius:0px;
  699. }
  700. /* (6) End Sidebar Divider */
  701.  
  702. /* Start Text Next To Image In Sidebar */
  703. .side-nav .display-character a, .side-nav .display-group a, .side-nav .display-user a {
  704.   color:#E85324;
  705. }
  706. /* End Text Next To Image In Sidebar */
  707.  
  708. /* -------------------------------- END SIDEBAR -------------------------------- */
  709.  
  710. /* -------------------------------- START FOOTER -------------------------------- */
  711. /* Footer - The Area At The Bottom Of The Page That Contains The About, FAQ, Helpdesk, Rules, TOS, etc. */
  712.  
  713. /* (1) Start Footer */
  714. .footer{
  715.   color:#E85324!important;
  716.   font-family:'comic sans ms';
  717.   background:#2E170A;
  718. }
  719. /* (1) End Footer */
  720.  
  721. /* (2) Start Footer */
  722. .footer a{
  723.   color:#E85324!important;
  724.   font-family:'comic sans ms';
  725. }
  726. /* (2) Start Footer-Related Links */
  727.  
  728. /* (X) Start Code Credit */
  729. .footer:after {
  730.   content:'CSS by TomcatCodes / CrispinAsheYA'
  731. }
  732. /* (X) End Code Credit */
  733.  
  734. /* -------------------------------- END FOOTER -------------------------------- */
  735.  
  736. /* -------------------------------- START PROFILE CONTENT -------------------------------- */
  737. /* Profile Content - The Area One Can Write And Edit Without Premium! (This just sets a bunch of defaults) */
  738.  
  739. /* Start Body (Where You Type HTML) */
  740. body {
  741.   color:#FFD54F;
  742.   font-family:'comic sans ms';
  743.   background-color:#372015;
  744. }
  745. /* End Body (Where You Type HTML) */
  746.  
  747. /* Start Default Link Colour */
  748. a:link {
  749.   color:#E85324;
  750. }
  751. /* End Default Link Colour */
  752.  
  753. /* Start Default Visited-Link Colour */
  754. a:visited {
  755.   color:#E85324;
  756. }
  757. /* End Default Visited-Link Colour */
  758.  
  759. /* Start Default @Someone'sAccount Colour */
  760. a:profile-name-info {
  761.   color:#E85324;
  762. }
  763. /* End Default @Someone'sAccount Colour */
  764.  
  765. /* Start Mobile Menu */
  766. .nav-mobile-menu {
  767.   font-family:'comic sans ms';
  768.   background-color:#372015;
  769.   border:2px #4F1D00 solid;
  770.   border-radius:0px;
  771. }
  772. /* End Mobile Menu */
  773.  
  774. /* Start "Menu" Button On Mobile */
  775. .nav-mobile-menu-toggle {
  776.   color:#FFFFFF!important;
  777.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  778.   border:1px #E85324 solid;
  779.   border-radius:0px;
  780. }
  781. /* End "Menu" Button On Mobile */
  782.  
  783. /* Start Login Menu */
  784. .modal-content {
  785.   background-color:#4F1D00;
  786. }
  787. /* End Login Menu */
  788.  
  789. /* Start Profile Section */
  790. .profile-section {
  791.   color:#FFFFFF!important;
  792.   font-family:'comic sans ms';
  793. }
  794. /* End Profile Section */
  795.  
  796. /* Start Removes the Profile Header */
  797. .row .profile-header {
  798.   display:none;
  799. }
  800.  
  801. .profile-content-title {
  802.   display:none;
  803. }
  804. /* End Removes the Profile Header */
  805.  
  806. /* Start Gallery Title */
  807. .profile-gallery-title {
  808.   color:#E85324;
  809. }
  810. /* End Gallery Title */
  811.  
  812. /* Start removing Show Tags and Sort Character Buttons in Folders */
  813. /* Please note that by doing it this way the break is still there, just recoloured. Remove "border-top:" and put "display:none;" here if you want it gone completely. */
  814. hr {
  815.   border-top:1px transparent solid;
  816. }
  817.  
  818. .characters-filterby {
  819.   display:none;
  820. }
  821. /* End removing Show Tags and Sort Character Buttons in Folders */
  822.  
  823. /* Start Removing Top Buttons/Title In Folders */
  824. .characters-header {
  825.   display:none;
  826. }
  827. .characters-folder-description-header {
  828.   display:none;
  829. }
  830. /* End Removing Top Buttons/Title In Folders */
  831.  
  832. /* Start Icons Under Character Names */
  833. .thumb-character-stat {
  834.   color:#E85324;
  835. }
  836. /* End Icons Under Character Names */
  837.  
  838. /* -------------------------------- END PROFILE CONTENT -------------------------------- */
  839.  
  840. /* -------------------------------- START PAGINATION -------------------------------- */
  841.  
  842. /* Start Bulletins Pagination */
  843. .bulletins-pagination {
  844.   .page-link {
  845.     color:#FFFFFF!important;
  846.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  847.     border:none;
  848.     border-radius:0px;
  849.   }
  850.   li.page-item disabled {
  851.     color:#FFFFFF!important;
  852.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  853.     border:4px #000000 solid;
  854.     border-radius:0px;
  855.   }
  856. }
  857. /* End Bulletins Pagination */
  858.  
  859. /* Start Characters Pagination */
  860. .characters-gallery-pagination {
  861.   .page-link {
  862.     color:#FFFFFF!important;
  863.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  864.     border:none;
  865.     border-radius:0px;
  866.   }
  867.   li.page-item disabled {
  868.     color:#FFFFFF!important;
  869.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  870.     border:4px #000000 solid;
  871.     border-radius:0px;
  872.   }
  873. }
  874. /* End Characters Pagination */
  875.  
  876. /* Start Links Pagination */
  877. .links-pagination {
  878.   .page-link {
  879.     color:#FFFFFF!important;
  880.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  881.     border:none;
  882.     border-radius:0px;
  883.   }
  884.   li.page-item disabled {
  885.     color:#FFFFFF!important;
  886.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  887.     border:4px #000000 solid;
  888.     border-radius:0px;
  889.   }
  890. }
  891. /* End Links Pagination */
  892.  
  893. /* Start Favourites Pagination */
  894. .favorited-pagination {
  895.   .page-link {
  896.     color:#FFFFFF!important;
  897.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  898.     border:none;
  899.     border-radius:0px;
  900.   }
  901.   li.page-item disabled {
  902.     color:#FFFFFF!important;
  903.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  904.     border:4px #000000 solid;
  905.     border-radius:0px;
  906.   }
  907. }
  908. /* End Favourites Pagination */
  909.  
  910. /* Start Design Pagination */
  911. .created-pagination {
  912.   .page-link {
  913.     color:#FFFFFF!important;
  914.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  915.     border:none;
  916.     border-radius:0px;
  917.   }
  918.   li.page-item disabled {
  919.     color:#FFFFFF!important;
  920.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  921.     border:4px #000000 solid;
  922.     border-radius:0px;
  923.   }
  924. }
  925. /* End Design Pagination */
  926.  
  927. /* Start Links Pagination */
  928. .art-pagination {
  929.   .page-link {
  930.     color:#FFFFFF!important;
  931.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  932.     border:none;
  933.     border-radius:0px;
  934.   }
  935.   li.page-item disabled {
  936.     color:#FFFFFF!important;
  937.     background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  938.     border:4px #000000 solid;
  939.     border-radius:0px;
  940.   }
  941. }
  942. /* End Links Pagination */
  943.  
  944. /* -------------------------------- END PAGINATION -------------------------------- */
  945.  
  946. /* -------------------------------- START GALLERY CSS -------------------------------- */
  947.  
  948. /* Start The Whole Section */
  949. .mfp-bottom-bar {
  950.   border:2px #4F1D00 solid;
  951.   border-top:2px #69B00B solid;
  952.   border-radius:0px;
  953. }
  954. /* End The Whole Section */
  955.  
  956. /* Start All Underlines */
  957. .image-bottom-bar h2 {
  958.   border-bottom:1px solid #4F1D00;
  959.   border-radius:0px;
  960.   font-size:1rem;
  961.   padding-bottom:2px;
  962. }
  963. /* End All Underlines */
  964.  
  965. /* Start The Whole Left Section */
  966. .image-left-bar {
  967.   color:#E85324;
  968.   font-family:'comic sans ms';
  969.   background-color:#4F1D00;
  970.   border:2px #4F1D00 solid;
  971.   border-right:2px #4F1D00 solid;
  972.   border-radius:0px;
  973. }
  974. /* End The Whole Left Section */
  975.  
  976. /* Start The Border Between Left And Right Sections */
  977. .image-bottom-bar .image-left-bar {
  978.   border-right:2px #4F1D00 solid;
  979.   border-radius:0px;
  980. }
  981. /* End The Border Between Left And Right Sections */
  982.  
  983. /* Start Top-Left Section */
  984. .image-details  {
  985.   color:#E85324;
  986.   font-family:'comic sans ms';
  987.   background-color:#372015;
  988. }
  989. /* End Top-Left Section */
  990.  
  991. /* Start Middle-Left Section */
  992. .image-credits  {
  993.   color:#E85324;
  994.   font-family:'comic sans ms';
  995.   background-color:#372015;
  996. }
  997. /* End Middle-Left Section */
  998.  
  999. /* Start Bottom-Left Section */
  1000. .image-characters  {
  1001.   color:#E85324;
  1002.   font-family:'comic sans ms';
  1003.   background-color:#372015;
  1004. }
  1005. /* End Bottom-Left Section */
  1006.  
  1007. /* Start The Whole Right Section */
  1008. .image-right-bar {
  1009.   color:#E85324;
  1010.   font-family:'comic sans ms';
  1011.   background-color:#4F1D00;
  1012.   border:0px;
  1013.   border-radius:0px;
  1014. }
  1015. /* End The Whole Right Section */
  1016.  
  1017. /* Start Header On Window When You Add More Characters */
  1018. .user-character-selector-header {
  1019.   color:#E85324!important;
  1020.   font-family:'comic sans ms';
  1021.   background-color:#4F1D00!important;
  1022. }
  1023. /* End Header On Window When You Add More Characters */
  1024.  
  1025. /* Start Body On Window When You Add More Characters */
  1026. .user-character-selector-body {
  1027.   font-family:'comic sans ms';
  1028.   background-color:#2E170A!important;
  1029. }
  1030. /* End Body On Window When You Add More Characters */
  1031.  
  1032. /* Start 'Folders On The Left' On Window When You Add More Characters */
  1033. .list-group-item {
  1034.   color:#E85324!important;
  1035.   font-family:'comic sans ms';
  1036.   background-color:#4F1D00!important;
  1037. }
  1038. /* End 'Folders On The Left' On Window When You Add More Characters */
  1039.  
  1040. /* Start 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
  1041. .list-group-item-action {
  1042.   color:#E85324!important;
  1043.   font-family:'comic sans ms';
  1044.   background-color:#4F1D00!important;
  1045. }
  1046. /* End 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
  1047.  
  1048. /* -------------------------------- END GALLERY -------------------------------- */
  1049.  
  1050. /* -------------------------------- START COMMENTS -------------------------------- */
  1051.  
  1052. /* Start WYSIWYG-Toggler */
  1053. .wysiwyg-toggler {
  1054.   color:#FFFFFF!important;
  1055.   background-image:linear-gradient(rgba(178,45,0,1), rgba(217,109,0,1));
  1056.   border:none;
  1057.   border-radius:0px;
  1058. }
  1059. /* End WYSIWYG-Toggler */
  1060.  
  1061. /* Start "Write Your Own Comment!" Toolbar */
  1062. .fr-toolbar {
  1063.   background-color:#4F1D00!important;
  1064.   border-top: 5px solid #4F1D00!important;
  1065.   border-radius:0px;
  1066. }
  1067. /* End "Write Your Own Comment!" Toolbar */
  1068.  
  1069. /* Start "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
  1070. .fr-command fr-btn fr-btn-font_awesome {
  1071.   color:#E85324!important;
  1072.   background-color:#4F1D00!important;
  1073. }
  1074. /* End "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
  1075.  
  1076. /* Start "Write Your Own Comment!" Toolbar Seperators */
  1077. .fr-separator fr-vs {
  1078.   background:#4F1D00!important;
  1079. }
  1080. /* End "Write Your Own Comment!" Toolbar Seperators */
  1081.  
  1082. /* Start "Write Your Own Comment!" Input Section */
  1083. .fr-box.fr-basic .fr-element {
  1084.   color:#E85324!important;
  1085.   font-family:'comic sans ms';
  1086.   background-color:#2E170A;
  1087. }
  1088. /* End "Write Your Own Comment!" Input Section */
  1089.  
  1090. /* Start Line On The Left Of Comment Threads */
  1091. .comment-replies {
  1092.   border-left:5px solid #4F1D00!important;
  1093.   border-radius:0px;
  1094. }
  1095. /* End Line On The Left Of Comment Threads */
  1096.  
  1097. /* Start Reply / Link Buttons (Bottom right of a Comment) */
  1098. .comment .forum-post-post .forum-post-actions .post-action, .forum-post .forum-post-post .forum-post-actions .post-action {
  1099.   color:#E85324;
  1100. }
  1101. /* End Reply / Link Buttons (Bottom right of a Comment) */
  1102.  
  1103. /* Start "How Long Ago The Comment Was Posted" Message */
  1104. .comment .forum-post-post .forum-post-footer .forum-post-time, .forum-post .forum-post-post .forum-post-footer .forum-post-time {
  1105.   color:#E85324;
  1106. }
  1107. /* End "How Long Ago The Comment Was Posted" Message */
  1108.  
  1109. /* -------------------------------- END COMMENTS -------------------------------- */
  1110.  
  1111. /* -------------------------------- START SPECIFIC STUFF -------------------------------- */
  1112. /* Start Image-Thumbnails */
  1113. a.img-thumbnail {
  1114.   border:5px #E85324 solid;
  1115.   border-radius:0px;
  1116.   background:transparent;
  1117. }
  1118.  
  1119. .img-thumbnail {
  1120.   background:transparent;
  1121.   border:4px #000000 solid;
  1122.   border-radius:0px;
  1123.   padding:0px;
  1124. }
  1125. /* End Image-Thumbnails */
  1126.  
  1127. /* Bulletins: Start Fix Line In Poll Box */
  1128. .poll-header {
  1129.   border-bottom:1px solid #E85324;
  1130. }
  1131. /* Bulletins: End Fix Line In Poll Box */
  1132.  
  1133. /* Links Page: Start Text-Box (LEFT) */
  1134. .card link-panel{
  1135.   background-color:#4F1D00;
  1136.   border-radius:0px;
  1137. }
  1138. /* Links Page: End Text-Box (LEFT) */
  1139.  
  1140. /* Links Page: Start Text-Box (RIGHT) */
  1141. .link-content-textarea {
  1142.   color:#E85324;
  1143.   font-family:'comic sans ms';
  1144.   background-color:#2E170A;
  1145.   border-radius:0px;
  1146. }
  1147. /* Links Page: End Text-Box (RIGHT) */
  1148.  
  1149. /* Links Page: Start Speech-Bubble Tail */
  1150. .link-panel::before {
  1151.   border:15px solid #4F1D00;
  1152. }
  1153. /* Links Page: End Speech-Bubble Tail */
  1154.  
  1155. /* Log-In: Start Header */
  1156. .modal-header {
  1157.   color:#E85324!important;
  1158.   font-family:'comic sans ms';
  1159.   border-bottom: 1px solid #E85324;
  1160. }
  1161. .close {
  1162.   color:#E85324;
  1163.   text-shadow:none;
  1164.   opacity:1;
  1165. }
  1166. /* Log-In: End Header */
  1167.  
  1168. /* Log-In: Start Body */
  1169. .modal-body {
  1170.   color:#E85324!important;
  1171.   font-family:'comic sans ms';
  1172. }
  1173. /* Log-In: End Body */
  1174.  
  1175. /* Stats: Start Checkbox (LEFT) */
  1176. .custom-control-input:checked ~ .custom-control-indicator {
  1177.   background-color:#E85324;
  1178. }
  1179. /* Stats: End Checkbox (LEFT) */
  1180.  
  1181. /* Warnings: Start Blockquote */
  1182. blockquote {
  1183.   border-left:#4F1D00 0rem solid;
  1184.   border-radius:0px;
  1185.   margin-bottom:1rem;
  1186.   padding:0rem 0rem;
  1187. }
  1188. /* Warnings: End Blockquote */
  1189.  
  1190.  
  1191. /* Literature: Start Fix Line In Literature Box */
  1192. .literature .literature-header-content .literature-header-subinfo {
  1193.   border-left:1px solid #E85324;
  1194. }
  1195. /* Literature: End Fix Line In Literature Box */
  1196.  
  1197. /* -------------------------------- END SPECIFIC STUFF -------------------------------- */
Add Comment
Please, Sign In to add comment