Brighter Shores Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 21:07, 20 May 2024

6,049 bytes added ,  20 May
Updating CSS from MediaWiki:Common.less
(Updating CSS from MediaWiki:Common.less)
(Updating CSS from MediaWiki:Common.less)
 
(78 intermediate revisions by 3 users not shown)
Line 2:
:root {
--body-main: #fdfcfc;
--body-light: #f5f0ebe7e5e4;
--body-mid: #d1b9adad9e9a;
--body-dark: #b1886f6d5b54;
--body-borderdarker: #d1b9ad47403d;
--body-border: #bdb2ae;
--body-background-color: #173a4d;
--button-background: #605443;
Line 16 ⟶ 17:
--background-link-color: #e2bd8a;
--search-box: #efeee6;
--link-color: #6e452b8b694f;
--redlinktable-colorheader-link: #ba0000c7b8b3;
--redlink-color: #cd4343;
--text-color: #2F2828;
--byline-color: #ccc;
--subtle-color: #777afa19a;
--admin-blue: #332e75;
--bearcat-green: #13592e;
Line 27 ⟶ 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 82 ⟶ 84:
h1,
h2 {
border-color: var(--sidebarbody-border);
}
 
Line 127 ⟶ 129:
 
a.new {
color: var(--redlink-color) !important;
}
 
a.new:visited {
color: var(--redlink-color) !important;
}
 
Line 157 ⟶ 159:
--successbox-bg: #ecf8e3;
--successbox-border: #6bc71f;
--vector-tab-background--hover: var(--body-light) !important;
--vector-tab-link-color: var(--link-color) !important;
}
 
Line 190 ⟶ 194:
.catlinks {
background: var(--body-light);
border: 1px solid var(--body-darkborder);
padding: 8px 15px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
Line 197 ⟶ 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 456 ⟶ 451:
.vector-menu-dropdown .vector-menu-heading:focus {
color: var(--vector-tab-link-color) !important;
}
 
.vector-menu-portal .vector-menu-heading {
color: var(--background-text-color) !important;
font-weight: bold !important;
background: none !important;
}
 
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: var(--background-link-color) !important;
}
 
:root {
--wikitable-header-bg: var(--body-dark);
--wikitable-border: var(--body-bordermid);
--wikitable-bg: var(--body-light);
--wikitable-bg-lighter: #e9e3d6;
Line 502 ⟶ 508:
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
.wikitable > tr > th a,
.wikitable > * > tr > th a {
color: var(--table-link-color);
}
 
Line 515 ⟶ 527:
.mw_metadata th {
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
Line 532 ⟶ 546:
.mw-datatable th {
background-color: var(--wikitable-header-bg);
color: #fff;
border-color: var(--body-darker);
}
 
.mw-datatable th a {
color: var(--table-link-color);
}
 
Line 676 ⟶ 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 1,326 ⟶ 1,378:
--ooui-interface-border: var(--body-border);
--ooui-window-background: rgba(255, 255, 255, 0.5);
--ooui-normal: #d5c7ada89994;
--ooui-normal--hover: #dfd5c1b6a9a5;
--ooui-normal-border: #b8a282bdb2ae;
--ooui-progressive: #6054436d5b54;
--ooui-progressive--hover: #7e6e588a736a;
--ooui-accent: var(--link-color);
--ooui-input: #fff;
--ooui-input-border: #b8a282bdb2ae;
--ooui-input-border--hover: #8a724f917f79;
--ooui-disabled: #d1cdc5cfc7c4;
--ooui-disabled-border: #c2b9abd4cdca;
--ooui-disabled-text: var(--subtle-color);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
Line 2,425 ⟶ 2,477:
--keypress-border: #ccc;
--keypress-color: #333;
}
 
.toc {
border: none;
}
 
.toc .toctitle {
border: 1px solid var(--body-darker);
}
 
.toc .toctitle > * {
color: #fff;
}
 
.toc .toctitle > * .toctogglelabel {
color: var(--table-header-link);
}
 
.toc > ul {
border: 1px solid var(--wikitable-border);
border-top: none;
}
 
.navbox .navbox-title {
color: #fff;
}
 
.navbox .navbox-title a {
color: var(--table-header-link);
}
 
.navbox .navbox-title .mw-collapsible-toggle-collapsed::before,
.navbox .navbox-title .mw-collapsible-toggle-expanded::before,
.navbox .navbox-title .mw-collapsible-toggle-collapsed::after,
.navbox .navbox-title .mw-collapsible-toggle-expanded::after {
color: white;
}
 
.navbox .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--table-header-link);
}
 
