MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Manual revert |
No edit summary |
||
Line 1,038: | Line 1,038: | ||
background-color:rgba(255,255,255,0.4); | background-color:rgba(255,255,255,0.4); | ||
} | } | ||
Revision as of 19:50, 14 February 2023
/* CSS placed here will be applied to all skins */
/* Page Appearance */
/* Top Panel */
div#mw-head {
background: url("images/a/a5/Bg2.jpg") no-repeat scroll 0 0 black;
background-size: cover;
}
/* Content */
#content {
margin-right: 40px;
background: url("images/f/ff/Bg3.jpg");
color: white;
}
/* Side Panel */
body, #globalWrapper {
background: url("images/a/a5/Bg2.jpg") no-repeat scroll 0 0 black;
background-size: cover;
color: white;
}
/* Main Logo*/
.mw-wiki-logo {
background-image: url(/images/8/85/CR_Wiki_Logo_354x354.png)!important;
background-size: contain;
background-size: 145px;
}
/* Bottom Panel */
#footer {
background: linear-gradient(180deg, rgba(80, 37, 0, 0.73) 50%, rgba(80, 37, 0, 0.73) 25%, rgba(0, 0, 0, 0) 100%);
margin-right: 40px;
}
/* Page Appearance END */
/* Code Block Appearance */
code {
background-color: #6C6C6C;
border: 1px solid #6C6C6C;
color:white;
}
/* Code Block Appearance END */
/* Scrollbar */
/* width */
::-webkit-scrollbar {
width: 13px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Scrollbar END *
/* FONTS */
/* Main Header FONT */
#firstHeading{
color: white;
font-weight: normal;
font-family: "Tahoma";
}
/* Main Header FONT */
.mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5{
font-family: "Arial";
color: white;
}
/* Main content text FONT */
body {
font-family: "Arial";
}
/* FONT END */
/*Main Page content text wrap*/
/*Row 1*/
.page-Main_Page #container1{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
/*Row 2*/
.page-Main_Page #container2{
display:flex;
flex-wrap: wrap;
justify-content:space-between
}
/*"Social" tab longer to match "You might also like" tab*/
.page-Main_Page #nine{
width:234px;
}
/*Main Page content text wrap END*/
/* Images resize-zoom/resolution */
img:not([src="https://download.chromerivals.net/resources/wiki/poweredby.png"])
{
max-width: 100%;
height: auto;
width: auto;
}
/* Images resize-zoom/resolution END*/
.mw-collapsible .mw-collapsible-toggle {
float:left;
margin-left:0;
margin-right:1em;
}
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.mw-collapsible-text, .toctogglelabel {
color: #9b9b9b
}
.toc {
border: 1px solid #aaa;
background: #2b2b2b;
padding: 5px;
font-size: 95%;
color: white;
}
/* BULLETS IN BULLET LIST */
/* Remove old bullets */
ul {
list-style: none;
}
/* new bullets */
.mw-body-content ul li::before {
content: "\2022";
color: white;
font-weight: bold;
display: inline-block;
width: 0.85em;
margin-left: -0.85em;
}
/* TOC bullet list */
.toc ul li::before {
display:none;
}
/* BULLETS IN BULLET LIST END */
#mw-navigation li{
background: none;
}
#mw-panel li a, #mw-panel li a:link, #mw-panel li link:visited, #mw-head li a, #mw-head li a:link, #mw-head li link:visited {
color: cyan!important;
}
#mw-panel /* Side Panel Gradient*/
{
background: linear-gradient(90deg, rgba(0,0,0,0.8519782913165266) 25%, rgba(255,255,255,0) 100%);
}
#mw-head li a:hover /* Hover over top bar*/
{
color: #F1F0F0!important;
}
#mw-head li a:link:hover
{
color: #F1F0F0!important;
}
#mw-panel li a:hover { /* Hover over sidebar*/
color: #F1F0F0 !important;
}
#toc .tocnumber, #toc, #toc a:link, #toc a:visited, #toc .togtoggle {
color: white!important;
}
#toc .toclevel-2 ul a:link, #toc .toclevel-2 ul a:visited {
color: #bdbdbd!important;
}
#toc a:link:hover /*TOC Hover color */
{
color:#AFAFAF!important
}
.toctogglelabel:hover /*TOC [hide] Hover color */
{
color:white!important;
text-decoration: none
}
.navbox,
.navbox-subgroup {
background: #2b2b2b; /* Background color */
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 {
color: white;
}
/* Links OLD */
a:link { color: #bdbdbd!important; }
a:visited { color: #bdbdbd!important; }
:link:active, :link.new { color: #bdbdbd!important; }
:link.interwiki, :link.external { color: #bdbdbd!important; }
/* Links OLD END */
/* Links */
a:link
{
color: #AFAFAF !important;
text-decoration: none;
}
a:visited
{
color: #bdbdbd!important;
text-decoration: none;
}
a:hover
{
color:#F1F0F0!important;
}
:link:active,
:link.new
{
color: #bdbdbd!important;
text-decoration: none;
}
:link.interwiki,
:link.external
{
text-decoration: none;
}
.mw-parser-output a.external:hover /* Hover for external links*/
{
text-decoration: none;
color: #F1F0F0 !important;
}
/* Links END*/
#footer ul li {
color: white;
}
#ca-viewsource { display: none !important; }
/* Sticky header*/
.sticky tr
{
position: sticky;
top: 0;
z-index: 2;
}
.sticky tbody
{
position: relative;
z-index: 1;
}
/* Sticky header END*/
/* Hover over text to see more div class */
.hide {
display: none;
}
.HoverHide:hover + .hide {
display: block;;
}
/* Hover over text to see more div class END*/
/* Hover over image to see text */
.container {
position: relative;
width: 100%;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.container:hover .overlay {
opacity: 1;
}
.HoverImg {
color: white;
font-size: 30px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/* Hover over image to see text END */
/* Yeet the external link image */
.mw-parser-output a.external {
background-image: url(/w/skins/Vector/resources/common/images/external-link-ltr-icon.svg?48e54);
padding-right: 0px
}
/* Yeet the external link image END */
/* Disables spoilers. We need other way for this. Disable viewing of unused pictures
.mw-special-Unusedimages {
display: none;
}
.mw-special-Uncategorizedimages {
display: none;
}
.mw-special-Listfiles {
display: none;
}
.mw-special-Log {
display: none;
}
.mw-special-Newimages {
display: none;
}
Disables spoilers. END */
/* Removed tabs */
#ca-nstab-main { display: none !important; }
#ca-talk { display: none !important; }
#ca-history { display: none !important;}
#ca-view { display: none !important; }
#p-tb { display: none; }
/* Removed tabs END */
/* Sidebar Header color change */
.portal h3
{
color: white;
}
/* Sidebar Header color change END*/
/* Remove the category block (iframe/other extenstion at the bottom of the page) */
.catlinks
{
display:none;
}
/* Remove the category block END */
/* Tabber */
/* Tabber invis body switch */
.tabber--live {
width:min-content;
}
/* Tabber Line Remove */
.tabber__header {
box-shadow: inset 0 0px 0 0 #a2a9b1;
}
/* Tabber Indicator Global*/
.tabber__indicator {
block-size: 5px;
}
/* Tabber Arrow < color*/
.tabber__header__prev{
background-color:rgba(255,255,255,0.4);
}
/* Tabber Arrow > color*/
.tabber__header__next {
background-color:rgba(255,255,255,0.4);
}
/* Shorter-scrollable Tabber */
.tabber__section {
height: 770px!important;
overflow-y: auto!important;
}
/* Tabber Scrollbar */
.tabber__section::-webkit-scrollbar {
width: 7px;
}
.tabber__section::-webkit-scrollbar-thumb {
background: #555;
}
.tabber__section::-webkit-scrollbar-thumb:hover {
background: #888;
}
/* Tabber END */
/* Custom Table - TableShops
/* Here you blind fuck PADDING*/
/* Custom Padding for every Shop Page */
.page-War_Point_Shop .tabber__tab {
padding: 0.5em 2.9em;
}
.page-Card_Shop .tabber__tab {
padding: 0.5em 2.6em;
}
.page-Gear_Shop .tabber__tab {
padding: 0.5em 1.9em;
}
.page-Parts_Shop .tabber__tab {
padding: 0.5em 2.6em;
}
.page-Weapon_Shop .tabber__tab {
padding: 0.5em 2.1em;
}
.page-Event_Shop .tabber__tab {
padding: 0.5em 21em;
}
.page-Event_Shop .tabber__indicator
{
display:none;
}
/* ALIGN/WIDTH*/
/* Custom Width/align for every Shop Page */
.page-War_Point_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-War_Point_Shop td:nth-child(2) {
text-align: left;
}
.page-War_Point_Shop td:nth-child(3) {
text-align: left;
width:90px
}
.page-Card_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Card_Shop td:nth-child(2) {
text-align: left;
}
.page-Card_Shop td:nth-child(3) {
text-align: left;
width:100px
}
.page-Gear_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Gear_Shop td:nth-child(2) {
text-align: left;
}
.page-Gear_Shop td:nth-child(3) {
text-align: left;
width:90px
}
.page-Parts_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Parts_Shop td:nth-child(2) {
text-align: left;
width:100%;
width:150px
}
.page-Parts_Shop td:nth-child(3) {
text-align: left;
width:100px
}
.page-Weapon_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Weapon_Shop td:nth-child(2) {
text-align: left;
}
.page-Weapon_Shop td:nth-child(3) {
text-align: left;
width:100px
}
.page-Event_Shop td:nth-child(1) {
text-align: left;
width:80px
}
.page-Event_Shop td:nth-child(2) {
text-align: left;
}
.page-Event_Shop td:nth-child(3) {
text-align: left;
width:200px
}
/* END*/
/* Table Global*/
.TableShops{
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
/* Table Header*/
.TableShops tr {
background-color: gray;
}
/* Table Data*/
.TableShops>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
border: none;
color: white;
padding: 10px;
transition: background-color .3s ease-in-out;
border-bottom: 1px solid black;
}
/* Table Data Hover*/
.TableShops td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.TableShops>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Hover pointer*/
.TableShops{
cursor: pointer;
}
/* Custom Table - TableShops END*/
/* Custom Table - EnchantTable */
/* Table Global*/
.EnchantTable {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
width: 150px;
text-align: center;
}
/* Table Header*/
.EnchantTable tr {
background-color: gray;
}
/* Table Data*/
.EnchantTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 2px;
transition: background-color .3s ease-in-out;
border-top: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.EnchantTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.EnchantTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - EnchantTable END */
/* Custom Table - BreakPointsTable */
/* Table Global*/
.BreakPointsTable {
table-layout: fixed;
width: 100%;
width: 90px;
border-collapse: collapse;
}
/* Table Header*/
.BreakPointsTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.BreakPointsTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.BreakPointsTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.BreakPointsTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - BreakPointsTable END */
/* Custom Table Influence Buff Shop */
.InfluenceTable {
width: 100%;
width: 300px;
border-collapse: collapse;
}
/* Table Header*/
.InfluenceTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
text-align:center;
}
/* Table Data*/
.InfluenceTable*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.InfluenceTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.InfluenceTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table Influence Buff Shop END */
/* Custom Table Slotmachines */
.page-Slotmachine .tabber__tab {
padding: 0.5em 10em;
}
.page-Slotmachine .tabber__header{
pointer-events: none;
}
/* Custom Table Slotmachines END */
/* Custom Table Weapons */
.WeaponsTable{
table-layout: fixed;
width: 100%;
width: 300px;
border-collapse: collapse;
}
/* Table Header*/
.WeaponsTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}
/* Table Data*/
.WeaponsTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.WeaponsTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.WeaponsTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table Weapons END*/
/* Custom Table - DisputeHoursTable */
/* Table Global*/
.DisputeHoursTable{
table-layout: fixed;
width: 100%;
width: 90px;
border-collapse: collapse;
text-align:center;
}
/* Table Header*/
.DisputeHoursTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.DisputeHoursTable*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.DisputeHoursTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.DisputeHoursTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - DisputeHoursTable END */
/* Custom Table - Crystals */
.page-Crystals .tabber__header{
pointer-events: none;
}
.page-Crystals .tabber__section{
height:231px!important;
width:530px!important;
}
.page-Crystals .tabber__indicator{
width:530px!important;
}
.page-Crystals td:nth-child(1) {
text-align: left;
width:80px
}
.page-Crystals td:nth-child(2) {
text-align: left;
}
.page-Crystals td:nth-child(3) {
text-align: left;
width:150px
}
/* Crystals img fix */
img[src="/images/thumb/0/02/Ash_Lane_Portal.png/300px-Ash_Lane_Portal.png"]
{
max-width:300px!important;
}
img[src="/images/thumb/5/52/Calamity.png/400px-Calamity.png"]
{
max-width: 400px!important;
}
/* Table Global - MysteryCapsTable*/
.MysteryCapsTable {
table-layout: fixed;
width: 100%;
width: 290px;
border-collapse: collapse;
max-width: 100%;
height: auto;
width: auto;
}
/* Table Header*/
.MysteryCapsTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.MysteryCapsTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
transition: background-color .3s ease-in-out;
border: 1px solid black;
padding:3px;
}
/* Table Data Hover*/
.MysteryCapsTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.MysteryCapsTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - MysteryCapsTable END */
/* Custom Table Fixes */
.FixesTable {
border-collapse: collapse;
cursor: default;
}
/* Table Header*/
.FixesTable tr {
background-color: #D8D8D8;
border: 1px solid black;
text-align:center;
color:black;
}
/* Table separate headers hover*/
.FixesTable th:hover {
background-color: #ADABAB;
}
.FixesTable td {
border: 1px solid black;
}
/* Table Data Hover*/
.FixesTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.FixesTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - Fixes END */
/* Custom Table - ChatTable */
/* Table Global*/
.ChatTable {
table-layout: fixed;
width: 100%;
width: 180px;
border-collapse: collapse;
text-align:center
}
/* Table Header*/
.ChatTable tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.ChatTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 80px;
}
/* Table Data Hover*/
.ChatTable td:hover {
background-color: #ADABAB;
}
/* Table Data Hover cell=row*/
.ChatTable>*>tr:has(td:hover) td {
background-color: #ADABAB;
}
/* Custom Table - ChatTable END */
/* Custom Table - SmallTable on Chat Page */
.SmallTable th{
width: 50px;
}
.SmallTable tr {
background-color: gray;
text-align: center;
}
/* Custom Table - SmallTable on Chat Page END */
/* Custom Table - .PETTable1 */
/* Table Global*/
.PETTable1 {
table-layout: fixed;
width: 100%;
width: 80px;
border-collapse: collapse;
text-align:left
}
/* Table Header*/
.PETTable1 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.PETTable1 td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
border: 1px solid black;
width: 50px;
text-align:center;
}
/* Table First Collumn*/
.PETTable1 tbody>tr>:nth-child(1){
width: 126px;
}
/* Custom Table - .PETTable1 END */
/* Custom Table - .PETTable2 */
/* Table Global*/
.PETTable2 {
border-collapse: collapse;
}
/* Table Header*/
.PETTable2 tr {
background-color: gray;
border: 1px solid black;
}
/* Table Data*/
.PETTable2 td {
background-color: #6C6C6C;
border: 1px solid black;
padding:5px;
text-align:left;
}
/* Custom Table - .PETTable2 END */
/* TEST */
/* Custom Table CRP Shop */
.CRPShopTable{
table-layout: fixed;
width: 100%;
width: 00px;
border-collapse: collapse;
}
/* Table Header*/
.CRPShopTable tr {
background-color: gray;
border: 1px solid black;
border-top: 1px solid black;
}
/* Table Data*/
.CRPShopTable>*>tr>td {
font-family: Arial, Helvetica, sans-serif;
background-color: #6C6C6C;
color: white;
padding: 1px;
transition: background-color .3s ease-in-out;
border: 1px solid black;
width: 280px; /* Edit this 1*/
text-align:center;
}
/* Table Data Hover*/
.CRPShopTable td:hover {
background-color: #ADABAB;
cursor:pointer;
}
/* Custom Table CRP Shop END */
/* TEST */
/* Tabber Padding */
.page-Test_Page .tabber__tab { /* Edit this 2*/
padding: 0.5em 2.795em; /* Edit this 3*/
}
/* Background color */
.page-Test_Page .tabber__section{
background-color:rgba(255,255,255,0.4);
}