Brighter Shores Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 21:07, 20 May 2024

3,684 bytes added ,  20 May
Updating CSS from MediaWiki:Common.less
(Updating CSS from MediaWiki:Common.less)
(Updating CSS from MediaWiki:Common.less)
 
(47 intermediate revisions by 2 users not shown)
Line 5:
--body-mid: #ad9e9a;
--body-dark: #6d5b54;
--body-darker: #47403d;
--body-border: #bdb2ae;
--body-background-color: #173a4d;
Line 18 ⟶ 19:
--link-color: #8b694f;
--table-header-link: #c7b8b3;
--redlink-color: #ba0000cd4343;
--text-color: #2F2828;
--byline-color: #ccc;
Line 28 ⟶ 29:
--osrsw-brown: #605443;
--thumb-bg: var(--body-light);
--thumb-caption-bg: var(--body-middark);
--sourceeditor-input-background: #fff;
--sourceeditor-background: var(--body-light);
Line 128 ⟶ 129:
 
a.new {
color: var(--redlink-color) !important;
}
 
a.new:visited {
color: var(--redlink-color) !important;
}
 
Line 200 ⟶ 201:
.catlinks li {
border-color: var(--body-mid);
}
 
.filehistory a img,
#file img {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E") repeat;
}
 
#file img:hover {
background: none;
}
 
Line 474 ⟶ 466:
:root {
--wikitable-header-bg: var(--body-dark);
--wikitable-border: var(--body-bordermid);
--wikitable-bg: var(--body-light);
--wikitable-bg-lighter: #e9e3d6;
Line 516 ⟶ 508:
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
Line 534 ⟶ 527:
.mw_metadata th {
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
Line 551 ⟶ 546:
.mw-datatable th {
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
Line 699 ⟶ 696:
table.align-left-20 td:nth-of-type(20) {
text-align: left;
}
 
.filehistory a img,
#file img {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E") repeat;
}
 
#file img:hover {
background: none;
}
 
figure[typeof~='mw:File/Thumb'] {
}
 
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
figure[typeof~='mw:File/Thumb'] figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
margin: 0;
}
 
figure[typeof~='mw:File/Thumb'] > .mw-file-description::after,
figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
background: none !important;
}
 
figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption,
figure[typeof~='mw:Image/Thumb'] > figcaption,
figure[typeof~='mw:Video/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption {
background-color: var(--thumb-caption-bg);
color: #fff;
}
 
Line 2,448 ⟶ 2,477:
--keypress-border: #ccc;
--keypress-color: #333;
}
 
.toc {
border: none;
}
 
.toc .toctitle {
border: 1px solid var(--body-darker);
}
 
Line 2,456 ⟶ 2,493:
.toc .toctitle > * .toctogglelabel {
color: var(--table-header-link);
}
 
.toc > ul {
border: 1px solid var(--wikitable-border);
border-top: none;
}
 
Line 2,631 ⟶ 2,673:
:root {
--infobox-text-color: var(--text-color);
--table-header: var(--body-darkdarker);
--table-subheader: var(--body-middark);
--table-body: var(--body-light);
--table-border: var(--body-border);
Line 2,646 ⟶ 2,688:
padding: 2px;
color: var(--body-main);
border-radius: 80.5px6em;
box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.5);
}
 
Line 2,668 ⟶ 2,711:
.infobox .infobox-buttons .button.button-selected {
background: var(--table-header);
}
 
.infobox tr {
}
 
.infobox tr > * {
background: #47403dvar(--body-darker);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.5);
}
 
.infobox tr td:not(.infobox-padding):not(.infobox-image) {
padding: 0.2em 0.5em;
}
 
.infobox tr:nth-last-child(2) th {
border-radius: 0 0 0 17px1.2em;
}
 
.infobox tr:nth-last-child(2) td {
border-radius: 0 0 17px1.2em 0;
}
 
.infobox tr:last-child {
display: none;
}
 
.infobox .infobox-header {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.5);
border-radius: 17px1.2em;
padding: 0.5em 0;
text-align: center;
Line 2,704 ⟶ 2,746:
.infobox .infobox-image {
text-align: center;
border-radius: 1.2em 1.2em 0 0;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.5);
background-image: url("/images/[email protected]");
border-radius: 17px 17px 0 0;
background-image: url(https://brightershores.com/20240313/website_watermark_tile.png);
background-position: center;
background-size: 300px;
padding: 0;
overflow: hidden;
}
 
.infobox .infobox-image span {
display: block;
border-radius: 0.9em 0.9em 0 0;
overflow: hidden;
margin: 0.5em;
}
 
