MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 104: | Line 104: | ||
.infobox-wrapper { | .infobox-wrapper { | ||
display: flex; | display: flex; | ||
background-color: #f8f8f8; | |||
border: 2px solid #ddd; | |||
border-radius: 10px; | |||
padding: 20px; | |||
margin: 10px auto; | |||
max-width: 600px; | |||
} | } | ||
/* Style the content on the left */ | /* Style the content on the left */ | ||
.content { | .content { | ||
flex: 1; | flex: 1; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
/* Style the | /* Style the character name */ | ||
. | .content h2 { | ||
text-align: center; | |||
font-size: 24px; | |||
color: #333; | |||
} | } | ||
/* Style the | /* Style the character image */ | ||
. | .content img { | ||
display: block; | |||
margin: 0 auto; | |||
max-width: 100%; | |||
} | |||
/* Style the character details */ | |||
.content p { | |||
font-size: 16px; | |||
margin: 10px 0; | |||
} | |||
/* Style the horizontal line */ | |||
.content hr { | |||
border: none; | |||
border-top: 2px solid #ddd; | |||
margin: 20px 0; | |||
} | |||
/* Style the aptitude and blessings */ | |||
.content p:last-child { | |||
font-weight: bold; | |||
color: #0073e6; | |||
} | } |
Revision as of 12:37, 10 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-width: 100% !important; height: auto !important; } .infobox-wrapper { display: flex; background-color: #f8f8f8; border: 2px solid #ddd; border-radius: 10px; padding: 20px; margin: 10px auto; max-width: 600px; } /* Style the content on the left */ .content { flex: 1; padding: 10px; } /* Style the character name */ .content h2 { text-align: center; font-size: 24px; color: #333; } /* Style the character image */ .content img { display: block; margin: 0 auto; max-width: 100%; } /* Style the character details */ .content p { font-size: 16px; margin: 10px 0; } /* Style the horizontal line */ .content hr { border: none; border-top: 2px solid #ddd; margin: 20px 0; } /* Style the aptitude and blessings */ .content p:last-child { font-weight: bold; color: #0073e6; }