Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(30 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
.SkillBox { | .SkillBox { | ||
display: table-cell; | display: table-cell; | ||
+ | } | ||
+ | |||
+ | .SDBZdeco { | ||
+ | background-color: #fffef7; | ||
+ | color: #202122; | ||
+ | border: 2px solid #e4afa6; | ||
+ | border-radius: 15px; | ||
+ | padding: 10px; | ||
} | } | ||
Line 10: | Line 18: | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
− | |||
} | } | ||
.SDBZtable td { | .SDBZtable td { | ||
− | border: | + | border: 1px solid #e4afa6; |
} | } | ||
.SDBZtable th { | .SDBZtable th { | ||
background: #e4afa6; | background: #e4afa6; | ||
+ | width:50px; | ||
height:25px; | height:25px; | ||
font-size:12px; | font-size:12px; | ||
Line 30: | Line 38: | ||
font-size:11px; | font-size:11px; | ||
text-align:center; | text-align:center; | ||
+ | padding: 5px; | ||
} | } | ||
Line 36: | Line 45: | ||
font-size:11px; | font-size:11px; | ||
text-align:center; | text-align:center; | ||
+ | padding: 5px; | ||
} | } | ||
Line 43: | Line 53: | ||
font-size:11px; | font-size:11px; | ||
text-align:center; | text-align:center; | ||
+ | padding: 5px; | ||
} | } | ||
Line 51: | Line 62: | ||
border:0px !important; | border:0px !important; | ||
padding: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; | ||
} | } |
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; }