Caves of Qud Wiki

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 19:10, 18 December 2023

3,410 bytes added ,  19:10, 18 December 2023
m
similar button color fix for Cargo Table page
(add ambox w dark)
m (similar button color fix for Cargo Table page)
 
(15 intermediate revisions by 2 users not shown)
Line 112: Line 112:
tt {
tt {
font-family: monospace;
font-family: monospace;
font-size: 110%;
color: var(--code-color);
color: var(--code-color);
}
}
Line 280: Line 279:
     opacity: 1;
     opacity: 1;
     visibility: visible;
     visibility: visible;
}
/* "More" dropdown menu styles */
#mw-head #p-cactions.vector-menu-dropdown .vector-menu-heading {
  font-size: 1em;
  font-weight: bold;
  color: var(--navigation-tab-active-color);
  padding: 0.4em 1.8em 0.4em 0.4em;
  background: var(--navigation-tab-background);
  margin: 0 0.4em 0 0.4em;
  height: auto;
}
#mw-head #p-cactions.vector-menu-dropdown .vector-menu-heading:after {
  filter: invert(100%);-webkit-filter: invert(100%);
  top: 0;
  right: 0.5em;
  bottom: 0;
}
#mw-head #p-cactions.vector-menu-dropdown .vector-menu-content {
  background: var(--body-background-color);
  border: 1px solid var(--wikitable-header-background);
}
#mw-head #p-cactions.vector-menu-dropdown .vector-menu-content ul li a {
  background: none;
}
#mw-head #p-cactions.vector-menu-dropdown .vector-menu-content ul li:hover {
  background: var(--navigation-tab-active-background);
}
}


Line 516: Line 544:
margin: 0.25em;
margin: 0.25em;
}
}
#mw-panel .vector-menu-portal label.vector-menu-heading {
  font-weight: bold;
  background-image: linear-gradient(to right,var(--qud-border-bg-color) 0, var(--qud-border-bg-color) 100%);
}
/* ------- front page ------- */
/* ------- front page ------- */
.fp-container {
.fp-container {
display: grid;
    display: grid;
grid-template-areas: "h" "l" "m" "r";
    grid-template-areas:"a" "c" "b" "d" "e" "f";
grid-template-columns: 100%;
    grid-template-columns: 100%;
align-items:flex-start;
}
}


@media screen and (min-width: 990px) {
@media screen and (min-width: 990px) {
.fp-container {
.fp-container {
grid-template-areas: "h h" "l m" "r m";
        grid-template-areas: "c a" "c b" "c d" "c f" "e e";
grid-template-columns: 50% 50%;
        grid-template-columns: 60% 40%;
}
        grid-template-rows: auto auto 1fr;
           
    }
}
}


@media screen and (min-width: 1350px) {
@media screen and (min-width: 1565px) {
.fp-container {
.fp-container {
grid-template-areas: "h m r" "l m r" "l m r";
        grid-template-areas:"a b" "c b" "c d" "e e";
grid-template-columns: 33% 33% 33%;
grid-template-rows: auto 1f;
        grid-template-columns: 800px auto
}
}
}
}
@media screen and (min-width: 1820px) {
    .fp-container {
        grid-template-areas:"a b" "c b" "c d" "e e" "f f";
grid-template-rows:auto auto 1f;
        grid-template-columns: auto 520px
    }
} 


.fp-section {
.fp-section {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
}
#fp-welcome {
    grid-area: a;
}
#fp-main {
    grid-area: c;
}
#fp-miscwiki {
    grid-area: b;
}
#fp-extlinks {
    grid-area: d;
}
#fp-bottom {
    grid-area: e;
}
}


Line 600: Line 663:
text-align: center;
text-align: center;
}
}
/** wiki help box **/
/** wiki help box **/
.wikihelp {
.wikihelp {
Line 621: Line 685:
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-evenly;
justify-content: space-evenly;
align-items: stretch;
text-align: center;
text-align: center;
align-items: flex-start;
}
}


.fplink-outer {
.fplink-outer {
padding: 5px;
    padding: 5px;
flex-basis: calc(25% - 10px);
    flex-basis: calc(12.5% - 10px);
width: calc(25% - 15px);
    width: calc(12.5% - 15px);
min-width: 115px;
    min-width: 115px;
display: inline-block;
    display: inline-block;
vertical-align: middle;
}
}


Line 676: Line 739:


