Pixark Wiki
No edit summary
No edit summary
Line 118: Line 118:
 
.theme-fandomdesktop-light table.engramTable th.levelHeader {
 
.theme-fandomdesktop-light table.engramTable th.levelHeader {
 
background-color:rgb(100,200,200);
 
background-color:rgb(100,200,200);
  +
}
  +
.theme-fandomdesktop-dark table.engramTable th.levelHeader {
  +
background-color: var(--theme-accent-color);
 
}
 
}
   

Revision as of 11:47, 16 June 2021

/* Infobox style */

.infobox-header {
  background-color: var(--theme-accent-color);
}

.infobox-section {
  background-color: var(--theme-accent-color);
}

.info-framework {
  float:right; min-width:410px; width:410px; max-width:410px; border:2px solid #44685e; margin:0 0 8px 8px; padding:5px 5px 0 5px; overflow:hidden;
}
.theme-fandomdesktop-light .info-framework {
 background:#68a090;
}

.info-module {
  display:inline-block; min-width:402px; width:402px; max-width:402px; text-align:right; margin:0 0 0 0; padding:4px 4px 0 4px; overflow:hidden;
}
.theme-fandomdesktop-light .info-module {
background:#9dc1b7;
}
.theme-fandomdesktop-dark .info-module {
background:var(--theme-sticky-nav-background-color);
}

.info-unit {
  display:inline-block; width:402px; min-width:402px; max-width:402px; text-align:center; margin:0 0 0 0; padding:0; overflow:hidden;
}
.theme-fandomdesktop-light .info-unit {
background:#9dc1b7;
}
.theme-fandomdesktop-dark .info-unit {
background:var(--theme-sticky-nav-background-color);
}

.theme-fandomdesktop-light .info-X1-100 {
background:#fff;
}
.theme-fandomdesktop-dark .info-X1-100 {
background: var(--theme-accent-color);
}

.info-X2-25 {
  display:flex; align-items:center; justify-content:center; min-width:92px; width:92px; max-width:92px; min-height:40px; height:40px; max-height:40px; margin:1px; padding:5px 8px 5px 8px;
}
.theme-fandomdesktop-light .info-X2-25 {
background:#edf3eb;
}
.theme-fandomdesktop-dark .info-X2-25 {
background:var(--theme-page-background-color--secondary);
}

.info-X2-75 {
  display:flex; align-items:center; justify-content:center; min-width:274px; width:274px; max-width:274px; margin:1px; padding:5px 8px 5px 8px; min-height:40px; height:auto; font-size:24px;
}
.theme-fandomdesktop-light .info-X2-75 {
background:#fff;
}
.theme-fandomdesktop-dark .info-X2-75 {
background: var(--theme-accent-color);
}

.info-X2-40 {
  display:inline-block; min-width:144px; width:144px; max-width:144px; min-height:24px; height:24px; max-height:24px; margin:1px; padding:5px 8px 5px 8px; text-align:right;
}
.theme-fandomdesktop-light .info-X2-40 {
background:#edf3eb;
}
.theme-fandomdesktop-dark .info-X2-40 {
background:var(--theme-page-background-color--secondary);
}

.info-X2-60 {
  display:inline-block; min-width:222px; width:222px; max-width:222px; min-height:24px; height:auto; margin:1px; padding:5px 8px 5px 8px; text-align:left;
}
.theme-fandomdesktop-light .info-X2-60 {
 background:#fff;
}
.theme-fandomdesktop-dark .info-X2-60 {
background: var(--theme-accent-color);
}

.info-X3-50 {
  display:inline-block; min-width:191px; width:191px; max-width:191px; min-height:24px; height:auto; margin:1px; padding:5px 8px 5px 8px; text-align:center;
}
.theme-fandomdesktop-light .info-X3-50 {
background:#fff;
}
.theme-fandomdesktop-dark .info-X3-50 {
background: var(--theme-accent-color);
}

.info-X3-33 {
  display:inline-block; min-width:116px; width:116px; max-width:116px; min-height:24px; height:auto; margin:1px; padding:5px 8px 5px 8px; text-align:center;
}
.theme-fandomdesktop-light .info-X3-33 {
background:#fff;
}
.theme-fandomdesktop-dark .info-X3-33 {
background: var(--theme-accent-color);
}

/* Engram table styles */
table.engramTable {
  border-collapse:collapse;
  border:1px solid #333;
  display: inline-block;
  margin: 1em;
  vertical-align: top;
  text-align:center;
}
.theme-fandomdesktop-light table.engramTable {
  background-color:rgba(240,240,240,0.9);
}

.theme-fandomdesktop-light table.engramTable th.levelHeader {
  background-color:rgb(100,200,200);
}
.theme-fandomdesktop-dark table.engramTable th.levelHeader {
  background-color: var(--theme-accent-color);
}

table.engramTable th {
  border:1px solid #333;
}

table.engramTable td {
  border:1px solid #333;
}
/* end engram table styles */