.infobox .infobox-image span img {
max-width: calc(292px - 1em);
height: auto;
}
 
Line 2,720 ⟶ 2,775:
.infobox .infobox-padding {
background: var(--body-dark);
height: 30px20px;
border-radius: 16px;
}
Line 2,738 ⟶ 2,793:
.infobox a:active {
color: #a5918a;
}
 
.infobox.infobox-Hopeport {
background-color: #b99f46;
}
 
.infobox.infobox-Hopeport tr > * {
background-color: #3b382f;
}
 
.infobox.infobox-Hopeport .infobox-image {
background-image: url("/images/[email protected]");
}
 
.infobox.infobox-Hopeport .infobox-padding {
background-color: #b99f46;
}
 
.infobox.infobox-Hopeport a,
.infobox.infobox-Hopeport a:hover,
.infobox.infobox-Hopeport a:visited,
.infobox.infobox-Hopeport a:active {
color: #c7b26b;
}
 
.infobox.infobox-Mine_of_Mantuban {
background-color: #68ABF1;
}
 
.infobox.infobox-Mine_of_Mantuban tr > * {
background-color: #26323d;
}
 
.infobox.infobox-Mine_of_Mantuban .infobox-image {
background-image: url("/images/[email protected]");
}
 
.infobox.infobox-Mine_of_Mantuban .infobox-padding {
background-color: #68ABF1;
}
 
.infobox.infobox-Mine_of_Mantuban a,
.infobox.infobox-Mine_of_Mantuban a:hover,
.infobox.infobox-Mine_of_Mantuban a:visited,
.infobox.infobox-Mine_of_Mantuban a:active {
color: #97c5f5;
}
 
.infobox.infobox-Hopeforest {
background-color: #84b876;
}
 
.infobox.infobox-Hopeforest tr > * {
background-color: #2e3930;
}
 
.infobox.infobox-Hopeforest .infobox-image {
background-image: url("/images/[email protected]");
}
 
.infobox.infobox-Hopeforest .infobox-padding {
background-color: #84b876;
}
 
.infobox.infobox-Hopeforest a,
.infobox.infobox-Hopeforest a:hover,
.infobox.infobox-Hopeforest a:visited,
.infobox.infobox-Hopeforest a:active {
color: #a2c998;
}
 
.infobox.infobox-Crenopolis {
background-color: #979797;
}
 
.infobox.infobox-Crenopolis tr > * {
background-color: #3f3f3f;
}
 
.infobox.infobox-Crenopolis .infobox-image {
background-image: url("/images/[email protected]");
}
 
.infobox.infobox-Crenopolis .infobox-padding {
background-color: #979797;
}
 
.infobox.infobox-Crenopolis a,
.infobox.infobox-Crenopolis a:hover,
.infobox.infobox-Crenopolis a:visited,
.infobox.infobox-Crenopolis a:active {
color: #b1b1b1;
}
 
Line 3,142 ⟶ 3,289:
padding-right: 1.75em;
max-width: 100%;
border: none;
}
 
Line 3,152 ⟶ 3,300:
display: grid;
gap: 0.9rem;
}
 
.mainpage-contents.tile-row {
display: flex;
}
 
.mainpage-contents.tile-row .tile-top {
height: 5.5rem;
}
 
Line 3,198 ⟶ 3,338:
.mainpage-contents {
grid-area: content;
grid-template-columns: repeat(65, 1fr);
}
 
.mainpage-contents .tile-halves {
flex: 1;
background: none;
}
 
.mainpage-contents .tile-top {
height: 45.5rem;
position: relative;
}
Line 3,217 ⟶ 3,358:
margin: 0;
padding: 0;
}
 
.mainpage-contents .tile-bottom {
box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.5);
}
 
.mainpage-contents .tile-bottom h2 {
background: var(--body-darker);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.5);
margin: 3px !important;
}
 
.mainpage-contents .tile-bottom.link-button a {
padding: 0.75em65em 0.2em;
}
 
Line 3,338 ⟶ 3,489:
 
.mainpage-editing .tile-top {
background: #438ab5var(--body-darker);
}
 
Line 3,776 ⟶ 3,927:
flex: 1;
margin-right: 1em;
display: flex;
flex-flow: column;
}
 
Line 3,790 ⟶ 3,943:
padding: 1em 1.5em;
transition: 0.2s ease-out;
flex: 1;
}
 
Retrieved from ‘https://brightershoreswiki.org/w/Special:MobileDiff/2423...2775’