.navbox .navbox-list {
border-bottom: none;
}
 
Line 2,480 ⟶ 2,576:
padding: 0.1em 0.4em;
white-space: nowrap;
}
 
.relative-location {
background: var(--body-light);
border: 1px solid var(--body-border);
border-spacing: 0;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
text-align: center;
}
 
.relative-location-header {
background: var(--body-dark);
color: #fff;
font-weight: bold;
}
 
Line 2,563 ⟶ 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,572 ⟶ 2,682:
font-size: 0.85em;
width: 300px;
border-collapse: collapse;
float: right;
table-layout: fixed;
margin: 0.5em 0 1em 1em;
background: var(--body-dark);
padding: 2px;
color: var(--body-main);
border-radius: 0.6em;
box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.5);
}
 
Line 2,587 ⟶ 2,701:
 
.infobox .infobox-buttons .button {
background: var(--table-headersubheader);
padding: 0 5px;
font-weight: bold;
Line 2,595 ⟶ 2,709:
}
 
.infobox tbody.infobox-buttons .button.button-selected {
borderbackground: 1px solid var(--table-borderheader);
}
background: var(--table-body);
 
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(231, 215, 199, 0.5);
.infobox tr {
}
 
.infobox tr > * {
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);
}
 
.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 1.2em;
}
 
.infobox tr:nth-last-child(2) td {
border-radius: 0 0 1.2em 0;
}
 
.infobox .infobox-header {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.5);
background: var(--table-header);
border-radius: 1.2em;
padding: 0.5em 0;
text-align: center;
Line 2,613 ⟶ 2,746:
.infobox .infobox-image {
text-align: center;
border-radius: 1.2em 1.2em 0 0;
background-image: url("/images/[email protected]");
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,623 ⟶ 2,774:
 
.infobox .infobox-padding {
backgoundbackground: var(--table-body-dark);
height: 20px;
}
border-radius: 16px;
 
.infobox tr td:not(.infobox-padding) {
padding: 0.2em 0.5em;
}
 
.infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {
border-right: 2px solid var(--table-subheader);
text-align: right;
padding: 0.2em 0.5em;
}
 
.infobox select {
max-width: 300px;
}
 
.infobox a,
.infobox a:hover,
.infobox a:visited,
.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 2,820 ⟶ 3,071:
--tile-link-button-highlight-color: #dfccb0;
--tile-dark-color: #fff;
--tile-dark-bg: #5d6773var(--body-dark);
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: rgba(255, 255, 255, 0.7);
Line 2,882 ⟶ 3,133:
display: flex;
flex-flow: row wrap;
border: 1px solid var(--tile-border-color);
background: var(--tile-background-color);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
Line 2,906 ⟶ 3,156:
display: flex;
align-items: center;
background-color: var(--bylinebody-colorlight);
overflow: hidden;
padding: 0;
Line 2,931 ⟶ 3,181:
 
.tile-bottom {
background: var(--tilebody-background-colordark);
border-top: 1px solid var(--tile-border-color);
width: 100%;
padding: 1rem 1.5rem 0.6rem;
}
 
.tile-bottom h2 a {
color: #fff !important;
}
 
Line 3,036 ⟶ 3,289:
padding-right: 1.75em;
max-width: 100%;
border: none;
}
 
Line 3,046 ⟶ 3,300:
display: grid;
gap: 0.9rem;
}
 
.mainpage-contents.tile-row {
display: flex;
}
 
.mainpage-contents.tile-row .tile-top {
height: 5.5rem;
}
 
Line 3,092 ⟶ 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,111 ⟶ 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,232 ⟶ 3,489:
 
.mainpage-editing .tile-top {
background: #438ab5var(--body-darker);
}
 
Line 3,670 ⟶ 3,927:
flex: 1;
margin-right: 1em;
display: flex;
flex-flow: column;
}
 
Line 3,684 ⟶ 3,943:
padding: 1em 1.5em;
transition: 0.2s ease-out;
flex: 1;
}
 
Retrieved from ‘https://brightershoreswiki.org/w/Special:MobileDiff/1669...2775’