MediaWiki:Common.css: Difference between revisions

From Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* thumbnail fix?? */
figure[typeof~='mw:File/Thumb'] {
    width: 302px;
}
/* end thumbnail fix */
.img {
  vertical-align: bottom;
}


.SkillBox {
.SkillBox {
Line 5: Line 18:
}
}


.BasicTable {
.SDBZdeco {
     background-color: #f8f9fa;
     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 33:
}
}


.BasicTable td {
.SDBZtable td {
     border: 1px solid #a2a9b1;
     border: 1px solid #e4afa6;
    border-collapse: collapse;
}
}


.BasicTable th {
.SDBZtable th {
     border: 1px solid #a2a9b1;
     background: #e4afa6;
     border-collapse: collapse;
     width:50px;
    height:25px;
    font-size:12px;
    text-align:center;
}
}


Line 28: Line 51:
     font-size:11px;
     font-size:11px;
     text-align:center;
     text-align:center;
     background: rgb(248,249,250);
     padding: 5px;
    background: -moz-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    background: linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9fa",endColorstr="#ccd3d9",GradientType=1);
}
}


.SDBZinput {
.SDBZskillbox {
     width:280px;
     width:280px;
     font-size:11px;
     font-size:11px;
     text-align:center;
     text-align:center;
     background: rgb(248,249,250);
     padding: 5px;
     background: -moz-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
}
     background: -webkit-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
 
     background: linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
.SDBZingame {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9fa",endColorstr="#ccd3d9",GradientType=1);
     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;
}
}


.SDBZdesc {
.SDBZmovedata {
     width:280px;
    height:10px;
     width:80px;
     font-size:12px;
     font-size:12px;
     text-align:center;
     text-align:center;
     background: rgb(248,249,250);
     padding:5px;
    background: -moz-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    background: linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9fa",endColorstr="#ccd3d9",GradientType=1);
}
}


.SDBZingame {
.SDBZmovedata th{
     width:260px;
     background: #e4afa6;
     font-weight:italic;
     font-size:12px; !important
     font-size:11px;
}
 
.SDBZmoveinfo {
    padding:5px;
}
 
.SDBZmoveinput {
    width:256px;
     background: #e4afa6;
    text-align:center;
}
 
.SDBZmoveimage {
    width:256px;
     text-align:center;
     text-align:center;
     background: rgb(248,249,250);
     padding:0px !important;
     background: -moz-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
}
     background: -webkit-linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
 
     background: linear-gradient(180deg, rgba(248,249,250,1) 0%, rgba(204,211,217,1) 100%);
/*Tekken 8 */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9fa",endColorstr="#ccd3d9",GradientType=1);
 
.T8selectcont {
    position: absolute;
    left: 2px;
    right: 2px;
     bottom: 2px;
    z-index: 5;
    transition: all .5s ease-out;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 54.62%);
    clip-path: polygon(5% 0%, 100% 0%, 100% 20%, 100% 95%, 95% 100%, 20% 100%, 0% 100%, 0% 5%);
}
 
/* 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 22:28, 26 September 2024

/* CSS placed here will be applied to all skins */

/* thumbnail fix?? */

figure[typeof~='mw:File/Thumb'] {
    width: 302px;
}

/* end thumbnail fix */


.img {
   vertical-align: bottom;
}

.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;
}

/*Tekken 8 */

.T8selectcont {
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 5;
    transition: all .5s ease-out;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 54.62%);
    clip-path: polygon(5% 0%, 100% 0%, 100% 20%, 100% 95%, 95% 100%, 20% 100%, 0% 100%, 0% 5%);
}

/* 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;
}