MediaWiki:Common.css: Difference between revisions

Revision as of 10:38, 6 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: #fff7e8;
    border: 7px solid #e7b396;
    border: 7px solid #b6caf5;
    border-radius: 30px;
    font-size: 1em;
    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-text {
    padding: 1em 1em 0;
    margin-bottom: 20px;
}

.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: 2em 0em 0.75em 2em;
}