MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ .mw-wiki-logo { background-size: 135px auto; } .mw-body { box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15); } #mw-page-base { background-image: url(https://i.imgur.com/LdSoUN9.png) !important; background-color: #FFFFFF00 !important; } #mw-head-base { margin-top: -4.9em } #p-personal { top: 2px; } #p-personal ul { padding-left: 0em; padding-right: 0.5em; padding-top: 0.2em; background-color: rgb(255 255 255 / 53%); border: 2px solid #574D3F; border-radius: 15px; } .vector-search-box-input { border-radius: 13px; } body: { background-color: #f2f2f2; } .mw-body { border: none; } .vector-menu-tabs a { background-image: none; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; } .vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { color: #E9DEC7; } .vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { color: #E9DEC7; } .vector-menu-dropdown .vector-menu-heading { color: #E9DEC7; } .vector-menu-tabs-legacy li { border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow:inset 0px 0px 0px 2px #574D3F; background-color: #4f3220; background-image: none; line-height: 0.8em; } .vector-menu-tabs-legacy li a { color: #E9DEC7; height: 3em; } .vector-menu-tabs-legacy .selected { background-color: #2C1C12; } .vector-menu-tabs .mw-watchlink.icon a { padding: 3em 0 0 0; } .mw-body { padding: 0.25em 1.5em 1.5em 1.5em } .ve-init-mw-desktopArticleTarget { padding-top: 1em; } .vector-user-menu-legacy li { padding-top: 0em; } img { max-height: 100% !important; max-width: 100% !important; height: auto !important; } .container { display: flex; margin: 10px auto; max-width: 70%; } .infobox-wrapper { display: flex; flex: 2; flex-grow: 1; } /* Style the bio info */ .bio-info { flex: 1; text-align: center; padding: 20px; } /* Style the bio info text */ .bio-info p { font-size: 15px; } .blessings { flex: 1; text-align: center; padding: 20px; } .blessings-row { display: flex; flex-direction: row; } .shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .smalltitle { font-size: 10px !important; font-weight: bold; color: #808080; } .charWithType { position: relative; display: inline; } .type { position: absolute; bottom: -0.25em; right: 0.25em; } .rarity { position: absolute; top: 0.25em; left: -0.25em; } .top-dot { border-top: 1px dotted #00000075; } .left-dot { border-left: 1px dotted #00000075; } .char-info { width: 135px; flex: 1; padding: 20px; background-color: #fbfbfb; box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15); } .toc { padding: 15px; height: 100%; } .toc, .toccolours { background-color: #fbfbfb; box-shadow: 0em 0em 1em 0em rgba(0,0,0,0.15); border: none; } .toc-container { padding: 0px 20px 0px 0px; height: 100%; } .centered-colum { flex-direction: column; align-items: center; text-align: center; } .grid-container { display: flex; justify-content: space-between; gap: 10px; } .box { text-align: center; flex: 1; } .box-style { border: 2px solid #ddd; border-radius: 10px; padding: 20px; background-color: #f0f0f0b5; } .content { width: 100%; } .blur { transition: filter 0.15s ease-in-out; overflow: hidden; position: relative; } .blur img { filter: blur(20px); transition: filter 0.15s ease-in-out; } .blur:hover img { filter: none; transition: filter 0.15s ease-in-out; } .blur:hover figcaption { opacity: 0; display: none; } .blur > figcaption { opacity: 0.5; padding: 10px 15px 10px 15px !important; border-radius: 15px; background-color: black !important; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blur > figcaption::before { margin-left: 0px !important; float: unset !important; } .blur > figcaption:empty { display: none; } /* Style the aptitude container */ .aptitude-container { display: flex; align-items: center; background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); padding: 10px; } /* Style the aptitude text */ .aptitude-text { font-weight: bold; font-size: 20px; } /* Style the aptitude icons container */ .aptitude-icons { display: flex; align-items: center; } /* Style the aptitude icons (file links) */ .aptitude-icons a { display: inline-block; text-align: center; text-decoration: none; margin: 0 10px; } /* Style the character icons */ .aptitude-icons img { width: 50px; height: 50px; border: 2px solid #007BFF; border-radius: 50%; transition: transform 0.2s; } .aptitude-icons img:hover { transform: scale(1.1); }