MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Manual revert |
No edit summary |
||
Line 271: | Line 271: | ||
.blur > figcaption:empty { | .blur > figcaption:empty { | ||
display: none; | display: none; | ||
} | |||
.spoiler { | |||
background-color: #000; /* Change this to the desired background color */ | |||
color: #000; /* Change this to the desired text color */ | |||
cursor: pointer; | |||
padding: 5px; /* Adjust the padding as needed */ | |||
} | |||
.spoiler:hover { | |||
background-color: transparent; /* Reveals the content on hover */ | |||
color: inherit; | |||
} | } |
Revision as of 05:28, 25 October 2023
/* 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; } .spoiler { background-color: #000; /* Change this to the desired background color */ color: #000; /* Change this to the desired text color */ cursor: pointer; padding: 5px; /* Adjust the padding as needed */ } .spoiler:hover { background-color: transparent; /* Reveals the content on hover */ color: inherit; }