Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*----- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules -----
- /* COLORS */
- /*
- Orange: #E85324;
- Lighter Purple: #2E0A21
- Darker Purple: #210417
- Gradient Colour 1: rgba(201,58,92,1)
- Gradient Colour 2: rgba(232,83,36,1)
- Body Text Color (Default White): #FFFFFF
- Link Colour (Default Blue): #9B449B
- */
- /* Fonts:
- Every Font Ever: 'comic sans ms'
- /* 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 */
- /* -------------------------------- START NAVBAR -------------------------------- */
- /* Navbar - The Bar At The Top Of The Screen */
- /* (1) Start Whole Navbar */
- .navbar {
- color:#E85324;
- font-family:'comic sans ms';
- background:#2E0A21;
- }
- /* (1) End Whole Navbar */
- /* (2) Start Profile, Forums, etc Buttons */
- #header a.nav-link {
- color:#E85324!important;
- }
- /* (2) End Profile, Forums, etc Buttons */
- /* (3) Start Broad Drop-Down Menu */
- .navbar .dropdown-menu {
- background-color:#2E0A21;
- border-bottom:0px;
- }
- /* (3) End Broad Drop-Down Menu */
- /* (4) Start "Headers Under Submit" (Manage) */
- .navbar .dropdown-menu .dropdown-header{
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- }
- /* (4) End "Headers Under Submit" (Manage) */
- /* (5) Start Specific Buttons In Drop-Down Menu */
- .navbar .dropdown-menu a {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- }
- /* (5) End Specific Buttons In Drop-Down Menu */
- /* (5.1) Start Drop-Down Menu Colour Change When Hover */
- .navbar .dropdown-menu a:hover {
- color:#E85324!important;
- background-color:#38142C;
- }
- /* (5.1) End Drop-Down Menu Colour Change When Hover */
- /* (6) Start Drop-Down Menu Divider */
- .navbar .dropdown-menu .dropdown-divider {
- border:#210417 solid;
- }
- /* (6) End Drop-Down Menu Divider */
- /* (7) Start User-Drop-Down Toggle */
- a.nav-link.dropdown-toggle.nav-user-link {
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* (7) End User-Drop-Down Toggle */
- /* (8) Start User Avatar */
- /* I don't use this one personally (shrugs) */
- /* (8) End User Avatar */
- /* (9) Start "Toyhouse" Logo */
- .navbar .navbar-brand {
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* (9) End "Toyhouse" Logo */
- /* (11) Start Buttons Left Of PFP In Navbar */
- .btn-primary {
- color:#FFFFFF!important;
- font-family:'comic sans ms';
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (11) End Buttons Left Of PFP In Navbar */
- /* (11.1) Start Buttons Left Of PFP In Navbar WHEN You Hover */
- .btn-primary:hover {
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- }
- /* (11.1) End Buttons Left Of PFP In Navbar WHEN You Hover */
- /* (11.2) Start Buttons Left Of PFP In Navbar On Mobile */
- .dropdown-item-count{
- font-family:'comic sans ms';
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- }
- /* (11.2) End Buttons Left Of PFP In Navbar On Mobile */
- /* -------------------------------- END NAVBAR -------------------------------- */
- /* -------------------------------- START SIDEBAR -------------------------------- */
- /* Sidebar - The Bar At The Side Of The Screen */
- /* (1) Start Whole Sidebar */
- .sidebar {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- }
- /* (1) Start Whole Sidebar */
- /* (2) Start Sidebar Links */
- .side-nav li > a{
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* (2) End Sidebar Links */
- /* (3) Start Username Styling */
- .display-user-username{
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* (3) End Username Styling */
- /* (4) Start User Avatar */
- /* I don't use this one personally (shrugs) */
- /* .display-user img {
- }
- /* (4) End User Avatar */
- /* (5) Start Header That Says "User" In It */
- .side-nav li.header{
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#210417;
- }
- /* (5) End Header That Says "User" In It */
- /* (5.1) Start Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
- .side-nav li.subheader {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#210417!important;
- }
- /* (5.1) End Subheader That Says The Folder's Name In It (CHARACTER-CODE ONLY)*/
- /* (6) Start Sidebar Divider */
- .side-nav li.divider {
- border:#210417 solid;
- }
- /* (6) End Sidebar Divider */
- /* -------------------------------- END SIDEBAR -------------------------------- */
- /* -------------------------------- START FOOTER -------------------------------- */
- /* Footer - The Area At The Bottom Of The Page That Contains The About, FAQ, Helpdesk, Rules, TOS, etc. */
- /* (1) Start Footer */
- .footer{
- color:#E85324!important;
- font-family:'comic sans ms';
- background:#2E0A21;
- }
- /* (1) End Footer */
- /* (2) Start Footer */
- .footer a{
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* (2) Start Footer-Related Links */
- /* (X) Start Code Credit */
- .footer:after {
- content:'CSS by CrispinAsheYA / TomcatCodes'
- }
- /* (X) End Code Credit */
- /* -------------------------------- END FOOTER -------------------------------- */
- /* -------------------------------- START PROFILE CONTENT -------------------------------- */
- /* Profile Content - The Area One Can Write And Edit Without Premium! (This just sets a bunch of defaults) */
- /* Start Body (Where You Type HTML) */
- body {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#3D122E;
- }
- /* End Body (Where You Type HTML) */
- /* Start Default Link Colour */
- a:link {
- color:#9B449B;
- }
- /* End Default Link Colour */
- /* Start Default Visited-Link Colour */
- a:visited {
- color:#9B449B;
- }
- /* End Default Visited-Link Colour */
- /* Start Default someone'sAccount Colour */
- a:profile-name-info {
- color:#9B449B;
- }
- /* End Default someone'sAccount Colour */
- /* Start Mobile Menu */
- .nav-mobile-menu {
- font-family:'comic sans ms';
- background-color:#3D122E;
- border:2px #2E0A21 solid;
- }
- /* End Mobile Menu */
- /* Start "Menu" Button On Mobile */
- .nav-mobile-menu-toggle {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Menu" Button On Mobile */
- /* Start Login Menu */
- .modal-content {
- background-color:#2E0A21;
- }
- /* End Login Menu */
- /* Start Profile Section */
- .profile-section {
- color:#FFFFFF!important;
- font-family:'comic sans ms';
- }
- /* End Profile Section */
- /* Start Tag-Badges (Character Only) */
- .badge-primary {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Tag-Badges (Character Only) */
- /* -------------------------------- END PROFILE CONTENT -------------------------------- */
- /* -------------------------------- START BULLETINS PAGE -------------------------------- */
- /* Bulletins - When You Go When You Click On The 'Bulletins' Button In The Sidebar */
- /* Takes You To The Bulletins Page */
- .bulletins-pagination {
- /* Start "Go To Pages 1, 2 etc" Buttons */
- .page-link {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons */
- /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
- .page-item disabled {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
- }
- /* Start Secondary-Coloured Buttons */
- .btn-secondary::before {
- background-color:transparent;
- }
- /* End Secondary-Coloured Buttons */
- /* Start Danger-Coloured Buttons */
- .btn-danger {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Danger-Coloured Buttons */
- /* -------------------------------- END BULLETINS PAGE -------------------------------- */
- /* -------------------------------- START CHARACTERS-SELECT PAGE -------------------------------- */
- /* Characters-Select Page: The Pages Where All Your Characters Can Be Clicked On! */
- /* Takes You To The Characters-Gallery Page */
- .characters-gallery-pagination {
- /* Start "Go To Pages 1, 2 etc" Buttons */
- .page-link {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons */
- }
- /* (A) Start Image-Thumbnails */
- a.img-thumbnail{
- border:5px #E85324 double;
- background:transparent;
- }
- /* (A) End Image-Thumbnails */
- /* (B) Start Character Name Badge */
- .character-name-badge{
- color:#FFFFFF!important;
- font-family:'comic sans ms';
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (B) End Character Name Badge */
- /* (B.1) Start Character Name Badge WHEN Hovering Over It */
- .character-name-badge:hover {
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- }
- /* (B.1) End Character Name Badge WHEN Hovering Over It */
- /* (C) Start Character Stats (Under Name Badge) */
- .thumb-character-stats {
- color:#9B449B!important;
- }
- /* (C) End Character Stats (Under Name Badge) */
- /* (C.1) Start Character Stats (Under Name Badge) But Only Tabs Because This Code Is Buggy */
- .thumb-character-stat tabs {
- color:#9B449B!important;
- }
- /* (C.1) End Character Stats (Under Name Badge) But Only Tabs Because This Code Is Buggy */
- /* (D) Start Default-Coloured Buttons */
- .btn-default btn-sm {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (D) End Default-Coloured Buttons */
- /* (E) Start Dropdown-Items */
- .dropdown-item {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- }
- /* (E) End Dropdown-Items */
- /* (E.1) Start Drop-Down Menu Colour Change When Hover */
- .dropdown-item::hover {
- color:#E85324!important;
- background-color:#38142C;
- }
- /* (E.1) End Drop-Down Menu Colour Change When Hover */
- /* (F) Start Tags-Magnifying Glass Icon */
- .input-group-addon {
- color:#FFFFFF;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- }
- /* (F) End Tags-Magnifying Glass Icon */
- /* -------------------------------- END CHARACTERS-SELECT PAGE -------------------------------- */
- /* -------------------------------- START LINKS PAGE -------------------------------- */
- /* Links Page: The Page You Go To When You Press 'Links' In The Sidebar. */
- /* (A) Start Text-Box (LEFT) */
- .card link-panel{
- background-color:#2E0A21;
- }
- /* (A) End Text-Box (LEFT) */
- /* (B) Start Badge With Character's Name In It */
- .link-character-badge {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (B) End Badge With Character's Name In It */
- /* (C) Start Text-Box (RIGHT) */
- .link-content-textarea {
- color:#9B449B;
- font-family:'comic sans ms';
- background-color:#210417;
- }
- /* (C) End Text-Box (RIGHT) */
- /* (D) Start Success-Coloured Buttons */
- .btn-success{
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (D) End Success-Coloured Buttons */
- /* -------------------------------- END LINKS PAGE -------------------------------- */
- /* -------------------------------- START WORLDS PAGE -------------------------------- */
- /* Worlds Page: The Page You Go To When You Press 'Worlds' In The Sidebar. */
- /* (1) Start No Idea Sorry */
- .user-groups {
- /*Content*/
- }
- /* (1) End No Idea Sorry */
- /* (2) Start Header */
- .groups-header {
- color:#FFFFFF!important;
- }
- /* (2) End Header */
- /* (3) Start Header Divider */
- .groups-header hr {
- border:#210417 solid;
- }
- /* (3) End Header Divider */
- /* (4) Start Text That Says "(YOUR) Worlds:" */
- .groups-header h1 {
- color:#FFFFFF!important;
- font-family:'comic sans ms';
- }
- /* (4) Text That Says "(YOUR) Worlds: */
- /* (5) Start Row Of Worlds */
- .user-groups ul.gallery-row {
- justify-content:center;
- }
- /* (5) End Row Of Worlds */
- /* (6) Start World-Thumbnail Border */
- .user-groups .img-thumbnail {
- border:5px #E85324 double;
- }
- /* (6) End World-Thumbnail Border */
- /* (6) Start Edit Box-Shadow On Hover (If You Want It, I Don't) */
- .user-groups .gallery-thumb .thumb-image > a:hover {
- /*CONTENT*/
- }
- /* (6) End Edit Box-Shadow On Hover (If You Want It, I Don't) */
- /* (7) Start Change Images Thumbnail */
- .user-groups .img-thumbnail > img {
- /*CONTENT*/
- }
- /* (7) End Change Images Thumbnail */
- /* (8) Start Sort-Button */
- .user-groups .btn.btn-default {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (8) End Sort-Button */
- /* (9) Start Badge That Says "Founder" */
- .user-groups .badge-default {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (9) End Badge That Says "Founder" */
- /* (10) Start "Sort Worlds" Button */
- .user-groups .btn.btn-secondary {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* (10) End "Sort Worlds" Button */
- /* -------------------------------- END WORLDS PAGE -------------------------------- */
- /* -------------------------------- START FAVOURITES PAGE -------------------------------- */
- /* Favourites Page: The Page You Go To When You Press 'Favorites' In The Sidebar. */
- /* Takes You To The Favourited Page */
- .favorited-pagination {
- /* Start "Go To Pages 1, 2 etc" Buttons */
- .page-link {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons */
- /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
- .page-item disabled {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
- /* Start Folders */
- .characters-folder .child .btn .btn-default .form-control:active {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End Folders */
- }
- /* -------------------------------- END FAVOURITES PAGE -------------------------------- */
- /* -------------------------------- START DESIGNS PAGE -------------------------------- */
- /* Designs Page: The Page You Go To When You Press 'Designs' In The Sidebar. */
- /* Takes You To The Designs Page */
- .created-pagination {
- /* Start "Go To Pages 1, 2 etc" Buttons */
- .page-link {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons */
- /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
- .page-item disabled {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
- }
- /* -------------------------------- END DESIGNS PAGE -------------------------------- */
- /* -------------------------------- START ART PAGE -------------------------------- */
- /* Art Page: The Page You Go To When You Press 'Art' In The Sidebar. */
- /* Takes You To The Art Page */
- .art-pagination {
- /* Start "Go To Pages 1, 2 etc" Buttons */
- .page-link {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons */
- /* Start "Go To Pages 1, 2 etc" Buttons WHEN Disabled */
- .page-item disabled {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:1px #E85324 solid;
- border-radius:0px;
- }
- /* End "Go To Pages 1, 2 etc" Buttons WHEN Disabled*/
- }
- /* -------------------------------- END ART PAGE -------------------------------- */
- /* -------------------------------- START GALLERY CSS -------------------------------- */
- /* Gallery Page: The Page You Click On A Piece Of Art And Have A Bit of Info Under It. */
- /* Start The Whole Section */
- .mfp-bottom-bar {
- border:2px #2E0A21 solid;
- border-top:2px #69B00B solid;
- }
- /* End The Whole Section */
- /* Start All Underlines */
- .image-bottom-bar h2 {
- border-bottom:1px solid #2E0A21;
- font-size:1rem;
- padding-bottom:2px;
- }
- /* End All Underlines */
- /* Start The Whole Left Section */
- .image-left-bar {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- border:2px #2E0A21 solid;
- border-right:2px #2E0A21 solid;
- }
- /* End The Whole Left Section */
- /* Start The Border Between Left And Right Sections */
- .image-bottom-bar .image-left-bar {
- border-right:2px #2E0A21 solid;
- }
- /* End The Border Between Left And Right Sections */
- /* Start Top-Left Section */
- .image-details {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#3D122E;
- }
- /* End Top-Left Section */
- /* Start Link-Button (Top Left) */
- .btn-default {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:4px transparent;
- }
- /* End Link-Button (Top Left) */
- /* Start Other Buttons (Top Left) */
- .btn-secondary {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:2px transparent;
- }
- /* End Other Buttons (Top Left) */
- /* Start Middle-Left Section */
- .image-credits {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#3D122E;
- }
- /* End Middle-Left Section */
- /* Start Bottom-Left Section */
- .image-characters {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#3D122E;
- }
- /* End Bottom-Left Section */
- /* Start Remove-Character Button (Bottom Right) */
- .btn-danger {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:2px transparent;
- }
- /* End Remove-Character Button (Bottom Right) */
- /* Start The Whole Right Section */
- .image-right-bar {
- color:#E85324;
- font-family:'comic sans ms';
- background-color:#2E0A21;
- border:0px;
- }
- /* End The Whole Right Section */
- /* Start Header On Window When You Add More Characters */
- .user-character-selector-header {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#2E0A21!important;
- }
- /* End Header On Window When You Add More Characters */
- /* Start Body On Window When You Add More Characters */
- .user-character-selector-body {
- font-family:'comic sans ms';
- background-color:#38142C!important;
- }
- /* End Body On Window When You Add More Characters */
- /* Start 'Folders On The Left' On Window When You Add More Characters */
- .list-group-item {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#2E0A21!important;
- }
- /* End 'Folders On The Left' On Window When You Add More Characters */
- /* Start 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
- .list-group-item-action {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#2E0A21!important;
- }
- /* End 'Folders On The Left' On Window When You Add More Characters WHEN You Hover Over Them */
- /* -------------------------------- END GALLERY CSS -------------------------------- */
- /* -------------------------------- START LIBRARY CSS -------------------------------- */
- /* Library Page: The Page You Go To When You Press 'Library' In The Sidebar. */
- /* Start Specific Literature In General */
- .card-block bg-faded {
- background-color:#2E0A21;
- }
- /* End Specific Literature In General */
- /* Start Cast-Member Badge */
- .cast-badge {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Cast-Member Badge */
- /* Start Book-Icons Next To Stats */
- .literature-header-row-chapters {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Book-Icons Next To Stats */
- /* Start Number Of Words next to Stats */
- .literature-header-row-words {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Number Of Words next to Stats */
- /* Start Star-Icon next to Stats */
- .literature-header-row-favorites {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Star-Icon next to Stats */
- /* Start Speech-Bubble-Icon next to Stats */
- .literature-header-row-comments {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Speech-Bubble-Icon next to Stats */
- /* Start Border Seperating Header (Characters, WordCount, etc) & Subheader (Description) In A Specific Literature */
- .literature .literature-header-content .literature-header-subinfo {
- border-left:1px solid #9B449B;
- }
- /* End Border Seperating Header (Characters, WordCount, etc) & Subheader (Description) In A Specific Literature */
- /* -------------------------------- END LIBRARY CSS -------------------------------- */
- /*------------------------------- START COMMENTS CODE --------------------------*/
- /* Comments Page: The Page You Go To When You Press 'Comments' In The Sidebar. */
- /* Start Secondary-Coloured Buttons */
- .btn-secondary {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:none;
- }
- /* End Secondary-Coloured Buttons */
- /* Start Secondary-Coloured Buttons WHEN You Hover On It */
- a.btn.btn-secondary::before {
- background-color:transparent;
- }
- /* End Secondary-Coloured Buttons WHEN You Hover On It */
- /* Start WYSIWYG-Toggler */
- .wysiwyg-toggler {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:none;
- }
- /* End WYSIWYG-Toggler */
- /* Start "Write Your Own Comment!" Toolbar */
- .fr-toolbar {
- background-color:#2E0A21!important;
- border-top: 5px solid #2E0A21!important;
- }
- /* End "Write Your Own Comment!" Toolbar */
- /* Start "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
- .fr-command fr-btn fr-btn-font_awesome {
- color:#E85324!important;
- background-color:#2E0A21!important;
- }
- /* End "Write Your Own Comment!" Buttons (IE Bold, Italics, Change Text Colour, etc) */
- /* Start "Write Your Own Comment!" Toolbar Seperators */
- .fr-separator fr-vs {
- background:#2E0A21!important;
- }
- /* End "Write Your Own Comment!" Toolbar Seperators */
- /* Start "Write Your Own Comment!" Input Section */
- .fr-box.fr-basic .fr-element {
- color:#E85324!important;
- font-family:'comic sans ms';
- background-color:#210417;
- }
- /* End "Write Your Own Comment!" Input Section */
- /* Start Line On The Left Of Comment Threads */
- .comment-replies {
- border-left:5px solid #2E0A21!important;
- }
- /* End Line On The Left Of Comment Threads */
- /* Start Reply / Link Buttons (Bottom right of a Comment) */
- .post-actions {
- color:#E85324;
- }
- /* End Reply / Link Buttons (Bottom right of a Comment) */
- /* Start "How Long Ago The Comment Was Posted" Message */
- .comment .forum-post-post .forum-post-footer .forum-post-time, .forum-post .forum-post-post .forum-post-footer .forum-post-time {
- color:#E85324;
- }
- /* End "How Long Ago The Comment Was Posted" Message */
- /*------------------------------- END COMMENTS CODE --------------------------*/
- /*------------------------------- START STAT CODE --------------------------*/
- /* Log-In: The Pop-Up That Comes Up When Sign-In */
- .custom-control-input:checked ~ .custom-control-indicator {
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- }
- /*------------------------------- END STAT CODE --------------------------*/
- /*------------------------------- START LOG-IN CODE --------------------------*/
- /* Log-In: The Pop-Up That Comes Up When Sign-In */
- /* Start Log-In Screen Header */
- .modal-header {
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* End Log-In Screen Header */
- /* Start Log-In Body */
- .modal-body {
- color:#E85324!important;
- font-family:'comic sans ms';
- }
- /* End Log-In Body */
- /*------------------------------- END LOG-IN CODE --------------------------*/
- /*------------------------------- START WARNINGS CODE --------------------------*/
- /* Warnings: The Pop-Up That Comes Up When You Click On A Profile/Character That Has A Content Warning */
- /* Start Background Colour On Content Warning */
- .alert-danger {
- background-color:#210417;
- border:#210417;
- }
- /* End Background Colour On Content Warning */
- /* Start Left Margin On Warning */
- blockquote {
- border-left:#2E0A21 0rem solid;
- margin-bottom:1rem;
- padding:0rem 0rem;
- }
- /* End Left Margin On Warning */
- /* Start Top Margin On Warning */
- .alert-danger hr {
- border-top-color: #2E0A21;
- }
- /* End Top Margin On Warning */
- /* Start Info Tab On Warnings */
- .alert-info {
- color:#FFFFFF!important;
- background-image:linear-gradient(rgba(232,83,36,1), rgba(201,58,92,1));
- border:0px;
- }
- /* End Info Tab On Warnings */
- /*------------------------------- END WARNINGS CODE --------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement