/* The A.T. of the Caribbean Deep Theme (made by Qual, background by Boson; requested by Administration for Official Contest Use) Additional Credits: Pirate Map by Von, Hide-Out Sketch by Gismo, Sailing Sketch by Jokezm, Bounty Board Wooden Panel Image taken from user Anne Gaal (https://www.pinterest.com/pin/240661173815148808/), Rest of Images by Qual. The theme was inspired by the SCP Foundation Unusual Cargo Theme. */ @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Texturina:opsz@12..72&display=swap'); @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap'); @import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap'); /* General Section: */ #container { font-family: Texturina; } body { background-image: var(--body-deep-water-background-image), var(--body-wave-background-image); background-repeat: no-repeat, repeat; background-size: 100%, 50%; background-position: bottom; } #page-title { text-align: center; border-top: var(--golden-border-bold); border-top-left-radius: 20px; border-top-right-radius: 20px; text-shadow: var(--primary-text-shadow); font-family: 'Pirata One'; font-size: 350%; font-weight: 100; word-spacing: 1px; letter-spacing: 3px; margin-bottom: 15px; padding-top: 10px; } div#page-content { border-bottom: var(--golden-border-bold); padding: 1em; border-bottom-left-radius: 0em!important; border-bottom-right-radius: 0em!important; border-radius: 10px; font-family: 'Playfair Display', serif; font-size: 120%; word-spacing: 5px; letter-spacing: 0px; } #main-content { border-radius: 5px; padding: 1em 1em 2.5em 1em; margin: 0px 2em 2em 23em; } #main-content .page-tags { max-width: 100%; margin: 0em; padding: 0.5em 1em 1em 1em; border-bottom: var(--golden-border); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: var(--primary-background); background-image: var(--paper-secondary-background-image); background-size: 250%; box-shadow: var(--page-panel-box-shadow); margin-bottom: 0em; } #main-content, #side-bar { background-color: var(--wooden-panel-background-color)!important; background-image: var(--panel-wooden-background-image)!important; background-size: 95%!important; border-top: var(--wooden-panel-border-top) !important; border-bottom: var(--wooden-panel-border-bottom) !important; border-left: var(--wooden-panel-border-left) !important; border-right: var(--wooden-panel-border-right) !important; box-shadow: var(--wooden-panel-primary-box-shadow) !important; } #page-title, #page-content, #account-options, .alert-info { background-color: var(--primary-background-color) !important; background-image: var(--panel-paper-background-image)!important; background-size: 100%!important; border: var(--golden-border); box-shadow: var(--page-panel-box-shadow); } @media (max-width: 768px) { #main-content { max-width: 90%; margin: 0 5%!important; margin: 0; } } @media (max-width: 768px) { #top-bar ul li a { font-size: 80%; } } /* Search Box and Search Button Section: */ #search-top-box input.empty { color: var(--main-border-color); } #search-top-box-input { width: 145px; font-family: 'IM Fell DW Pica', serif; } #search-top-box-form input[type=submit] { color: var(--text-secondary-color); font-family: 'Texturina', serif; } #search-top-box-input, #search-top-box-form input[type=submit] { background-color: var(--primary-background-color) !important; color: var(--text-color); border-left: var(--secondary-golden-border-left) !important; border-right: var(--secondary-golden-border-right) !important; border-top: var(--secondary-golden-border-top) !important; border-bottom: var(--secondary-golden-border-bottom) !important; background-image: var(--paper-secondary-background-image)!important; background-size: 100%!important; box-shadow: var(--content-box-shadow); margin: 5px 0px 5px 5px; height: 25px; } /* Search Box and Search Button Hover Section: */ #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background-color: var(--primary-background-hover-color) !important; color: var(--primary-text-color); border-top: var(--secondary-golden-hover-border-top) !important; border-bottom: var(--secondary-golden-hover-border-bottom) !important; border-left: var(--secondary-golden-hover-border-left) !important; border-right: var(--secondary-golden-hover-border-right) !important; background-image: var(--paper-secondary-background-image)!important; background-size: 250%; box-shadow: var(--content-box-hover-shadow); } /* Sidebar Section: */ #side-bar .menu-item.discord a:hover::before { content: url(http://rpcauthority.wdfiles.com/local--files/nav%3Aside/discord.png); position: absolute; left: 15em; } #side-bar .menu-item.lore a:hover::before { content: url('http://www.rpc-wiki.net/local--files/nav:side/lore.png'); position: absolute; left: 15em; } #side-bar .menu-item.reddit a:hover::before { content: url('http://rpcauthority.wdfiles.com/local--files/nav%3Aside/reddit.png'); position: absolute; left: 15em; } #side-bar .menu-item.steam a:hover::before { content: url('http://rpcauthority.wdfiles.com/local--files/nav%3Aside/steam.png'); position: absolute; left: 15em; } #side-bar .menu-item.twitter a:hover::before { content: url('http://rpcauthority.wdfiles.com/local--files/nav%3Aside/twitter.png'); position: absolute; left: 15em; } #side-bar .menu-item.redbubble a:hover::before { content: url(http://rpcauthority.wdfiles.com/local--files/nav%3Aside/redbubble.png); position: absolute; left: 15em; } /* Mega Topbar Section: */ /* Topbar Collapsed Regular Display */ #top-bar ul li a::first-letter { color: var(--topbar-collapsed-link-hover-color); font-size: 140%; text-shadow: var(--primary-text-shadow); } #top-bar ul li a { color: var(--topbar-collapsed-link-color); border-left: 2px solid #5c4434; border-right: 2px solid #916d55; background-size: 200px; background-color: var(--wooden-panel-background-color); box-shadow: inset var(--page-panel-primary-fade-shadow); background-image: var(--panel-wooden-background-image); } /* Code that makes sure Collapsed shadows and extra bits don't impede on Collapsed-Hovering part */ #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { box-shadow: none; } /* Topbar Collapsed Hovering Over */ #top-bar ul li:hover>a { color: var(--text-secondary-color); text-shadow: var(--primary-text-shadow); border-left: var(--golden-border); border-right: var(--golden-border); box-shadow: var(--hover-panel-box-shadow); background-color: var(--primary-background-hover-color); background-image: var(--paper-secondary-background-image); } #top-bar ul li:hover>a:first-letter { color: var(--primary-text-color); } /* Topbar Uncollapsed */ #top-bar ul li ul { border: var(--golden-border); background-color: var(--primary-background-color); background-image: var(--panel-paper-background-image) !important; box-shadow: var(--wooden-panel-secondary-box-shadow); } #top-bar ul li:hover ul a:first-letter { color: var(--topbar-dropdown-color); font-size: 100%; text-shadow: var(--primary-text-shadow); } /* Topbar Collapsed Hovering Over Option: */ #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { color: var(--primary-text-color); text-shadow: var(--primary-text-shadow); background-color: var(--primary-background-hover-color); background-image: var(--paper-secondary-background-image) !important; box-shadow: var(--hover-panel-box-shadow); } #top-bar ul li.sfhover a:hover:first-letter, #top-bar ul li:hover a:hover:first-letter { color: var(--primary-text-color); } /* Side Bar Section: */ #side-bar { width: 19.5em; padding: 1em; } #side-bar .side-block { border-radius: 10px; background-color: var(--primary-background-color); background-position: top; background-repeat: repeat, no-repeat; background-size: 93%, 96%; background-image: var(--panel-paper-background-image), var(--side-bar-inquistion-seal-image); border: var(--golden-border); box-shadow: var(--page-panel-box-shadow); width: 17.8em; padding: 10px; padding-top: 25em!important; } #side-bar .heading { font-family: 'EB Garamond'; font-size: 1.6em; letter-spacing: 1px; font-weight: 500; text-shadow: var(--primary-text-shadow); text-indent: 1em; width: 100%; margin-top: 1em; border-top: var(--basic-border); border-radius: 10px; padding-top: 3px; color: var(--text-secondary-color); } #side-bar .heading:first-letter { font-size: 130%; color: var(--page-title-color); } #side-bar hr { width: 220px; display: none; } #side-bar div.menu-item a { display: block; margin: 5px calc(-1em - 1px) 0px -0.3em; padding: 0.2em 0.5em 0.2em 0.5em; font-size: 12.8px; color: var(--sidebar-color); width: 95%; transition: all 0.5s ease-in, background-image 0.5s ease-in; border-radius: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #side-bar div.menu-item a:hover { box-shadow: var(--hover-panel-box-shadow); background-color: var(--primary-background-hover-color); background-image: var(--paper-secondary-background-image); background-size: 250%; } #side-bar div.menu-item a:before { content: " ☐ "; } #side-bar div.menu-item a:hover:before { content: " ☒ "; } /* Header Section: */ h1 { font-family: 'Pirata One', cursive; font-size: 300%; color: var(--page-title-color); text-shadow: var(--primary-text-shadow); text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; letter-spacing: 4px; } h2 { font-size: 180%; } h3 { font-size: 150%; } h2, h3 { font-family: 'IM Fell DW Pica', serif; font-weight: bold; color: var(--text-secondary-color); text-shadow: var(--primary-text-shadow); margin: 5px 0px; letter-spacing: 1px; } h4, h5, h6 { color: #9e6549; font-family: 'New Tegomin', serif; } /* Blocks and Panels Section: */ .header-panel, .footer-panel, .image-block .image-caption, .cellStyle, .readingStyle, .sidenoteH, .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { background-image: var(--paper-tertiary-background-image)!important; background-size: 200%!important; } #toc, .starStyle, blockquote, .image-block, .image-caption, .yui-navset .yui-content, .sideTabview .yui-navset, .content-panel, .content-panel .left-column, .content-panel .right-column, .info-block .body-panel, .news-block .body-panel, .featured-block .body-panel, .news-block .body-panel:nth-child(even), .sidenoteH, .sidenote.sidenoteLock-false:hover .sidenoteC, .sidenote.sidenoteLock-false:hover .sidenoteI { background-image: var(--paper-primary-background-image); } /* Dividers Section: */ hr { background: var(--main-border-color); height: 1.5px; box-shadow: 0px 0px 10px 2px #956d2882, 0px 2px 0px #721a1a6b; } .content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr, blockquote hr { background: var(--main-border-color); box-shadow: 0px 0px 7px #956d28; height: 2px; } /* Star Rating & Extra Bits Section: */ .starStyle { word-spacing: 1px; } .starStyle, .body-panel { box-shadow: var(--lesser-biblichor-inset-shadow); } .cellStyle, .header-panel, .footer-panel { box-shadow: var(--paper-panel-secondary-inset-shadow); } /* Table Section: */ table.wiki-content-table { border: var(--basic-border); background-image: var(--paper-primary-background-image); box-shadow: var(--page-panel-secondary-fade-shadow); } table.wiki-content-table th { font-family: 'EB Garamond', serif; background-color: var(--table-header-background); border: var(--table-border); color: var(--table-header-color); padding: 0.3em 0.7em; background-image: var(--paper-secondary-background-image)!important; box-shadow: var(--paper-panel-secondary-inset-shadow); background-size: 200%!important; } table.wiki-content-table td { background-color: transparent; font-family: 'IM Fell DW Pica', serif; font-size: 88%; color: var(--text-color); box-shadow: var(--lesser-biblichor-inset-shadow); } /* Tabview Section: */ .yui-navset .yui-content { border-top: none; } ul.yui-nav { border: var(--tabview-border) !important; } .sideTabview .yui-nav { border-right: var(--basic-border) !important; } .sideTabviewMini .yui-content { border-left: none!important; border-top: var(--basic-border) !important; } .yui-navset .yui-content { box-shadow: var(--paper-panel-secondary-inset-shadow); } .compactTabview .yui-content { box-shadow: var(--content-box-shadow) !important; border-top: var(--tabview-bar-border) !important; } .sideTabview .yui-navset .yui-content { box-shadow: none; } .sideTabview .yui-nav li.selected em, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a em:hover { color: var(--tabview-button-selected-color); background-image: var(--paper-secondary-background-image)!important; box-shadow: var(--paper-panel-secondary-inset-shadow); background-color: var(--tabview-background); background-size: 200%!important; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus, .sideTabview .yui-nav li:hover, yui-navset .yui-nav li a em:hover, .yui-navset-top .yui-nav li a em:hover, .yui-navset-bottom .yui-nav li a em:hover { color: var(--text-color); background-color: var(--tabview-button-hover-background)!important; background-image: var(--panel-paper-background-image)!important; box-shadow: var(--hover-panel-secondary-inset-shadow); } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { color: #66000080; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { font-size: 90%; } /* Sidenote Section: */ .sidenoteC { box-shadow: var(--lesser-biblichor-inset-shadow); } .sidenoteH { box-shadow: var(--paper-panel-secondary-inset-shadow); } .sidenoteI { border: var(--basic-border); border-top: none; padding: 0px; } /* Page Options Section: */ form#history-form-1 { overflow-x: scroll; } table.page-history { min-width: 590px!important; } #page-options-container { border: var(--golden-border); padding: 5px; border-radius: 20px; background-color: var(--primary-background); background-image: var(--paper-secondary-background-image); background-size: 250%; box-shadow: var(--page-panel-box-shadow) !important; margin: 2em 0em 0em 0em; } .page-options-bottom, .page-watch-options { margin: 1em; } td.optionstd { width: 8em!important; height: 3em!important; } #action-area h1 { text-align: center; } #action-area { background-color: var(--primary-background); border: var(--golden-border); border-bottom: var(--golden-border); padding: 5px; border-radius: 10px; background-image: var(--paper-secondary-background-image); background-size: 250%; box-shadow: var(--page-panel-box-shadow) !important; margin-top: 2em; max-width: 97%; } @media (min-width: 1200px) { #edit-page-form { margin-left: 0em; margin-right: 0em; } } .code { background-color: var(--code-background); border: var(--code-border); padding: 15px; background-image: var(--paper-secondary-background-image); } .highlight td { background-image: var(--paper-secondary-background-image); background-size: 250%; background-color: var(--primary-background); } /* Button Section: */ #h-perpage, .optionstd a, .new-post .btn, #history-form-1 .btn-sm, .well .btn-sm, .change-textarea-size a, .buttons .btn-small, .action-area .btn-default, .action-area .btn-primary, .col-lg-10 .form-control, .form-actions .btn-danger, .buttons .btn-default, .target a, .buttons .btn-danger, #edit-cancel-button, #edit-save-button, .button-close-message, .button-close-window, .button-cancel, .button-insert-code, #wd-ed-codewizard-type, #wd-ed-imagewizard-position, #wd-ed-imagewizard-uri, #wd-ed-imagewizard-byuri .button, #wd-ed-imagewizard-flickr, #wd-ed-imagewizard-byflickr .button, .query-area .button, .button-close, .button-rename, .button-no\,-cancel, .button-yes\,-delete, #file-upload-form .btn-primary, .button-move, #action-area .buttons .btn-primary, #edit-page-form .buttons .btn-info, #view-diff-div .button, .button-yes\,-revert, .modal-footer .btn-danger, .modal-footer .btn-default, .modal-footer .btn-primary, #mba-apply, .yui-content .button, .btn-warning, #edit-meta-newtag-form div .btn, .new-page-box .button, #page-templates, #recent-posts-category, .forum-recent-posts-box form .btn, .owindow .button-bar .btn { font-family: 'Texturina'; background-color: var(--primary-background-color) !important; color: var(--text-color); border-left: var(--secondary-golden-border-left) !important; border-right: var(--secondary-golden-border-right) !important; border-top: var(--secondary-golden-border-top) !important; border-bottom: var(--secondary-golden-border-bottom) !important; background-image: var(--paper-secondary-background-image)!important; background-size: 80%!important; box-shadow: var(--content-box-shadow); margin: 5px; } .pager .current, #h-perpage:hover, .optionstd a:hover, .new-post .btn:hover, #history-form-1 .btn-sm:hover, .well .btn-sm:hover, .change-textarea-size a:hover, .buttons .btn-small:hover, .action-area .btn-default:hover, .action-area .btn-primary:hover, .col-lg-10 .form-control:hover, .form-actions .btn-danger:hover, .buttons .btn-default:hover, .target a:hover, .buttons .btn-danger:hover, #edit-cancel-button:hover, #edit-save-button:hover, .button-close-message:hover, .button-close-window:hover, .button-cancel:hover, .button-insert-code:hover, #wd-ed-codewizard-type:hover, #wd-ed-imagewizard-position:hover, #wd-ed-imagewizard-uri:hover, #wd-ed-imagewizard-byuri .button:hover, #wd-ed-imagewizard-flickr:hover, #wd-ed-imagewizard-byflickr .button:hover, .query-area .button:hover, .button-close:hover, .button-rename:hover, .button-no\,-cancel:hover, .button-yes\,-delete:hover, #file-upload-form .btn-primary:hover, .button-move:hover, #action-area .buttons .btn-primary:hover, #edit-page-form .buttons .btn-info:hover, #view-diff-div .button:hover, .button-yes\,-revert:hover, .modal-footer .btn-danger:hover, .modal-footer .btn-default:hover, .modal-footer .btn-primary:hover, #mba-apply:hover, .yui-content .button:hover, .btn-warning:hover, #edit-meta-newtag-form div .btn:hover, .new-page-box .button:hover, #page-templates:hover, #recent-posts-category:hover, .forum-recent-posts-box form .btn:hover, .owindow .button-bar .btn:hover { background-color: var(--primary-background-hover-color) !important; color: var(--primary-text-color); border-top: var(--secondary-golden-hover-border-top) !important; border-bottom: var(--secondary-golden-hover-border-bottom) !important; border-left: var(--secondary-golden-hover-border-left) !important; border-right: var(--secondary-golden-hover-border-right) !important; background-image: var(--paper-secondary-background-image)!important; background-size: 250%; box-shadow: var(--content-box-hover-shadow) !important; } #thread-description, #np-text, #post-edit, .field-header .form-wiki, .field-content .form-wiki, .text.form-control, #file-comments, .form .text, #edit-meta-newtag-form .text, .new-page-box .text, #edit-page-textarea, #edit-page-title, #edit-page-comments, .query-area .text, #membership-by-apply-text, .yui-content .text { border: var(--golden-border); box-shadow: var(--content-box-shadow); border-left: var(--secondary-golden-border-left) !important; border-right: var(--secondary-golden-border-right) !important; border-top: var(--secondary-golden-border-top) !important; border-bottom: var(--secondary-golden-border-bottom) !important; padding: 5px; background-color: var(--primary-background-color) !important; background-image: var(--panel-paper-background-image) !important; } /* Footer & Attributions Section: */ #footer a { color: var(--topbar-collapsed-link-hover-color); background-color: transparent; text-shadow: var(--primary-text-shadow); } #footer a:hover { color: var(--topbar-collapsed-link-hover-color); } #footer { clear: both; font-size: 77%; color: var(--footer-color); margin-top: 15px; padding: 3px 10px; background-color: var(--wooden-panel-background-color)!important; background-image: var(--panel-wooden-background-image)!important; background-size: 54%!important; border-top: var(--wooden-panel-border-top); box-shadow: var(--wooden-panel-primary-box-shadow); } #license-area { border-top: var(--golden-border) !important; box-shadow: var(--page-panel-box-shadow) !important; } #breadcrumbs { text-align: center; border-bottom: var(--golden-border); padding: 5px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: var(--primary-background); box-shadow: var(--page-panel-box-shadow) !important; } #breadcrumbs, .license-area { background-image: var(--paper-secondary-background-image); background-size: 250%; background-color: var(--primary-background-color); } #lock-info { background-color: var(--primary-background-color) !important; background-image: var(--panel-paper-background-image) !important; background-size: 100%!important; border: var(--golden-border); box-shadow: var(--blockquote-box-shadow); } /* Error and Saving Window Section: */ div#owindow-1.owindow.error, div#owindow-1.owindow { font-family: 'Playfair Display', serif; background-color: var(--wooden-panel-background-color)!important; background-image: var(--panel-wooden-background-image)!important; background-size: 95%!important; border-top: var(--wooden-panel-border-top) !important; border-bottom: var(--wooden-panel-border-bottom) !important; border-left: var(--wooden-panel-border-left) !important; border-right: var(--wooden-panel-border-right) !important; box-shadow: var(--wooden-panel-primary-box-shadow) !important; padding: 1em; } .owindow .button-bar { margin: 1em; } .title.modal-header { text-align: center; border-top: var(--golden-border); padding: 5px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: var(--primary-background); box-shadow: var(--page-panel-box-shadow) !important; background-image: var(--paper-secondary-background-image) !important; } .owindow .content { padding: 1em!important; background-color: var(--primary-background-color) !important; background-image: var(--panel-paper-background-image) !important; background-size: 100%!important; box-shadow: var(--page-panel-box-shadow); border: var(--golden-border); } div#odialog-container { background-color: var(--primary-background); padding: 5px; background-image: var(--paper-secondary-background-image); border-top: var(--wooden-panel-border-top) !important; border-bottom: var(--wooden-panel-border-bottom) !important; border-left: var(--wooden-panel-border-left) !important; border-right: var(--wooden-panel-border-right) !important; box-shadow: var(--wooden-panel-primary-box-shadow) !important; } .document { font-family: verdana; font-size: 80%; } .document a { color: #5295e1; font-weight: bold; } .document a:hover { color: #84b7f5; } .document hr { margin: 1em 0; box-shadow: none; background: hsl(0deg 0% 40%); } .document h1, .document h2, .document h3 { color: #c0c0c0; font-weight: bold; font-family: "Trebuchet MS"; text-shadow: 0px 0px 0px black; } :root { --text-secondary-color: #5b402e; --primary-background-color: #f0e4d0; --primary-background-hover-color: #e2d1b3; --wooden-panel-border-top: 3px solid #72513b; --wooden-panel-border-bottom: 3px solid #5b402e; --wooden-panel-border-left: 5px solid #5c4434; --wooden-panel-border-right: 3px solid #916d55; --golden-border: 2px solid goldenrod; --golden-border-bold: 5px solid goldenrod; --secondary-golden-border-top: var(--golden-border); --secondary-golden-border-left: 4px solid #966f11; --secondary-golden-border-bottom: 2px solid darkgoldenrod; --secondary-golden-border-right: 2px solid #f6ce6a; --secondary-golden-hover-border-top: 2px solid #eebc3e; --secondary-golden-hover-border-bottom: var(--golden-border); --secondary-golden-hover-border-left: 4px solid #bc9b45; --secondary-golden-hover-border-right: 2px solid #f2d99f; --paper-panel-box-shadow: var(--paper-panel-secondary-inset-shadow), var(--page-panel-primary-fade-shadow); --hover-panel-box-shadow: var(--hover-panel-primary-inset-shadow), var(--hover-panel-secondary-inset-shadow); --page-panel-box-shadow: var(--page-panel-primary-inset-shadow), var(--page-panel-primary-fade-shadow); --wooden-panel-primary-box-shadow: var(--wooden-panel-outside-shadow), var(--wooden-panel-fade-shadow), inset 0px 0px 15px #721a1a; --wooden-panel-secondary-box-shadow: var(--wooden-panel-outside-shadow), var(--wooden-panel-fade-shadow), var(--page-panel-primary-inset-shadow); --content-box-hover-shadow: inset 2px -2px 7px #956d28, 0px 0px 4px #721a1a, -2px 3px 3px #4224247a; --wooden-panel-outside-shadow: -5px 5px 10px -3px #422424d9; /* Fade shadow */ --page-panel-primary-fade-shadow: 0px 0px 10px #721a1a; --page-panel-secondary-fade-shadow: 0px 0px 10px #721a1a57; --wooden-panel-fade-shadow: 0px 0px 15px #c78b2459; /* Inset shadow */ --page-panel-primary-inset-shadow: inset 0px 0px 10px 2px #956d28; --paper-panel-secondary-inset-shadow: inset 0px 0px 10px 2px #956d2882; --hover-panel-primary-inset-shadow: inset -2px 2px 7px -2px #721a1a; --hover-panel-secondary-inset-shadow: inset 0px 0px 5px #956d28; --lesser-biblichor-inset-shadow: inset 0px 0px 7px -2px #956d2882; /* Text-shadow: */ --drop-cap-text-shadow: 0 0 5px var(--primary-text-color); --primary-text-shadow: -1px 1px 4px #956d28; --wooden-panel-background-color: #f9b568; --body-wave-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Body%20Wave%20Background.png); --body-deep-water-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Body%20Deep%20Water%20Background.png); --side-bar-inquistion-seal-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Inquisition%20Sidebar%20Seal.png); --panel-wooden-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Panel%20Wooden%20Background.png); --panel-paper-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Panel%20Paper%20Background.png); --paper-primary-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Paper%20Primary%20Background.png); --paper-secondary-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Paper%20Secondary%20Background.png); --paper-tertiary-background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Paper%20Tertiary%20Background.png); /* Sidenotes */ --sidenote-open-background: var(--news-block-body-panel-background-even); --sidenote-closed-background: var(--primary-background); --sidenote-background: var(--content-panel-background); --sidenote-contents-open-color: var(--text-color); --sidenote-figure-open-color: var(--text-color); --sidenote-contents-closed-color: var(--text-color); --sidenote-figure-closed-color: var(--text-color); --table-cell-background: var(--news-block-body-panel-background-even); --tabview-side-tabs-box-shadow: var(--paper-panel-secondary-inset-shadow), 0px -10px 10px 2px #956d2882; --topbar-collapsed-link-color: #f7ed7c; --topbar-collapsed-link-hover-color: #fff7a5; /* General Variables Section: (Main Var., Sidebar, put Custom/Reference Variables here) */ --text-color: #660000; --page-title-color: var(--primary-text-color); --sidebar-header-color: #8b1a1a; --light-text-color: none; --primary-text-color: #9a0a0a; --sidebar-hover-color: var(--primary-text-color); --sidenote-figure-open-color: none; --sidenote-open-background: none; /* Font Variables Section: (Categorizes Fonts used in Theme to a Few Changeable Variable) */ --header-font: none; --subheader-font: none; --title-font: none; --body-font: none; --block-font: none; /* Background Variables Section: (Important) */ --body-background: #329296; --nav-hover-background: #efe4d0; --primary-background: #e9d9bf; --content-bar-background: #efdccae3; --content-panel-background: var(--primary-background); --news-block-body-panel-background-even: #e4cead; --modal-header-background: var(--content-bar-background); --modal-body-background: var(--primary-background); --blockquote-background: var(--primary-background); --horizontal-rule-background: ; /* unused due to fading effect */ /* Header Variables Section: */ --header-text-visibility: hidden; --header-custom-text: ''; --header-tagline-custom-text: ''; --header-icon-adv: left 0.2em top -1rem no-repeat; --header-icon-size: auto calc(16rem - 2.125rem); --header-icon: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Deep%20Icon.png); --header-background: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Caribbean%20Deep%20Header.png); --header-color: none; --header-tagline-color: none; --header-tagline-top: none; /* Link Variables Section: */ --link-color: #cd1819; --link-hover-color: #cd18198f; --new-page-color: #d4974b; /* Link Variables Section: */ --custom-paper-background-1: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%201.png); --custom-paper-background-2: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%202.png); --custom-paper-background-3: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%203.png); --custom-paper-background-4: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%204.png); --custom-paper-background-5: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%205.png); --custom-paper-background-6: url(http://rpcauthority.wdfiles.com/local--files/component%3Anew-frontier-theme/Paper%20Background%206.png); /* Button Variables Section: */ --button-hover-color: none; --button-background: var(--primary-text-color); --button-hover-background: var(--link-color); --button-border: none; --button-hover-border: none; /* Search Bar Variables Section: (in header: top of pg.) */ --search-button-background: var(--content-bar-background); --search-button-border: none; --search-button-hover-background: var(--content-panel-background); --search-button-hover-border: none; --search-input-text: var(--primary-text-color); --search-input-hover-color: var(--primary-text-color); --search-input-color: var(--content-panel-background); --search-input-border: var(--search-button-border); --search-input-hover: var(--primary-background); --search-input-hover-border: none; /* Topbar Variables Section: */ --topbar-dropdown-color: var(--text-color); --topbar-dropdown-background: none; --topbar-text-color: var(--sidebar-header-color); --topbar-hover-background: var(--primary-text-color); --topbar-hover-color: var(--light-text-color); /* --topbar-divider: ; */ --topbar-dropdown-border-color: var(--primary-text-color); /* Tabview Variables Section: (Reg., Large, Hidden...) */ --tabview-background: var(--primary-background); --tabview-bar-border: var(--tabview-border); --tabview-button-selected-background: var(--tabview-background); --tabview-button-selected-color: var(--primary-text-color); --tabview-button-hover-background: var(--primary-background); /* Side-Tabview Variable Section: */ --tabview-side-tabs-background: var(--content-bar-background); --tabview-side-button-hover-background: var(--tabview-button-hover-background); --tabview-side-button-selected-background: var(--tabview-button-selected-background); --tabview-side-button-divider: none; --tabview-side-scrollbar-background: var(--news-block-body-panel-background-even); --tabview-side-scrollbar-thumb-background: var(--tabview-button-hover-background); --tabview-side-scrollbar-thumb-hover-background: var(--content-bar-background); /* Scrollbar Variables Section: (Use usually in random with "--tabview-side-scrollbar..." var.) */ --BT-scrollbar-background: #e9d9bf85; --BT-resizer-background: #be804b; --BT-scrollbar-thumb-background: #9a775ad6; --BT-scrollbar-thumb-hover-background: #b98050a6; /* Tables Variables Section: */ --table-header-color: var(--primary-text-color); --table-cell-color: var(--text-secondary-color); --table-box-shadow: none; /* Custom Variables Section: (Variables made specifically for this theme that are hard-coded in) */ --main-border-color: #6600004f; /* Miscellaneous Variables Section: (Text, template, critcorner, star hue) */ --text-box-form-background: var(--news-block-body-panel-background-even); --text-box-form-border: none; --template-block-background: var(--primary-background); --code-background: var(--primary-background); --sidebar-crit-corner-color: var(--link-color); --star-rating-hue: 170deg; --star-rating-background: var(--content-panel-background); --star-rating-cell-background: var(--content-bar-background); --star-rating-reading-background: var(--content-bar-background); --star-rating-stars-box-shadow: none!important; --footer-color: var(--primary-text-color); --footer-background: var(--news-block-body-panel-background-even); /* Borders Variables Section: (Sect. Size may vary based on Theme; Check for dead custom var., either clump variables together or put them in the corresponding sect.) */ --blockquote-border: var(--basic-border); --basic-border: 2px solid var(--main-border-color); --dashed-border: 1px dashed var(--main-border-color); --thick-border: 4px solid var(--main-border-color); --content-block-border: var(--basic-border); --content-panel-border: var(--basic-border); --content-box-border-color: var(--main-border-color); --template-block-border: var(--basic-border); --star-rating-border: var(--basic-border); --footnote-border: none; --tags-border: none; /* Variables Out of Commission for Theme: (Ridge was mainly hardcoded; Emergency Border in case hard coding goes haywire) */ --table-border: none; --tabview-border: var(--basic-border); --image-block-border: var(--basic-border); --emergency-border: 3px dotted #ff83fb; --tabview-side-border: var(--basic-border); --owindow-border: var(--emergency-border); --toc-border: var(--basic-border); --sidenote-contents-border: var(--basic-border); --sidenote-figure-border: var(--basic-border); /* Account Opt. (Don't put w/ rest of borders, to be used in tandem w/ Hover box in extended options)*/ --content-box-shadow: -4px 4px 10px -5px #00000078, var(--paper-panel-secondary-inset-shadow), var(--page-panel-secondary-fade-shadow); } .open-themes-container { display: none; } .hovertip { font-family: 'Texturina', serif; border-left: var(--secondary-golden-border-left) !important; border-right: var(--secondary-golden-border-right) !important; border-top: var(--secondary-golden-border-top) !important; border-bottom: var(--secondary-golden-border-bottom) !important; box-shadow: var(--page-panel-box-shadow); background-color: var(--footnote-background) !important; background-image: var(--panel-paper-background-image) !important; background-size: 100% !important; padding: 5px !important; } #login-status { padding: 5px; border-radius: 10px; border-bottom: var(--golden-border); background-color: var(--primary-background-color) !important; background-image: var(--panel-paper-background-image)!important; box-shadow: var(--paper-panel-box-shadow); } #account-options { color: var(--text-color) !important; border: var(--golden-border); background-color: var(--primary-background-color); background-image: var(--panel-paper-background-image)!important; box-shadow: var(--wooden-panel-secondary-box-shadow); } #account-options li a:hover { color: var(--primary-text-color); text-shadow: var(--primary-text-shadow); box-shadow: var(--hover-panel-box-shadow); background-color: var(--primary-background-hover-color); background-image: var(--paper-secondary-background-image); } /* Font Family Section: */ .Pirata { font-family: 'Pirata One', cursive; } .Texturina { font-family: 'Texturina', serif; } .Garamond { font-family: 'EB Garamond', serif; } .Playfair { font-family: 'Playfair Display SC', serif; } .Tegomin { font-family: 'New Tegomin', serif; } .Pica { font-family: 'IM Fell DW Pica', serif; } .Tangerine { font-family: 'Tangerine', cursive; font-size: 170%; } /* Font Variation Section: */ .indent li, .indent p { text-indent: 1.5em; } .drop-cap { font-family: var(--header-font); font-size: 530%; text-transform: uppercase; text-shadow: var(--drop-cap-text-shadow); color: var(--primary-text-color); padding: 3px; margin-right: 7px; margin-left: 1px; float: left; line-height: 65px; } .drop-cap-fancy { font-family: var(--title-font); font-size: 530%; text-transform: uppercase; text-shadow: var(--drop-cap-text-shadow); color: var(--primary-text-color); padding: 3px; margin-right: 7px; margin-left: 1px; border: 2px solid var(--primary-text-color); border-bottom: 3px solid var(--primary-text-color); border-radius: 2px; float: left; line-height: 65px; box-shadow: 0 0px 5px var(--primary-text-color), inset 0 0 5px var(--primary-text-color); } ::selection { background-color: #b28822bd; color: floralwhite; text-shadow: 0px 0px 15px #9a0a0ad4; box-shadow: 0px 0px 15px #b28822bd!important; } ::-webkit-scrollbar-track { border: 2px solid rgb(0 0 0 / 15%); } ::-webkit-scrollbar-thumb { border: 1px solid rgb(0 0 0 / 8%); border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /* Custom Paper Block Section: */ .paper-bg-1, .paper-bg-2, .paper-bg-3, .paper-bg-4, .paper-bg-5, .paper-bg-6 { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Custom%20Paper%20Style%20One%20Background%20Image.png); padding: 1em; margin: 1em; box-shadow: var(--content-panel-box-shadow); border-radius: 5px; } .paper-bg-1 { background-color: #e6ddb7; } .paper-bg-2 { background-color: #ece7cc; } .paper-bg-3 { background-color: #ffebc9; } .paper-bg-4 { background-color: #efdab9; } .paper-bg-5 { background-color: #d9c1b0; } .paper-bg-6 { background-color: #fce3bb; } /* Divider hr Section: */ .gold-sliver-divider hr { height: 3px; background: linear-gradient(45deg, transparent, #c5ae79, goldenrod, darkgoldenrod, goldenrod, #c5ae79, transparent); box-shadow: 0px 4px 3px -1px #956d28; } .fancy-divider-1 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20One.png); height: 80px; background-color: transparent; background-size: 90%; background-repeat: no-repeat; box-shadow: none; background-position: center; } .fancy-divider-2 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20Two.png); height: 100px; background-color: transparent; background-size: 110%; background-repeat: no-repeat; box-shadow: none; background-position: center; } .fancy-divider-3 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20Three.png); height: 123px; background-color: transparent; background-size: 110%; background-repeat: no-repeat; box-shadow: none; background-position: center; } .fancy-divider-4 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20Four.png); height: 120px; background-color: transparent; background-size: 100%; background-repeat: no-repeat; box-shadow: none; background-position: center; } .fancy-divider-5 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20Five.png); height: 90px; background-color: transparent; background-size: 70%; background-repeat: no-repeat; box-shadow: none; background-position: center; } .fancy-divider-6 hr { background-image: url(http://rpcauthority.wdfiles.com/local--files/component%3Acarribean-deep-theme/Carribean%20Fancy%20Divider%20Six.png); height: 55px; background-color: transparent; background-size: 100%; background-repeat: no-repeat; box-shadow: none; background-position: center; }