.fplink img {
.fplink img {
max-width: 150px;
max-width: 100px;
width: 100%;
width: 100%;
height: auto;
height: auto;
}
}
/** rss scrollbar **/
.mw-parser-output ::-webkit-scrollbar {
  background: transparent;
width:6px;
}
.mw-parser-output ::-webkit-scrollbar-thumb {
background: #b1c9c3;
border-radius:2px;
}
/** Miscellaneous front page fixes **/
/** Miscellaneous front page fixes **/
.fpbox .embedvideo,
.fpbox .embedvideo,
Line 890: Line 964:
margin-bottom: 1ex;
margin-bottom: 1ex;
}
}
/* ------- pixel sprite scaling ------- */
.pixel-image,
.moduleinfobox .infobox-imagearea img,
.ambox-image img,
.qud-image .qud-image-link-image-container img {
  image-rendering: pixelated;
}
/* ------- tables ------- */
/* ------- tables ------- */
table.wikitable {
table.wikitable {
Line 981: Line 1,064:
color: var(--body-color);
color: var(--body-color);
}
}
/** Main Cargo table admin page **/
table.cargo-tablelist .oo-ui-iconElement-icon {
    /* make button icons visible against our theme's dark background */
    filter: invert(86%) sepia(24%) saturate(124%) hue-rotate(140deg) brightness(98%) contrast(82%);
}
/** Cargo Pages**/
.cargo-pagevalues-tableinfo {
background-color:transparent;
}
/** Cargo Drilldown **/
/** Cargo Drilldown **/
div.drilldown-filters-wrapper {
div.drilldown-filters-wrapper {
Line 1,209: Line 1,304:
border-top: var(--editor-border);
border-top: var(--editor-border);
color: var(--body-color);
color: var(--body-color);
}
div.wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
    /* change icon color to white to make visible on dark background */
    filter: invert(100%) sepia(5%) saturate(21%) hue-rotate(204deg) brightness(107%) contrast(109%);
}
div.wikiEditor-ui-toolbar .tabs span.tab a {
    color: var(--link-color);
    font-weight: bold;
}
}


Line 1,834: Line 1,939:
  */
  */
span.CategoryTreeEmptyBullet,
span.CategoryTreeEmptyBullet,
span.CategoryTreePageBullet,
span.CategoryTreeToggle {
span.CategoryTreeToggle {
position: relative;
position: relative;
padding-right: 19px;
padding-right: 26px;
color: transparent;
color: transparent;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 10px solid transparent !important;
    border-bottom: 5px solid transparent !important;
}
}
span.CategoryTreeToggle {
span.CategoryTreeToggle {
color: transparent;
color: transparent;
position: relative;
position: relative;
line-height: 30px;
line-height: 0px;
}
}
span.CategoryTreeEmptyBullet:before,
span.CategoryTreeEmptyBullet:before,
span.CategoryTreePageBullet:before,
span.CategoryTreeToggle:before {
span.CategoryTreeToggle:before {
position: absolute;
position: absolute;
Line 1,860: Line 1,971:
content: "[+]";
content: "[+]";
}
}
span.CategoryTreeEmptyBullet:before {
span.CategoryTreeEmptyBullet:before,
span.CategoryTreePageBullet:before {
color: var(--qud-color-k);
color: var(--qud-color-k);
content: "\00a0>";
content: "\00a0>";
line-height: 22px;
line-height: 0px;
}
}
#mw-pages .mw-category li {
#mw-pages .mw-category li {
Line 3,108: Line 3,220:
padding-bottom: 0.2em;
padding-bottom: 0.2em;
margin-bottom: -0.3em;
margin-bottom: -0.3em;
}
/* INVENTORY: POPULATION TABLES */
.qud-inv-poptable-icon {
    font-family: var(--qud-font-terminal1);
    font-weight: bold;
    font-size: 1.25em;
    display: inline-block;
    margin: 0 5px;
    line-height: 1.5em;
}
}


Line 3,359: Line 3,481:
}
}
}
}
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* This governs the sections on the Community portal */
/* This governs the sections on the Community portal */
Line 3,459: Line 3,582:


/* Template:FP links styles */
/* Template:FP links styles */
.fplinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
text-align: center;
}
.fplink-outer {
padding: 5px;
flex-basis: calc(25% - 10px);
width: calc(25% - 15px);
min-width: 115px;
display: inline-block;
vertical-align: middle;
}
.fplink-wide {
flex-basis: calc(33% - 10px);
width: calc(33% - 15px);
}


.fplink-fullwidth {
.fplink-fullwidth {
Line 3,637: Line 3,739:
/* End main page layout */
/* End main page layout */
/* ******************** */
/* ******************** */
/* Cryptogull CSS */
summary:hover {
cursor:pointer;
}
.build-side-header {
  position: relative;
  width: auto;
  height: 1.8em;
  border: none;
  text-align: center;
  padding:0em;
}
.build-side-header::before,
.build-side-header::after {
  position: absolute;
  width: 1px;
  height: 1.2em;
  content: "";
}
.build-side-header::before {
  left: 0;
  top: 0.6em;
  border-left: 2px solid #4A757E;
}
.build-side-header::after {
  right: 0;
  bottom: 0em;
  border-right: 2px solid #4A757E;
}
#content legend {
    text-align:center;
    color:#cfc041;
    font-size:100%;
}
Retrieved from "https://wiki.cavesofqud.com/wiki/Special:MobileDiff/73589...89568"