MediaWiki:Common.css: Difference between revisions

Help

Revision as of 20:44, 14 April 2024

@import url("https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12/dist/css/tabby-ui.min.css");

/*Table style (The default table is "article-table")*/
/*Article Table*/
.article-table {
    text-align:center;
    margin-right:auto;
    margin-left:0px;
}
/*Header*/
.article-table th {
    background-color: #f4704c;
    border: 1px solid black;
    border-collapse: separate;
    padding: 6px;
}
/*Cells*/
.article-table td {
    border: 1px solid black;
    border-collapse: separate;
    padding: 6px;
}
/*Rows*/
.article-table tr {
    background-color: #8dd8eb;
}

/*Article Table*/
.wikitable {
    text-align:center;
    margin-right:auto;
    margin-left:0px;
	width:100%;
}
/*Header*/
.wikitable th {
    background-color:coral;
    border: 1px solid black;
    border-collapse: separate;
    padding: 6px;
}
/*Cells*/
.wikitable td {
    border: 1px solid black;
    border-collapse: separate;
    padding: 6px;
}
/*Rows*/
.wikitable tr {
    background-color:#cbe3ec;
}

/*Main Page Tables*/
.main-page-table {
    width:100%; 
    text-align:center;
    border:0.6px solid black;
    border-radius:8px;
    box-shadow:0px 2px 2px;
    margin-top: 4px;
    margin-bottom: 6px;
}
.main-page-table th {
    background-color:coral;
    padding: 6px;
    border-radius:8px;
}

/*Portable Infobox*/
.portable-infobox {
    text-align:center;
    border:0.6px solid black;
    border-radius:8px;
    background:lavender;
    margin-left:10px;
}

.pi-title {
    background-color:coral !important;
    border-radius:8px;
    margin: 2px
}

/*Infobox*/
.infobox {
    text-align:center;
    border:0.6px solid black;
    border-radius:8px;
    background:lavender;
    margin-left:10px;
}

.infobox th {
    background-color:coral;
    border-radius:8px;
}

.always {
    background-color: #99ddff !important;
}

.common {
    background-color: #99ff99 !important;
}

.uncommon {
    background-color: #ffffb3 !important;
}

.rare {
    background-color: #ff9999 !important;
}

.very {
    background-color: #ff99cc !important;
}

.special a {
    color: #aa00ff !important;
}

iframe {
    border:0;
}

@media (orientation: landscape) {
  .gd {
    display: flex;
  }
}

@media (orientation: portrait) {
  .gd {
    display: block;
  }
}