Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(80 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
} | } | ||
− | . | + | .SDBZdeco { |
− | background-color: # | + | background-color: #fffef7; |
+ | color: #202122; | ||
+ | border: 2px solid #e4afa6; | ||
+ | border-radius: 15px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .SDBZtable { | ||
+ | background-color: #fffef7; | ||
color: #202122; | color: #202122; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
Line 12: | Line 20: | ||
} | } | ||
− | . | + | .SDBZtable td { |
− | border: 1px solid # | + | border: 1px solid #e4afa6; |
+ | } | ||
+ | |||
+ | .SDBZtable th { | ||
+ | background: #e4afa6; | ||
+ | width:50px; | ||
+ | height:25px; | ||
+ | font-size:12px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .SDBZskill { | ||
+ | height:80px; | ||
+ | width:150px; | ||
+ | font-weight:bold; | ||
+ | font-size:11px; | ||
+ | text-align:center; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .SDBZskillbox { | ||
+ | width:280px; | ||
+ | font-size:11px; | ||
+ | text-align:center; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .SDBZingame { | ||
+ | width:260px; | ||
+ | font-weight:italic; | ||
+ | font-size:11px; | ||
+ | text-align:center; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .SDBZcharslot { | ||
+ | width:50px; | ||
+ | font-size:8px; | ||
+ | text-align:center; | ||
+ | border:0px !important; | ||
+ | padding:0px !important; | ||
+ | } | ||
+ | |||
+ | .SDBZmovedata { | ||
+ | height:10px; | ||
+ | width:80px; | ||
+ | font-size:12px; | ||
+ | text-align:center; | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | .SDBZmovedata th{ | ||
+ | background: #e4afa6; | ||
+ | font-size:12px; !important | ||
+ | } | ||
+ | |||
+ | .SDBZmoveinfo { | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | .SDBZmoveinput { | ||
+ | width:256px; | ||
+ | background: #e4afa6; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .SDBZmoveimage { | ||
+ | width:256px; | ||
+ | text-align:center; | ||
+ | padding:0px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Pocket Fighter */ | ||
+ | .PFtable { | ||
+ | background: url("https://fightanvidya.com/wiki/images/0/0c/Pf-bg.png"); | ||
+ | background-size: cover; | ||
+ | box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; | ||
+ | } | ||
+ | |||
+ | .PFtable td { | ||
+ | background: rgb(253 249 255 / 100%); | ||
+ | } | ||
+ | |||
+ | .PFtable th { | ||
+ | background: rgb(225 228 255 / 75%) !important; | ||
+ | } | ||
+ | |||
+ | .PFbg img { | ||
+ | width: 429px; | ||
+ | } | ||
+ | |||
+ | .PFportrait { | ||
+ | box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; | ||
+ | } | ||
+ | |||
+ | .PFportrait > div:first-child img { | ||
+ | transition: opacity 500ms ease-out; | ||
+ | } | ||
+ | |||
+ | .PFportrait > div:first-child img:hover { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | .PFsidebar .toc { | ||
+ | box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; | ||
+ | } | ||
+ | |||
+ | .PF-how-to { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | flex-wrap: wrap; | ||
} | } | ||
− | + | .PF-row { | |
− | + | display: flex; | |
− | + | flex-direction: row; | |
− | + | flex: 100%; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | border: | + | .PF-containerA { |
− | border-radius: | + | position: relative; |
− | + | flex: 50%; | |
− | + | margin: 0.5em; | |
+ | padding: 1em; | ||
+ | background-color: #fefbf6; | ||
+ | border: 4px solid #b6caf5; | ||
+ | border-radius: 5px; | ||
+ | font-size: 0.9em; | ||
+ | box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; | ||
} | } | ||
− | . | + | .PF-containerA h4 { |
− | + | color: #ea2121; | |
− | + | text-align: center; | |
− | + | text-transform: uppercase; | |
− | + | font-size: 1.1em; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-header .mw-headline:before { | |
− | + | content: "【 "; | |
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-header .mw-headline:after { | |
+ | content: " 】"; | ||
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-header .mw-editsection { | |
− | + | position: absolute; | |
+ | top: 10px; | ||
+ | right: 10px; | ||
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-text { | |
+ | padding: 1em 1em 0; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .PF-containerA .mw-customtoggle:hover { | ||
+ | text-decoration: underline; | ||
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-box { | |
− | text-align:center; | + | position: relative; |
− | margin | + | z-index: 2; |
− | margin- | + | float: left; |
− | + | text-align: center; | |
+ | border: 2px solid #205cae; | ||
+ | background-color: rgb(255 255 255 / 75%); | ||
+ | margin: 1em; | ||
+ | /* margin-right: 190px; */ | ||
+ | width: 150px; | ||
+ | padding: 0 1.5em; | ||
+ | box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; | ||
} | } | ||
− | + | ||
− | + | .PF-containerA .PF-info-art { | |
− | + | position: absolute; | |
− | + | right: -15px; | |
+ | bottom: -20px; | ||
} | } | ||
− | + | ||
− | padding | + | .PF-containerB { |
− | + | display: flex; | |
+ | padding: 1em; | ||
+ | margin: auto; | ||
} | } | ||
− | . | + | |
− | + | .PF-containerB > .wikitable { | |
− | + | margin: 0 0 0 2em; | |
} | } |
Latest revision as of 06:21, 8 March 2022
/* CSS placed here will be applied to all skins */ .SkillBox { display: table-cell; } .SDBZdeco { background-color: #fffef7; color: #202122; border: 2px solid #e4afa6; border-radius: 15px; padding: 10px; } .SDBZtable { background-color: #fffef7; color: #202122; border: 1px solid #a2a9b1; border-collapse: collapse; } .SDBZtable td { border: 1px solid #e4afa6; } .SDBZtable th { background: #e4afa6; width:50px; height:25px; font-size:12px; text-align:center; } .SDBZskill { height:80px; width:150px; font-weight:bold; font-size:11px; text-align:center; padding: 5px; } .SDBZskillbox { width:280px; font-size:11px; text-align:center; padding: 5px; } .SDBZingame { width:260px; font-weight:italic; font-size:11px; text-align:center; padding: 5px; } .SDBZcharslot { width:50px; font-size:8px; text-align:center; border:0px !important; padding:0px !important; } .SDBZmovedata { height:10px; width:80px; font-size:12px; text-align:center; padding:5px; } .SDBZmovedata th{ background: #e4afa6; font-size:12px; !important } .SDBZmoveinfo { padding:5px; } .SDBZmoveinput { width:256px; background: #e4afa6; text-align:center; } .SDBZmoveimage { width:256px; text-align:center; padding:0px !important; } /* Pocket Fighter */ .PFtable { background: url("https://fightanvidya.com/wiki/images/0/0c/Pf-bg.png"); background-size: cover; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .PFtable td { background: rgb(253 249 255 / 100%); } .PFtable th { background: rgb(225 228 255 / 75%) !important; } .PFbg img { width: 429px; } .PFportrait { box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } .PFportrait > div:first-child img { transition: opacity 500ms ease-out; } .PFportrait > div:first-child img:hover { opacity: 0; } .PFsidebar .toc { box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } .PF-how-to { display: flex; flex-direction: row; flex-wrap: wrap; } .PF-row { display: flex; flex-direction: row; flex: 100%; } .PF-containerA { position: relative; flex: 50%; margin: 0.5em; padding: 1em; background-color: #fefbf6; border: 4px solid #b6caf5; border-radius: 5px; font-size: 0.9em; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .PF-containerA h4 { color: #ea2121; text-align: center; text-transform: uppercase; font-size: 1.1em; } .PF-containerA .PF-info-header .mw-headline:before { content: "【 "; } .PF-containerA .PF-info-header .mw-headline:after { content: " 】"; } .PF-containerA .PF-info-header .mw-editsection { position: absolute; top: 10px; right: 10px; } .PF-containerA .PF-info-text { padding: 1em 1em 0; margin-bottom: 20px; } .PF-containerA .mw-customtoggle:hover { text-decoration: underline; } .PF-containerA .PF-info-box { position: relative; z-index: 2; float: left; text-align: center; border: 2px solid #205cae; background-color: rgb(255 255 255 / 75%); margin: 1em; /* margin-right: 190px; */ width: 150px; padding: 0 1.5em; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .PF-containerA .PF-info-art { position: absolute; right: -15px; bottom: -20px; } .PF-containerB { display: flex; padding: 1em; margin: auto; } .PF-containerB > .wikitable { margin: 0 0 0 2em; }