CrispinAsheYA

Google+ (CSS)

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