Caves of Qud Wiki

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 19:10, 18 December 2023

1,694 bytes added ,  19:10, 18 December 2023
m
similar button color fix for Cargo Table page
(attempt to fix custom category styling)
m (similar button color fix for Cargo Table page)
 
(7 intermediate revisions by 2 users not shown)
Line 552: Line 552:
/* ------- 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 634: Line 663:
text-align: center;
text-align: center;
}
}
/** wiki help box **/
/** wiki help box **/
.wikihelp {
.wikihelp {
Line 655: 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 710: 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 1,023: Line 1,063:
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
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%);
}
}


Line 1,258: 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,883: Line 1,939:
  */
  */
span.CategoryTreeEmptyBullet,
span.CategoryTreeEmptyBullet,
span.CategoryTreePageBullet,
span.CategoryTreeToggle {
span.CategoryTreeToggle {
position: relative;
position: relative;
padding-right: 26px;
padding-right: 26px;
color: transparent;
color: transparent;
     border-left: 5px solid transparent;
     border-left: 5px solid transparent !important;
     border-right: 5px solid transparent;
     border-right: 5px solid transparent !important;
     border-top: 10px solid transparent;
     border-top: 10px solid transparent !important;
     border-bottom: 5px solid transparent;
     border-bottom: 5px solid transparent !important;
}
}
span.CategoryTreeToggle {
span.CategoryTreeToggle {
Line 1,898: Line 1,955:
}
}
span.CategoryTreeEmptyBullet:before,
span.CategoryTreeEmptyBullet:before,
span.CategoryTreePageBullet:before,
span.CategoryTreeToggle:before {
span.CategoryTreeToggle:before {
position: absolute;
position: absolute;
Line 1,913: 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 3,523: 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,701: 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/86800...89568"