|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
| /* Import fonts */
| |
| @import url('https://fonts.cdnfonts.com/css/imperator');
| |
| @import url('https://fonts.cdnfonts.com/css/raleway-5');
| |
| @font-face {
| |
| font-family: 'Desmon';
| |
| src: url('/images/1/17/Desmon.ttf') format('truetype');
| |
| }
| |
| @font-face {
| |
| font-family: 'Cinzel Decorative';
| |
| src: url('/images/5/52/CinzelDecorative-Regular.ttf') format('truetype');
| |
| }
| |
| @font-face {
| |
| font-family: 'Cinzel Decorative Bold';
| |
| src: url('/images/6/64/CinzelDecorative-Bold.ttf') format('truetype');
| |
| }
| |
|
| |
| body {
| |
| background-color: white;
| |
| font-family: 'Raleway', sans-serif;
| |
| }
| |
|
| |
| h1, h2, h3, h4, h5 {
| |
| color: #174345;
| |
| }
| |
|
| |
| a, a:visited, .toctogglelabel {
| |
| color: #29878C!important;
| |
| }
| |
|
| |
| a.new, .vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
| |
| color: #FC6543;
| |
| }
| |
|
| |
| *:focus-visible {
| |
| outline: 1px solid #174345;
| |
| }
| |
|
| |
|
| /* CREATURE TABLES */ | | /* CREATURE TABLES */ |
| Line 43: |
Line 6: |
| background: url("https://srd.mythcraftrpg.com/images/5/57/MythCraft-PaperTexture.jpg") scroll; | | background: url("https://srd.mythcraftrpg.com/images/5/57/MythCraft-PaperTexture.jpg") scroll; |
| border: 2px solid #1C6EA4; | | border: 2px solid #1C6EA4; |
| // font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; | | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; |
| // width: 40%; | | width: 40%; |
| } | | } |
|
| |
|
| Line 57: |
Line 20: |
|
| |
|
| table.creature th { | | table.creature th { |
| font-size: 16px; | | font-size: 22px; |
| font-weight: bold; | | font-weight: bold; |
| color: #000000; | | color: #000000; |
| Line 66: |
Line 29: |
| /* Common table styles */ | | /* Common table styles */ |
| table { | | table { |
| font-family: 'Raleway', sans-serif; | | font-family: Arial, Helvetica, sans-serif; |
| border-collapse: collapse; | | border-collapse: collapse; |
| width: 80%; | | width: 80%; |
| }
| |
|
| |
| table.mw-collapsible {
| |
| text-align: left;
| |
| }
| |
|
| |
| .wikitable > * > tr > td:has(img) {
| |
| padding: 0;
| |
| }
| |
|
| |
| .wikitable > * > tr > td img {
| |
| height: auto;
| |
| max-width: 100%
| |
| }
| |
|
| |
| .wikitable:has(img) {
| |
| table-layout: fixed;
| |
| }
| |
|
| |
| .wikitable > tr > th, .wikitable > * > tr > th, .toc, .toccolours {
| |
| background-color: #FEEBB3;
| |
| } | | } |
|
| |
|
| Line 97: |
Line 39: |
| height: auto; | | height: auto; |
| } | | } |
|
| |
| .res-img p:has(img) {
| |
| text-align: center;
| |
| }
| |
|
| |
|
| |
|
| /* Take off "Main Page" from the home page */ | | /* Take off "Main Page" from the home page */ |
| Line 115: |
Line 52: |
| body #content { | | body #content { |
| padding-right: 10%; | | padding-right: 10%; |
| border-bottom: none;
| |
| border-top: 1px solid #29878C;
| |
| min-height: calc(100vh - 258px);
| |
| }
| |
|
| |
| body.page-Main_Page table {
| |
| margin: auto!important;
| |
| margin-top: 10px!important;
| |
| margin-bottom: 10px!important;
| |
| }
| |
|
| |
| body.page-Main_Page h2 {
| |
| text-align: center;
| |
| font-family: "Desmon",Sans-serif;
| |
| }
| |
|
| |
| body.page-Main_Page #content {
| |
| padding-right: 1.5em;
| |
| }
| |
|
| |
| .mw-body h1, mw-body-content h1 {
| |
| font-family: "Cinzel Decorative Bold",Sans-serif;
| |
| font-size: 45px;
| |
| font-weight: 900;
| |
| }
| |
|
| |
| .wikitable > caption {
| |
| font-family: "Cinzel Decorative Bold",Sans-serif;
| |
| font-weight: 900;
| |
| font-size: 20px;
| |
| letter-spacing: 5px;
| |
| }
| |
|
| |
| h2.pi-title {
| |
| font-family: "Desmon",Sans-serif;
| |
| font-size: 28px;
| |
| font-weight: 600;
| |
| letter-spacing: 4px;
| |
| } | | } |
|
| |
|
| Line 174: |
Line 73: |
| div #mw-panel ul li, | | div #mw-panel ul li, |
| footer ul li { | | footer ul li { |
| font-size: 13px !important; | | font-size: 12px !important; |
| color: white !important; | | color: white !important; |
| } | | } |
| Line 182: |
Line 81: |
| footer ul li a, | | footer ul li a, |
| div#footer ul li a:visited { | | div#footer ul li a:visited { |
| color: #FEEBB3 !important; | | color: white !important; |
| } | | } |
|
| |
|
| Line 188: |
Line 87: |
| font-size: 16px !important; | | font-size: 16px !important; |
| color: rgba(44, 37, 3, 1); | | color: rgba(44, 37, 3, 1); |
| }
| |
|
| |
| .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#29878C 100%);
| |
| }
| |
|
| |
| /* Button styling */
| |
| .mw-ui-button {
| |
| font-family: "Desmon", Sans-serif !important;
| |
| font-weight: 400 !important;
| |
| letter-spacing: 1.3px;
| |
| text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
| |
| fill: #FEEBB3 !important;
| |
| color: #FEEBB3 !important;
| |
| background-color: #FC6543 !important;
| |
| border-style: solid !important;
| |
| border-width: 4px 4px 4px 4px !important;
| |
| border-color: #FEEBB3 !important;
| |
| border-radius: 50px 0px 50px 0px !important;
| |
| padding: 15px 45px 15px 45px !important;
| |
| }
| |
|
| |
| #mw-createaccount-join {
| |
| color: #FEEBB3 !important;
| |
| }
| |
|
| |
| .mw-ui-button:hover {
| |
| color: #FEEBB3 !important;
| |
| border-color: #29878C!important;
| |
| background-color: #29878C!important;
| |
| } | | } |
|
| |
|
| /* Footer styling */ | | /* Footer styling */ |
| footer { | | footer { |
| background-image: url(https://mythcraft.flywheelsites.com/wp-content/uploads/2020/12/footer-bg.png); | | /* Color & Background */ |
| background-repeat: no-repeat; | | background-attachment: scroll; |
| background-size: cover; | | background-color: rgba(0, 0, 0, 0.5); |
| margin-left: 10em!important; | | background-image: none; |
| padding: 2em!important; | | background-position: 0% 0%; |
| height: 70px;
| | background-repeat: repeat; |
| }
| | color: rgb(194, 200, 207); |
| footer #footer-icons {
| | |
| display: none;
| | /* Box */ |
| }
| | height: 100px; |
| #footer-info-lastmod {
| |
| text-align: center; | |
| }
| |
| .mw-footer #footer-places {
| |
| display: flex; | |
| justify-content: space-between;
| |
| width: 50%; | |
| margin: auto; | |
| } | | } |