Advertisement
CrispinAsheYA

Change Colours / Fonts ONLY CSS

Nov 12th, 2022 (edited)
710
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.98 KB | Source Code | 0 0
  1. /*----- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules -----
  2.  
  3. /* COLORS */
  4. /*
  5. Orange: #E85324;
  6. Lighter Purple: #2E0A21
  7. Darker Purple: #210417
  8. Gradient Colour 1: rgba(201,58,92,1)
  9. Gradient Colour 2: rgba(232,83,36,1)
  10. Body Text Color (Default White): #FFFFFF
  11. Link Colour (Default Blue): #9B449B
  12. */
  13.  
  14. /* Fonts:
  15. Every Font Ever: 'comic sans ms'
  16.  
  17. /* NOTE: Some Labels have a number in the left of their description comment! That's because they appear in Aurorean's CSS Cheatsheet! If you'd like a visual diagram of where things are, please view the following link! https://toyhou.se/11886797.-css-list-of-class-names */
  18.  
  19. /* -------------------------------- START NAVBAR -------------------------------- */
  20. /* Navbar - The Bar At The Top Of The Screen */
  21.  
  22. /* (1) Start Whole Navbar */
  23. .navbar {
  24.   color:#E85324;
  25.   font-family:'comic sans ms';
  26.   background:#2E0A21;
  27. }
  28. /* (1) End Whole Navbar */
  29.  
  30. /* (2) Start Profile, Forums, etc Buttons */
  31. #header a.nav-link {
  32.   color:#E85324!important;
  33. }
  34. /* (2) End Profile, Forums, etc Buttons */
  35.  
  36. /* (3) Start Broad Drop-Down Menu */
  37. .navbar .dropdown-menu {
  38.   background-color:#2E0A21;
  39.   border-bottom:0px;
  40. }
  41. /* (3) End Broad Drop-Down Menu */
  42.  
  43. /* (4) Start "Headers Under Submit" (Manage) */
  44. .navbar .dropdown-menu .dropdown-header{
  45.   color:#E85324;
  46.   font-family:'comic sans ms';
  47.   background-color:#2E0A21;
  48. }
  49. /* (4) End "Headers Under Submit" (Manage) */
  50.  
  51. /* (5) Start Specific Buttons In Drop-Down Menu */
  52. .navbar .dropdown-menu a {
  53.   color:#E85324!important;
  54.   font-family:'comic sans ms';
  55.   background-color:#2E0A21;
  56. }
  57. /* (5) End Specific Buttons In Drop-Down Menu */
  58.  
  59. /* (5.1) Start Drop-Down Menu Colour Change When Hover */
  60. .navbar .dropdown-menu a:hover {
  61.   color:#E85324!important;
  62.   background-color:#38142C;
  63. }
  64. /* (5.1) End Drop-Down Menu Colour Change When Hover */
  65.  
  66. /* (6) Start Drop-Down Menu Divider */
  67. .navbar .dropdown-menu .dropdown-divider {
  68.   border:#210417 solid;
  69. }
  70. /* (6) End Drop-Down Menu Divider */
  71.  
  72. /* (7) Start User-Drop-Down Toggle */
  73. a.nav-link.dropdown-toggle.nav-user-link {
  74.   color:#E85324!important;
  75.   font-family:'comic sans ms';
  76. }
  77. /* (7) End User-Drop-Down Toggle */
  78.  
  79. /* (8) Start User Avatar */
  80. /* I don't use this one personally (shrugs) */
  81. /* (8) End User Avatar */
  82.  
  83. /* (9) Start "Toyhouse" Logo */
  84. .navbar .navbar-brand {
  85.   color:#E85324!important;
  86.   font-family:'comic sans ms';
  87. }
  88. /* (9) End "Toyhouse" Logo */
  89.  
  90. /* (11) Start Buttons Left Of PFP In Navbar */
  91. .btn-primary {
  92.   color:#FFFFFF!important;
  93.   font-family:'comic sans ms';
  94.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  95.   border:0px;
  96. }
  97. /* (11) End Buttons Left Of PFP In Navbar */
  98.  
  99. /* (11.1) Start Buttons Left Of PFP In Navbar WHEN You Hover */
  100. .btn-primary:hover {
  101.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  102. }
  103. /* (11.1) End Buttons Left Of PFP In Navbar WHEN You Hover */
  104.  
  105. /* (11.2) Start Buttons Left Of PFP In Navbar On Mobile */
  106. .dropdown-item-count{
  107.   font-family:'comic sans ms';
  108.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  109. }
  110. /* (11.2) End Buttons Left Of PFP In Navbar On Mobile */
  111.  
  112. /* -------------------------------- END NAVBAR -------------------------------- */
  113.  
  114. /* -------------------------------- START SIDEBAR -------------------------------- */
  115. /* Sidebar - The Bar At The Side Of The Screen */
  116.  
  117. /* (1) Start Whole Sidebar */
  118. .sidebar {
  119.   color:#E85324;
  120.   font-family:'comic sans ms';
  121.   background-color:#2E0A21;
  122. }
  123. /* (1) Start Whole Sidebar */
  124.  
  125. /* (2) Start Sidebar Links */
  126. .side-nav li > a{
  127.   color:#E85324!important;
  128.   font-family:'comic sans ms';
  129. }
  130. /* (2) End Sidebar Links */
  131.  
  132. /* (3) Start Username Styling */
  133. .display-user-username{
  134.   color:#E85324!important;
  135.   font-family:'comic sans ms';
  136. }
  137. /* (3) End Username Styling */
  138.  
  139. /* (4) Start User Avatar */
  140. /* I don't use this one personally (shrugs) */
  141. /* .display-user img {
  142. }
  143. /* (4) End User Avatar */
  144.  
  145. /* (5) Start Header That Says "User" In It */
  146. .side-nav li.header{
  147.   color:#E85324;
  148.   font-family:'comic sans ms';
  149.   background-color:#210417;
  150. }
  151. /* (5) End Header That Says "User" In It */
  152.  
  153. /* (5.1) Start Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
  154. .side-nav li.subheader {
  155.   color:#E85324!important;
  156.   font-family:'comic sans ms';
  157.   background-color:#210417!important;
  158. }
  159. /* (5.1) End Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
  160.  
  161. /* (6) Start Sidebar Divider */
  162. .side-nav li.divider {
  163.   border:#210417 solid;
  164. }
  165. /* (6) End Sidebar Divider */
  166.  
  167. /* -------------------------------- END SIDEBAR -------------------------------- */
  168.  
  169. /* -------------------------------- START FOOTER -------------------------------- */
  170. /* Footer - The Area At The Bottom Of The Page That Contains The About, FAQ, Helpdesk, Rules, TOS, etc. */
  171.  
  172. /* (1) Start Footer */
  173. .footer{
  174.   color:#E85324!important;
  175.   font-family:'comic sans ms';
  176.   background:#2E0A21;
  177. }
  178. /* (1) End Footer */
  179.  
  180. /* (2) Start Footer */
  181. .footer a{
  182.   color:#E85324!important;
  183.   font-family:'comic sans ms';
  184. }
  185. /* (2) Start Footer-Related Links */
  186.  
  187. /* (X) Start Code Credit */
  188. .footer:after {
  189.   content:'CSS by CrispinAsheYA / TomcatCodes'
  190. }
  191. /* (X) End Code Credit */
  192.  
  193. /* -------------------------------- END FOOTER -------------------------------- */
  194.  
  195. /* -------------------------------- START PROFILE CONTENT -------------------------------- */
  196. /* Profile Content - The Area One Can Write And Edit Without Premium! (This just sets a bunch of defaults) */
  197.  
  198. /* Start Body (Where You Type HTML) */
  199. body {
  200.   color:#E85324;
  201.   font-family:'comic sans ms';
  202.   background-color:#3D122E;
  203. }
  204. /* End Body (Where You Type HTML) */
  205.  
  206. /* Start Default Link Colour */
  207. a:link {
  208.   color:#9B449B;
  209. }
  210. /* End Default Link Colour */
  211.  
  212. /* Start Default Visited-Link Colour */
  213. a:visited {
  214.   color:#9B449B;
  215. }
  216. /* End Default Visited-Link Colour */
  217.  
  218. /* Start Default someone'sAccount Colour */
  219. a:profile-name-info {
  220.   color:#9B449B;
  221. }
  222. /* End Default someone'sAccount Colour */
  223.  
  224. /* Start Mobile Menu */
  225. .nav-mobile-menu {
  226.   font-family:'comic sans ms';
  227.   background-color:#3D122E;
  228.   border:2px #2E0A21 solid;
  229. }
  230. /* End Mobile Menu */
  231.  
  232. /* Start "Menu" Button On Mobile */
  233. .nav-mobile-menu-toggle {
  234.   color:#FFFFFF!important;
  235.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  236.   border:1px #E85324 solid;
  237.   border-radius:0px;
  238. }
  239. /* End "Menu" Button On Mobile */
  240.  
  241. /* Start Login Menu */
  242. .modal-content {
  243.   background-color:#2E0A21;
  244. }
  245. /* End Login Menu */
  246.  
  247. /* Start Profile Section */
  248. .profile-section {
  249.   color:#FFFFFF!important;
  250.   font-family:'comic sans ms';
  251. }
  252. /* End Profile Section */
  253.  
  254. /* Start Tag-Badges (Character Only) */
  255. .badge-primary {
  256.   color:#FFFFFF!important;
  257.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  258.   border:0px;
  259. }
  260. /* End Tag-Badges (Character Only) */
  261.  
  262. /* -------------------------------- END PROFILE CONTENT -------------------------------- */
  263.  
  264. /* -------------------------------- START BULLETINS PAGE  -------------------------------- */
  265. /* Bulletins - When You Go When You Click On The 'Bulletins' Button In The Sidebar */
  266.  
  267. /* Takes You To The Bulletins Page */
  268. .bulletins-pagination {
  269.  
  270.   /* Start "Go To Pages 1, 2 etc" Buttons */
  271.   .page-link {
  272.     color:#FFFFFF!important;
  273.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  274.     border:1px #E85324 solid;
  275.     border-radius:0px;
  276.   }
  277.   /* End "Go To Pages 1, 2 etc" Buttons */
  278.  
  279.   /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
  280.   .page-item disabled {
  281.     color:#FFFFFF!important;
  282.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  283.     border:1px #E85324 solid;
  284.     border-radius:0px;
  285.   }
  286.   /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
  287. }
  288.  
  289. /* Start Secondary-Coloured Buttons */
  290. .btn-secondary::before {
  291.   background-color:transparent;
  292. }
  293. /* End Secondary-Coloured Buttons */
  294.  
  295. /* Start Danger-Coloured Buttons */
  296. .btn-danger {
  297.   color:#FFFFFF!important;
  298.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  299.   border:0px;
  300. }
  301. /* End Danger-Coloured Buttons */
  302.  
  303. /* -------------------------------- END BULLETINS PAGE  -------------------------------- */
  304.  
  305. /* -------------------------------- START CHARACTERS-SELECT PAGE  -------------------------------- */
  306. /* Characters-Select Page: The Pages Where All Your Characters Can Be Clicked On! */
  307.  
  308. /* Takes You To The Characters-Gallery Page */
  309. .characters-gallery-pagination {
  310.  
  311.   /* Start "Go To Pages 1, 2 etc" Buttons */
  312.   .page-link {
  313.     color:#FFFFFF!important;
  314.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  315.     border:1px #E85324 solid;
  316.     border-radius:0px;
  317.   }
  318.   /* End "Go To Pages 1, 2 etc" Buttons */
  319.  
  320. }
  321.  
  322. /* (A) Start Image-Thumbnails */
  323. a.img-thumbnail{
  324.   border:5px #E85324 double;
  325.   background:transparent;
  326. }
  327. /* (A) End Image-Thumbnails */
  328.  
  329. /* (B) Start Character Name Badge */
  330. .character-name-badge{
  331.   color:#FFFFFF!important;
  332.   font-family:'comic sans ms';
  333.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  334.   border:0px;
  335. }
  336. /* (B) End Character Name Badge */
  337.  
  338. /* (B.1) Start Character Name Badge WHEN Hovering Over It */
  339. .character-name-badge:hover {
  340.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  341. }
  342. /* (B.1) End Character Name Badge WHEN Hovering Over It */
  343.  
  344. /* (C) Start Character Stats (Under Name Badge) */
  345. .thumb-character-stats {
  346.   color:#9B449B!important;
  347. }
  348. /* (C) End Character Stats (Under Name Badge) */
  349.  
  350. /* (C.1) Start Character Stats (Under Name Badge) But Only Tabs Because This Code Is Buggy */
  351. .thumb-character-stat tabs {
  352.   color:#9B449B!important;
  353. }
  354. /* (C.1) End Character Stats (Under Name Badge) But Only Tabs Because This Code Is Buggy */
  355.  
  356. /* (D) Start Default-Coloured Buttons */
  357. .btn-default btn-sm {
  358.   color:#FFFFFF!important;
  359.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  360.   border:0px;
  361. }
  362. /* (D) End Default-Coloured Buttons */
  363.  
  364. /* (E) Start Dropdown-Items */
  365. .dropdown-item {
  366.   color:#E85324!important;
  367.   font-family:'comic sans ms';
  368.   background-color:#2E0A21;
  369. }
  370. /* (E) End Dropdown-Items */
  371.  
  372. /* (E.1) Start Drop-Down Menu Colour Change When Hover */
  373. .dropdown-item::hover {
  374.   color:#E85324!important;
  375.   background-color:#38142C;
  376. }
  377. /* (E.1) End Drop-Down Menu Colour Change When Hover */
  378.  
  379. /* (F) Start Tags-Magnifying Glass Icon */
  380. .input-group-addon {
  381.   color:#FFFFFF;
  382.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  383. }
  384. /* (F) End Tags-Magnifying Glass Icon */
  385.  
  386. /* -------------------------------- END CHARACTERS-SELECT PAGE  -------------------------------- */
  387.  
  388. /* -------------------------------- START LINKS PAGE  -------------------------------- */
  389. /* Links Page: The Page You Go To When You Press 'Links' In The Sidebar. */
  390.  
  391. /* (A) Start Text-Box (LEFT) */
  392. .card link-panel{
  393.   background-color:#2E0A21;
  394. }
  395. /* (A) End Text-Box (LEFT) */
  396.  
  397. /* (B) Start Badge With Character's Name In It */
  398. .link-character-badge {
  399.   color:#FFFFFF!important;
  400.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  401.   border:0px;
  402. }
  403. /* (B) End Badge With Character's Name In It */
  404.  
  405. /* (C) Start Text-Box (RIGHT) */
  406. .link-content-textarea {
  407.   color:#9B449B;
  408.   font-family:'comic sans ms';
  409.   background-color:#210417;
  410. }
  411. /* (C) End Text-Box (RIGHT) */
  412.  
  413. /* (D) Start Success-Coloured Buttons */
  414. .btn-success{
  415.   color:#FFFFFF!important;
  416.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  417.   border:0px;
  418. }
  419. /* (D) End Success-Coloured Buttons */
  420.  
  421. /* -------------------------------- END LINKS PAGE  -------------------------------- */
  422.  
  423. /* -------------------------------- START WORLDS PAGE  -------------------------------- */
  424. /* Worlds Page: The Page You Go To When You Press 'Worlds' In The Sidebar. */
  425.  
  426. /* (1) Start No Idea Sorry */
  427. .user-groups {
  428.   /*Content*/
  429. }
  430. /* (1) End No Idea Sorry */
  431.  
  432. /* (2) Start Header */
  433. .groups-header {
  434.   color:#FFFFFF!important;
  435. }
  436. /* (2) End Header */
  437.  
  438. /* (3) Start Header Divider */
  439. .groups-header hr {
  440.   border:#210417 solid;
  441. }
  442. /* (3) End Header Divider */
  443.  
  444. /* (4) Start Text That Says "(YOUR) Worlds:" */
  445. .groups-header h1 {
  446.   color:#FFFFFF!important;
  447.   font-family:'comic sans ms';
  448. }
  449. /* (4) Text That Says "(YOUR) Worlds: */
  450.  
  451. /* (5) Start Row Of Worlds */
  452. .user-groups ul.gallery-row {
  453.   justify-content:center;
  454. }
  455. /* (5) End Row Of Worlds */
  456.  
  457. /* (6) Start World-Thumbnail Border */
  458. .user-groups .img-thumbnail {
  459.   border:5px #E85324 double;
  460. }
  461. /* (6) End World-Thumbnail Border */
  462.  
  463. /* (6) Start Edit Box-Shadow On Hover (If You Want It, I Don't) */
  464. .user-groups .gallery-thumb .thumb-image > a:hover {
  465.   /*CONTENT*/
  466. }
  467. /* (6) End Edit Box-Shadow On Hover (If You Want It, I Don't) */
  468.  
  469. /* (7) Start Change Images Thumbnail */
  470. .user-groups .img-thumbnail > img {
  471.   /*CONTENT*/
  472. }
  473. /* (7) End Change Images Thumbnail */
  474.  
  475. /* (8) Start Sort-Button */
  476. .user-groups .btn.btn-default {
  477.   color:#FFFFFF!important;
  478.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  479.   border:0px;
  480. }
  481. /* (8) End Sort-Button */
  482.  
  483. /* (9) Start Badge That Says "Founder" */
  484. .user-groups .badge-default {
  485.   color:#FFFFFF!important;
  486.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  487.   border:0px;
  488. }
  489. /* (9) End Badge That Says "Founder" */
  490.  
  491. /* (10) Start "Sort Worlds" Button */
  492. .user-groups .btn.btn-secondary {
  493.   color:#FFFFFF!important;
  494.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  495.   border:0px;
  496. }
  497. /* (10) End "Sort Worlds" Button */
  498.  
  499. /* -------------------------------- END WORLDS PAGE  -------------------------------- */
  500.  
  501. /* -------------------------------- START FAVOURITES PAGE  -------------------------------- */
  502. /* Favourites Page: The Page You Go To When You Press 'Favorites' In The Sidebar. */
  503.  
  504. /* Takes You To The Favourited Page */
  505. .favorited-pagination {
  506.  
  507.   /* Start "Go To Pages 1, 2 etc" Buttons */
  508.   .page-link {
  509.     color:#FFFFFF!important;
  510.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  511.     border:1px #E85324 solid;
  512.     border-radius:0px;
  513.   }
  514.   /* End "Go To Pages 1, 2 etc" Buttons */
  515.  
  516.   /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
  517.   .page-item disabled {
  518.     color:#FFFFFF!important;
  519.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  520.     border:1px #E85324 solid;
  521.     border-radius:0px;
  522.   }
  523.   /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
  524.  
  525.   /* Start Folders */
  526.   .characters-folder .child .btn .btn-default .form-control:active {
  527.     color:#FFFFFF!important;
  528.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  529.     border:1px #E85324 solid;
  530.     border-radius:0px;
  531.   }
  532.   /* End Folders */
  533. }
  534.  
  535. /* -------------------------------- END FAVOURITES PAGE  -------------------------------- */
  536.  
  537. /* -------------------------------- START DESIGNS PAGE  -------------------------------- */
  538. /* Designs Page: The Page You Go To When You Press 'Designs' In The Sidebar. */
  539.  
  540. /* Takes You To The Designs Page */
  541. .created-pagination {
  542.  
  543.   /* Start "Go To Pages 1, 2 etc" Buttons */
  544.   .page-link {
  545.     color:#FFFFFF!important;
  546.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  547.     border:1px #E85324 solid;
  548.     border-radius:0px;
  549.   }
  550.   /* End "Go To Pages 1, 2 etc" Buttons */
  551.  
  552.   /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
  553.   .page-item disabled {
  554.     color:#FFFFFF!important;
  555.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  556.     border:1px #E85324 solid;
  557.     border-radius:0px;
  558.   }
  559.   /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
  560. }
  561.  
  562. /* -------------------------------- END DESIGNS PAGE  -------------------------------- */
  563.  
  564. /* -------------------------------- START ART PAGE  -------------------------------- */
  565. /* Art Page: The Page You Go To When You Press 'Art' In The Sidebar. */
  566.  
  567. /* Takes You To The Art Page */
  568. .art-pagination {
  569.  
  570.   /* Start "Go To Pages 1, 2 etc" Buttons */
  571.   .page-link {
  572.     color:#FFFFFF!important;
  573.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  574.     border:1px #E85324 solid;
  575.     border-radius:0px;
  576.   }
  577.   /* End "Go To Pages 1, 2 etc" Buttons */
  578.  
  579.   /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
  580.   .page-item disabled {
  581.     color:#FFFFFF!important;
  582.     background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  583.     border:1px #E85324 solid;
  584.     border-radius:0px;
  585.   }
  586.   /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
  587. }
  588. /* -------------------------------- END ART PAGE  -------------------------------- */
  589.  
  590. /* -------------------------------- START GALLERY CSS -------------------------------- */
  591. /* Gallery Page: The Page You Click On A Piece Of Art And Have A Bit of Info Under It. */
  592.  
  593. /* Start The Whole Section */
  594. .mfp-bottom-bar {
  595.   border:2px #2E0A21 solid;
  596.   border-top:2px #69B00B solid;
  597. }
  598. /* End The Whole Section */
  599.  
  600. /* Start All Underlines */
  601. .image-bottom-bar h2 {
  602.   border-bottom:1px solid #2E0A21;
  603.   font-size:1rem;
  604.   padding-bottom:2px;
  605. }
  606. /* End All Underlines */
  607.  
  608. /* Start The Whole Left Section */
  609. .image-left-bar {
  610.   color:#E85324;
  611.   font-family:'comic sans ms';
  612.   background-color:#2E0A21;
  613.   border:2px #2E0A21 solid;
  614.   border-right:2px #2E0A21 solid;
  615. }
  616. /* End The Whole Left Section */
  617.  
  618. /* Start The Border Between Left And Right Sections */
  619. .image-bottom-bar .image-left-bar {
  620.   border-right:2px #2E0A21 solid;
  621. }
  622. /* End The Border Between Left And Right Sections */
  623.  
  624. /* Start Top-Left Section */
  625. .image-details  {
  626.   color:#E85324;
  627.   font-family:'comic sans ms';
  628.   background-color:#3D122E;
  629. }
  630. /* End Top-Left Section */
  631.  
  632. /* Start Link-Button (Top Left) */
  633. .btn-default {
  634.   color:#FFFFFF!important;
  635.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  636.   border:4px transparent;
  637. }
  638. /* End Link-Button (Top Left) */
  639.  
  640. /* Start Other Buttons (Top Left) */
  641. .btn-secondary {
  642.   color:#FFFFFF!important;
  643.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  644.   border:2px transparent;
  645. }
  646. /* End Other Buttons (Top Left) */
  647.  
  648. /* Start Middle-Left Section */
  649. .image-credits  {
  650.   color:#E85324;
  651.   font-family:'comic sans ms';
  652.   background-color:#3D122E;
  653. }
  654. /* End Middle-Left Section */
  655.  
  656. /* Start Bottom-Left Section */
  657. .image-characters  {
  658.   color:#E85324;
  659.   font-family:'comic sans ms';
  660.   background-color:#3D122E;
  661. }
  662. /* End Bottom-Left Section */
  663.  
  664. /* Start Remove-Character Button (Bottom Right) */
  665. .btn-danger {
  666.   color:#FFFFFF!important;
  667.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  668.   border:2px transparent;
  669. }
  670. /* End Remove-Character Button (Bottom Right) */
  671.  
  672. /* Start The Whole Right Section */
  673. .image-right-bar {
  674.   color:#E85324;
  675.   font-family:'comic sans ms';
  676.   background-color:#2E0A21;
  677.   border:0px;
  678. }
  679. /* End The Whole Right Section */
  680.  
  681. /* Start Header On Window When You Add More Characters */
  682. .user-character-selector-header {
  683.   color:#E85324!important;
  684.   font-family:'comic sans ms';
  685.   background-color:#2E0A21!important;
  686. }
  687. /* End Header On Window When You Add More Characters */
  688.  
  689. /* Start Body On Window When You Add More Characters */
  690. .user-character-selector-body {
  691.   font-family:'comic sans ms';
  692.   background-color:#38142C!important;
  693. }
  694. /* End Body On Window When You Add More Characters */
  695.  
  696. /* Start 'Folders On The Left' On Window When You Add More Characters */
  697. .list-group-item {
  698.   color:#E85324!important;
  699.   font-family:'comic sans ms';
  700.   background-color:#2E0A21!important;
  701. }
  702. /* End 'Folders On The Left' On Window When You Add More Characters */
  703.  
  704. /* Start 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
  705. .list-group-item-action {
  706.   color:#E85324!important;
  707.   font-family:'comic sans ms';
  708.   background-color:#2E0A21!important;
  709. }
  710. /* End 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
  711.  
  712. /* -------------------------------- END GALLERY CSS -------------------------------- */
  713.  
  714. /* -------------------------------- START LIBRARY CSS -------------------------------- */
  715. /* Library Page: The Page You Go To When You Press 'Library' In The Sidebar. */
  716.  
  717. /* Start Specific Literature In General */
  718. .card-block bg-faded {
  719.   background-color:#2E0A21;
  720. }
  721. /* End Specific Literature In General */
  722.  
  723. /* Start Cast-Member Badge */
  724. .cast-badge {
  725.   color:#FFFFFF!important;
  726.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  727.   border:0px;
  728. }
  729. /* End Cast-Member Badge */
  730.  
  731. /* Start Book-Icons Next To Stats */
  732. .literature-header-row-chapters {
  733.   color:#FFFFFF!important;
  734.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  735.   border:0px;
  736. }
  737. /* End Book-Icons Next To Stats */
  738.  
  739. /* Start Number Of Words next to Stats */
  740. .literature-header-row-words {
  741.   color:#FFFFFF!important;
  742.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  743.   border:0px;
  744. }
  745. /* End Number Of Words next to Stats */
  746.  
  747. /* Start Star-Icon next to Stats */
  748. .literature-header-row-favorites {
  749.   color:#FFFFFF!important;
  750.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  751.   border:0px;
  752. }
  753. /* End Star-Icon next to Stats */
  754.  
  755. /* Start Speech-Bubble-Icon next to Stats */
  756. .literature-header-row-comments {
  757.   color:#FFFFFF!important;
  758.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  759.   border:0px;
  760. }
  761. /* End Speech-Bubble-Icon next to Stats */
  762.  
  763. /* Start Border Seperating Header (Characters, WordCount, etc) & Subheader (Description) In A Specific Literature */
  764. .literature .literature-header-content .literature-header-subinfo {
  765.   border-left:1px solid #9B449B;
  766. }
  767. /* End Border Seperating Header (Characters, WordCount, etc) & Subheader (Description) In A Specific Literature */
  768.  
  769. /* -------------------------------- END LIBRARY CSS -------------------------------- */
  770.  
  771. /*------------------------------- START COMMENTS CODE --------------------------*/
  772. /* Comments Page: The Page You Go To When You Press 'Comments' In The Sidebar. */
  773.  
  774. /* Start Secondary-Coloured Buttons */
  775. .btn-secondary {
  776.   color:#FFFFFF!important;
  777.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  778.   border:none;
  779. }
  780. /* End Secondary-Coloured Buttons */
  781.  
  782. /* Start Secondary-Coloured Buttons WHEN You Hover On It */
  783. a.btn.btn-secondary::before {
  784.   background-color:transparent;
  785. }
  786. /* End Secondary-Coloured Buttons WHEN You Hover On It */
  787.  
  788. /* Start WYSIWYG-Toggler */
  789. .wysiwyg-toggler {
  790.   color:#FFFFFF!important;
  791.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  792.   border:none;
  793. }
  794. /* End WYSIWYG-Toggler */
  795.  
  796. /* Start "Write Your Own Comment!" Toolbar */
  797. .fr-toolbar {
  798.   background-color:#2E0A21!important;
  799.   border-top: 5px solid #2E0A21!important;
  800. }
  801. /* End "Write Your Own Comment!" Toolbar */
  802.  
  803. /* Start "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
  804. .fr-command fr-btn fr-btn-font_awesome {
  805.   color:#E85324!important;
  806.   background-color:#2E0A21!important;
  807. }
  808. /* End "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
  809.  
  810. /* Start "Write Your Own Comment!" Toolbar Seperators */
  811. .fr-separator fr-vs {
  812.   background:#2E0A21!important;
  813. }
  814. /* End "Write Your Own Comment!" Toolbar Seperators */
  815.  
  816. /* Start "Write Your Own Comment!" Input Section */
  817. .fr-box.fr-basic .fr-element {
  818.   color:#E85324!important;
  819.   font-family:'comic sans ms';
  820.   background-color:#210417;
  821. }
  822. /* End "Write Your Own Comment!" Input Section */
  823.  
  824. /* Start Line On The Left Of Comment Threads */
  825. .comment-replies {
  826.   border-left:5px solid #2E0A21!important;
  827. }
  828. /* End Line On The Left Of Comment Threads */
  829.  
  830. /* Start Reply / Link Buttons (Bottom right of a Comment) */
  831. .post-actions {
  832.   color:#E85324;
  833. }
  834. /* End Reply / Link Buttons (Bottom right of a Comment) */
  835.  
  836. /* Start "How Long Ago The Comment Was Posted" Message */
  837. .comment .forum-post-post .forum-post-footer .forum-post-time, .forum-post .forum-post-post .forum-post-footer .forum-post-time {
  838.   color:#E85324;
  839. }
  840. /* End "How Long Ago The Comment Was Posted" Message */
  841.  
  842. /*------------------------------- END COMMENTS CODE --------------------------*/
  843.  
  844. /*------------------------------- START STAT CODE --------------------------*/
  845. /* Log-In: The Pop-Up That Comes Up When Sign-In */
  846.  
  847. .custom-control-input:checked ~ .custom-control-indicator {
  848.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  849. }
  850.  
  851. /*------------------------------- END STAT CODE --------------------------*/
  852.  
  853. /*------------------------------- START LOG-IN CODE --------------------------*/
  854. /* Log-In: The Pop-Up That Comes Up When Sign-In */
  855.  
  856. /* Start Log-In Screen Header */
  857. .modal-header {
  858.   color:#E85324!important;
  859.   font-family:'comic sans ms';
  860. }
  861. /* End Log-In Screen Header */
  862.  
  863. /* Start Log-In Body */
  864. .modal-body {
  865.   color:#E85324!important;
  866.   font-family:'comic sans ms';
  867. }
  868. /* End Log-In Body */
  869.  
  870. /*------------------------------- END LOG-IN CODE --------------------------*/
  871.  
  872. /*------------------------------- START WARNINGS CODE --------------------------*/
  873. /* Warnings: The Pop-Up That Comes Up When You Click On A Profile/Character That Has A Content Warning */
  874.  
  875. /* Start Background Colour On Content Warning */
  876. .alert-danger {
  877.   background-color:#210417;
  878.   border:#210417;
  879. }
  880. /* End Background Colour On Content Warning */
  881.  
  882. /* Start Left Margin On Warning */
  883. blockquote {
  884.   border-left:#2E0A21 0rem solid;
  885.   margin-bottom:1rem;
  886.   padding:0rem 0rem;
  887. }
  888. /* End Left Margin On Warning */
  889.  
  890. /* Start Top Margin On Warning */
  891. .alert-danger hr {
  892.   border-top-color: #2E0A21;
  893. }
  894. /* End Top Margin On Warning */
  895.  
  896. /* Start Info Tab On Warnings */
  897. .alert-info {
  898.   color:#FFFFFF!important;
  899.   background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
  900.   border:0px;
  901. }
  902. /* End Info Tab On Warnings */
  903.  
  904. /*------------------------------- END WARNINGS CODE --------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement