|
Tags: Blanking Manual revert |
| (111 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /*
| |
| * =====================================================
| |
| * EstoriaRO Wiki Background & General Styling
| |
| * =====================================================
| |
| */
| |
|
| |
|
| /* Global Body Styling (Background & Default Text Color) */
| |
| body {
| |
| background-color: #f8f9fa00; /* Fully transparent base color */
| |
| color: #ffffff; /* Default text color is white */
| |
| font-family: "Baloo Paaji 2", cursive; /* Default font */
| |
| background-image: url("/wiki/images/7/74/Estoria_banner.png");
| |
| background-repeat: no-repeat;
| |
| background-position: center top;
| |
| background-attachment: fixed; /* Background stays put when scrolling */
| |
| background-size: cover; /* Ensures background covers the entire viewport */
| |
| }
| |
|
| |
| /*
| |
| * =====================================================
| |
| * Main Content Container (mw-body)
| |
| * =====================================================
| |
| */
| |
|
| |
| /* Main content container styling */
| |
| .mw-body {
| |
| background-color: rgb(34 50 83 / 63%); /* Semi-transparent dark blue/grey */
| |
| border-radius: 12px;
| |
| padding: 20px;
| |
| box-shadow: 0 8px 25px rgb(0 0 0); /* Soft shadow for depth */
| |
| }
| |
|
| |
| /* Ensure all content inside the body uses the custom font */
| |
| .mw-body-content,
| |
| .mw-body-content * {
| |
| font-family: "Baloo Paaji 2", cursive;
| |
| }
| |
|
| |
| /* Content Area Container and Header/Pin Container Transparency */
| |
| .mw-page-container {
| |
| min-width: 18.75em;
| |
| max-width: 99.75rem;
| |
| box-sizing: border-box;
| |
| position: relative;
| |
| z-index: 0;
| |
| margin: 0 auto;
| |
| padding-top: 0.05px;
| |
| padding-left: 1.5rem;
| |
| padding-right: 1.5rem;
| |
| background-color: #ffffff00; /* Transparent */
| |
| }
| |
|
| |
| .vector-pinned-container {
| |
| background-color: #ffffff13; /* Very slight white transparency */
| |
| }
| |
|
| |
| /*
| |
| * =====================================================
| |
| * Headers & Typography
| |
| * =====================================================
| |
| */
| |
|
| |
| /* All headings (H1-H6) styling */
| |
| .mw-heading,
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #f0c75e; /* Soft yellow highlight color */
| |
| font-weight: 800;
| |
| font-family: "Baloo Paaji 2", cursive;
| |
| margin: 0;
| |
| padding-top: 0.5em;
| |
| padding-bottom: 0.17em;
| |
| display: flow-root;
| |
| word-break: break-word;
| |
| }
| |
|
| |
| /* Separator under the pinnable header */
| |
| .vector-pinnable-header {
| |
| padding-bottom: 6px;
| |
| margin-bottom: 6px;
| |
| border-bottom: 1px solid #f5f6e8;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| /*
| |
| * =====================================================
| |
| * Links
| |
| * =====================================================
| |
| */
| |
|
| |
| /* Normal and Visited link colors within content */
| |
| #content a:link,
| |
| #content a:visited {
| |
| color: #ffffff;
| |
| }
| |
|
| |
| /* Hover link color (soft yellow highlight) */
| |
| #content a:hover {
| |
| color: #f0c75e;
| |
| }
| |
|
| |
| /* Visited links specifically for where(:not([role='button'])) */
| |
| a:where(:not([role='button'])):visited {
| |
| color: #eaecf0; /* Off-white color */
| |
| }
| |
|
| |
| /*
| |
| * =====================================================
| |
| * Tables
| |
| * =====================================================
| |
| */
| |
|
| |
| /* Wikitable styling */
| |
| .wikitable {
| |
| background-color: #f8f9fa00; /* Transparent */
| |
| color: #ffffff;
| |
| margin: 5em 0;
| |
| border: 0px solid #a2a9b1; /* Removed border */
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| /*
| |
| * =====================================================
| |
| * Navigation & UI Elements
| |
| * =====================================================
| |
| */
| |
|
| |
| /* Vector Header Container (top bar) */
| |
| .vector-header-container .mw-header,
| |
| .vector-header-container .vector-sticky-header {
| |
| width: 100%;
| |
| min-height: 3.125rem;
| |
| background-color: #ffffff00; /* Transparent */
| |
| min-width: 18.75em;
| |
| max-width: 99.75rem;
| |
| padding-left: 1.5rem;
| |
| padding-right: 1.5rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Dropdown menu styling */
| |
| .vector-dropdown .vector-dropdown-content {
| |
| position: absolute;
| |
| top: 100%;
| |
| left: -1px;
| |
| opacity: 0;
| |
| height: 0;
| |
| visibility: hidden;
| |
| overflow: hidden auto;
| |
| z-index: 50;
| |
| background-color: #ffffff17; /* Very light transparent background */
| |
| padding: 16px 16px;
| |
| font-size: var(--font-size-small, 0.875rem);
| |
| box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
| |
| transition-property: opacity;
| |
| transition-duration: 100ms;
| |
| width: max-content;
| |
| max-width: 200px;
| |
| max-height: 75vh;
| |
| }
| |
|
| |
| /* WikiEditor Textarea */
| |
| .wikiEditor-ui textarea {
| |
| width: 75%;
| |
| border: 0;
| |
| }
| |