MediaWiki:Common.css: Difference between revisions
From Sherlock Holmes Encyclopaedia
Content deleted Content added
No edit summary Tags: Manual revert Reverted |
No edit summary Tags: Manual revert Reverted |
||
Line 1: | Line 1: | ||
#content { background-color: #facbaf; } |
|||
/* CSS placed here will be applied to all skins */ |
|||
#summary { background-color: #facbaf; } |
|||
#mw-panel { background-color: #facbaf; } |
|||
#p-tb-label { background-color: #ffe1cf; } |
|||
#footer { background-color: #ffe1cf; } |
|||
#firstHeading { color: black; } |
|||
#Heading { color: darkred; } |
|||
#catlinks { background-color: #ffe1cf; } |
|||
#mw-head-base { background-color: #ffe1cf; } |
|||
#mw-header { background-color: #ffe1cf; } |
|||
#mw-header-container { background-color: #a17050; } |
|||
.wkfelt { background-color:#4DFD4D; background-image:url(https://cdn.wikirby.com/3/39/KEY_Fabric_Lime_Felt.png); } |
|||
.wkyellow { background-color:#FAF191; background-image:url(https://cdn.wikirby.com/9/9d/BackYellow.png); } |
|||
.wkblue { background-color:#DFEAFE; background-image:url(https://cdn.wikirby.com/e/eb/BackBlue.png); } |
|||
.wkred { background-color:#E47575; background-image:url(https://cdn.wikirby.com/1/1b/KSS_Megaton_Punch_Background.png); } |
|||
.wkcork { background-color:#FAF191; background-image:url(https://cdn.wikirby.com/5/5a/BackCork.png); } |
|||
.wksky { background-color:#DFEAFE; background-image:url(https://cdn.wikirby.com/b/ba/BackSky.png); } |
|||
.wkpuzzle { background-color:#FF9F9F; background-image:url(https://cdn.wikirby.com/0/06/BackPuzzle.png); } |
|||
.wkblock { background-color:#DFCFAF; background-image:url(https://cdn.wikirby.com/e/e4/KEY_Fabric_Colored_Blocks.png); } |
|||
.wksnow { background-color:#8FDFFF; background-image:url(https://cdn.wikirby.com/0/0c/BackBluedot.png); } |
|||
.wkquilt { background-color:#DFDFDF; background-image:url(https://cdn.wikirby.com/8/8e/KEY_Fabric_Aqua_Quilted.png); } |
|||
/* Keeby fabrics */ |
|||
.wkkeebycotton { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/2/25/KEY_Fabric_Yellow_Cotton.png); } |
|||
.wkkeebyfelt { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/9/94/KEY_Fabric_Yellow_Felt.png); } |
|||
.wkkeebystriped { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/f/fa/KEY_Fabric_Yellow_Striped.png); } |
|||
.wkkeebylemonade { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/2/24/KEY_Fabric_Lemonade.png); } |
|||
.wkkeebydot { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/3/32/KEY_Fabric_Yellow_Dot.png); } |
|||
.wkkeebystar { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/0/0d/KEY_Fabric_Gold_Star.png); } |
|||
/* Colored usernames for staff members. */ |
|||
/* Patrollers */ |
|||
.mw-userlink[title="User:AdieuLain"], |
|||
.mw-userlink[title="User:EleCyon"], |
|||
.mw-userlink[title="User:Iliekchez"], |
|||
.mw-userlink[title="User:Luigi1234"], |
|||
.mw-userlink[title="User:Pandakekok9"], |
|||
.mw-userlink[title="User:ShadowKirby"], |
|||
.mw-userlink[title="User:Typman"], |
|||
.mw-userlink[title="User:WillIdleAway"], |
|||
#whopatrol a { color: #B500F1 !important; } |
|||
/* Moderators */ |
|||
.mw-userlink[title="User:Basic Person"], |
|||
.mw-userlink[title="User:Kirb"], |
|||
.mw-userlink[title="User:Superbound"], |
|||
.mw-userlink[title="User:Zolerian"], |
|||
#whomod a { color: #ED7014 !important; } |
|||
/* Administrators */ |
|||
.mw-userlink[title="User:DeepFriedCabbage"], |
|||
.mw-userlink[title="User:FalcoLau"], |
|||
.mw-userlink[title="User:Jellytost♡"], |
|||
.mw-userlink[title="User:Owencrazyboy17"], |
|||
.mw-userlink[title="User:StarPunch"], |
|||
#whoadmin a { color: #30C5A4 !important; } |
|||
/* Bureaucrats */ |
|||
.mw-userlink[title="User:Gigi"], |
|||
.mw-userlink[title="User:Pinkyoshifan"], |
|||
.mw-userlink[title="User:Samwell"], |
|||
.mw-userlink[title="User:Vellidragon"], |
|||
.mw-userlink[title="User:YoshiFlutterJump"], |
|||
#whocrat a { color: #CA408A !important; } |
|||
/* Pink wikitable styling */ |
|||
table.wikitable { |
|||
background: #fff; |
|||
margin: 1em 0; |
|||
border: 1pt solid #000; |
|||
border-collapse: collapse; |
|||
color: black |
|||
} |
} |
||
body {background:#ffe1cf;} |
|||
/* CSS placed here will be applied to all skins */ |
|||
table.wikitable > * > tr > td, table.wikitable > * > tr > th { |
|||
border: 1pt solid #A92C3C; |
|||
padding: 0.2em 0.4em; |
|||
} |
|||
/* Changes the background color behind the top half of the logo and at top of each page: */ |
|||
table.wikitable > * > tr > th { |
|||
#mw-page-base { |
|||
background: #F59C98; |
|||
background: #ffe1cf; |
|||
} |
} |
||
table.wikitable > * > tr:nth-child(odd) > td { |
|||
background: #FACCC7; |
|||
} |
|||
#content { background-color: #ffe1cf; } |
|||
table.wikitable > * > tr:nth-child(even) > td { |
|||
background:#FFD8D2; |
|||
} |
|||
body { |
|||
table.roundtable tr:last-of-type td:first-of-type { |
|||
border-radius: 0 0 0 10px; |
|||
} |
|||
color: black; |
|||
table.roundtable tr:last-of-type td:last-of-type { |
|||
border-radius: 0 0 10px 0; |
|||
} |
|||
/* File history table workaround */ |
|||
.filehistory tr td:last-of-type { |
|||
word-break: break-word; |
|||
} |
} |
||
p { |
|||
/* text sizes */ |
|||
.large { |
|||
font-size: 16px; |
|||
} |
|||
.xlarge { |
|||
font-size: 20px; |
|||
} |
|||
color: black; |
|||
/* text alignment */ |
|||
.top-right { |
|||
position: absolute; |
|||
top: -26px; |
|||
right: 10px; |
|||
} |
|||
.top-right-text { |
|||
position: absolute; |
|||
top: -17px; |
|||
right: 10px; |
|||
} |
|||
.help-shift { |
|||
top: -20px; |
|||
right: 60px; |
|||
} |
|||
/* border */ |
|||
fieldset { |
|||
border: 1px solid #a92c3c; |
|||
} |
} |
||
links { |
|||
div.mw-warning-with-logexcerpt { |
|||
border: 2px solid #A92C3C; |
|||
} |
|||
color: darkred; |
|||
/* main page */ |
|||
body.page-Kirby_Wiki.action-view h1.firstHeading, |
|||
body.page-Kirby_Wiki.action-view #siteSub, |
|||
body.page-Kirby_Wiki.action-view #catlinks, |
|||
body.page-Kirby_Wiki.action-view #lastmod, |
|||
body.page-Kirby_Wiki.action-view .mw-revision { |
|||
display: none; |
|||
} |
|||
body.page-Kirby_Wiki.action-view #bodyContent { |
|||
margin-top: 16px; |
|||
} |
|||
body.page-Kirby_Wiki.action-view .usermessage { |
|||
margin-top: 43px; |
|||
} |
|||
body.page-Kirby_Wiki.action-view #bodyContent { |
|||
margin-top: -20px; |
|||
} |
|||
body.page-Kirby_Wiki.action-view #siteNotice { |
|||
margin-bottom: 28px; |
|||
} |
|||
#mw-indicator-mw-helplink { |
|||
display: none; |
|||
} |
|||
@media (max-width: 1010px) { |
|||
.onlydesktop { |
|||
display:none; |
|||
} |
|||
} |
} |
||
#mw-content-container { |
|||
@media (min-width: 1011px) { |
|||
background: #fcc8a9; |
|||
border-bottom: solid 4px #00af89; |
|||
display:none; |
|||
background-repeat: no-repeat; |
|||
} |
|||
background-position: center 10em; |
|||
background-size: 100% 100% |
|||
} |
} |
||
#mw-content { |
|||
.editOptions { |
|||
background |
background: #f8f9fa; |
||
border: |
border: solid #eaecf0; |
||
border- |
border-width: 1px 1px 0.2em; |
||
padding: 1.25em 1.75em; |
|||
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); |
|||
background: #ffe1cf; |
|||
padding: 1em 2em 3em; |
|||
} |
} |
||
a[href] { |
|||
/* Delfino font */ |
|||
@font-face { |
|||
font-family: "Delfino"; |
|||
src: url("https://wikirby.com/fonts/delfino-webfont.woff2") format("woff2"), |
|||
url("https://wikirby.com/fonts/delfino-webfont.woff") format("woff"); |
|||
} |
|||
/* Module navboxes test */ |
|||
.module-navbox > span.mw-collapsible-toggle { |
|||
font-weight: bold; |
|||
transform: translate(-8px,3.15px) |
|||
} |
|||
color: darkred; |
|||
.lua-navbox tr:nth-child(even) td { |
|||
background: rgba(0,0,0,.1) |
|||
} |
|||
.lua-navbox tr:last-of-type th { |
|||
border-radius: 0 0 0 12px; |
|||
} |
|||
.lua-navbox tr:last-of-type td { |
|||
border-radius: 0 0 12px 0 |
|||
} |
} |
||
/********* Portable infobox theme *********/ |
|||
.lua-navbox ul { |
|||
.portable-infobox { |
|||
margin: 0; |
|||
--pi-border-color: #754836; |
|||
border: 2px solid #754836; |
|||
border-radius: 8px; |
|||
padding: 6px; |
|||
font-size: 12px; |
|||
background-color: #cfa07c; |
|||
line-height: 1.5; |
|||
width: 20em; |
|||
} |
} |
||
.portable-infobox .pi-data, |
|||
.lua-navbox ul li { |
|||
.portable-infobox .pi-group { |
|||
display: inline; |
|||
border: "333333; |
|||
} |
} |
||
.portable-infobox .pi-header { |
|||
.lua-navbox ul li:not(:last-child):after { |
|||
background-color: #754836; |
|||
content: " • " |
|||
text-align: center; |
|||
color: black; |
|||
width: 50em; |
|||
} |
} |
||
.portable-infobox .pi-navigation { |
|||
background-color: #bd875e; |
|||
@media screen and (max-width: 925px) { |
|||
font-size: 12px; |
|||
text-align: center; |
|||
width: 100%; |
|||
text-color: darkred; |
|||
} |
|||
.lua-navbox th, .lua-navbox td { |
|||
display: block; |
|||
} |
|||
.lua-navbox td { |
|||
margin-top: 2px; |
|||
} |
|||
.lua-navbox tr:last-of-type th { |
|||
border-radius: 0 |
|||
} |
|||
.lua-navbox tr:last-of-type td { |
|||
border-radius: 0 0 12px 12px |
|||
} |
|||
} |
} |
||
.portable-infobox .pi-title { |
|||
/* Responsive flex (based on Bootstrap) */ |
|||
background: #754836; |
|||
.row { |
|||
border: 1px solid; |
|||
--bs-gutter-x: .25rem; |
|||
border-color: var(--theme-box-border-color-inner); |
|||
--bs-gutter-y: 0; |
|||
border-radius: var(--theme-box-border-radius-inner); |
|||
display: flex; |
|||
text-align: center; |
|||
flex-wrap: wrap; |
|||
margin-top: calc(var(--bs-gutter-y) * -1); |
|||
margin-right: calc(var(--bs-gutter-x) / -2); |
|||
margin-left: calc(var(--bs-gutter-x) / -2); |
|||
} |
|||
.row > * { |
|||
box-sizing: border-box; |
|||
flex-shrink: 0; |
|||
width: 100%; |
|||
max-width: 100%; |
|||
margin-top: var(--bs-gutter-y); |
|||
} |
} |
||
.portable-infobox .pi-title { |
|||
.col { |
|||
font-weight: bold; |
|||
flex: 1 0 0%; |
|||
font-size: 15px; |
|||
padding: 6px 3px; |
|||
line-height: 1.2; |
|||
text-align: center; |
|||
} |
} |
||
.pi-image-thumbnail { |
|||
/* -- Columns without any size reference -- */ |
|||
max-width: 270px; |
|||
.col-sm { flex: 1 0 0%; } |
|||
max-width: var(--pi-width); |
|||
height: auto; |
|||
.col-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
text-align: center; |
|||
.col-3 { flex: 0 0 auto; width: 25%; } |
|||
.col-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.col-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
.col-6 { flex: 0 0 auto; width: 50%; } |
|||
.col-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
.col-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
.col-9 { flex: 0 0 auto; width: 75%; } |
|||
.col-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.col-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
.col-12 { flex: 0 0 auto; width: 100%; } |
|||
/* ---- Displays ---- */ |
|||
.d-block { display: block!important; } |
|||
.d-inline { display: inline!important; } |
|||
.d-inline-block { display: inline-block!important; } |
|||
.d-flex { display: flex!important; } |
|||
.d-grid { display: grid!important; } |
|||
.d-none { display: none!important; } |
|||
/* -- Columns for small sizes -- */ |
|||
.col-sm { flex: 1 0 0%; } |
|||
.col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
.col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
.col-sm-3 { flex: 0 0 auto; width: 25%; } |
|||
.col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
.col-sm-6 { flex: 0 0 auto; width: 50%; } |
|||
.col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
.col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
.col-sm-9 { flex: 0 0 auto; width: 75%; } |
|||
.col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
.col-sm-12 { flex: 0 0 auto; width: 100%; } |
|||
/* ---- Floats ---- */ |
|||
.float-sm-left { float: left!important; } |
|||
.float-sm-right { float: right!important; } |
|||
.float-sm-none { float: none!important; } |
|||
/* ---- Displays ---- */ |
|||
.d-sm-block { display: block!important; } |
|||
.d-sm-inline { display: inline!important; } |
|||
.d-sm-inline-block { display: inline-block!important; } |
|||
.d-sm-flex { display: flex!important; } |
|||
.d-sm-grid { display: grid!important; } |
|||
.d-sm-none { display: none!important; } |
|||
/* -- Columns for medium sizes or larger -- */ |
|||
@media (min-width: 768px) { |
|||
.col-md { flex: 1 0 0%; } |
|||
.col-md-auto { flex: 0 0 auto; width: auto; } |
|||
.col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
.col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
.col-md-3 { flex: 0 0 auto; width: 25%; } |
|||
.col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
.col-md-6 { flex: 0 0 auto; width: 50%; } |
|||
.col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
.col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
.col-md-9 { flex: 0 0 auto; width: 75%; } |
|||
.col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
.col-md-12 { flex: 0 0 auto; width: 100%; } |
|||
/* ---- Floats ---- */ |
|||
.float-md-left { float: left !important; } |
|||
.float-md-right { float: right !important; } |
|||
.float-md-none { float: none !important; } |
|||
/* ---- Displays ---- */ |
|||
.d-md-block { display: block!important; } |
|||
.d-md-inline { display: inline!important; } |
|||
.d-md-inline-block { display: inline-block!important; } |
|||
.d-md-flex { display: flex!important; } |
|||
.d-md-grid { display: grid!important; } |
|||
.d-md-none { display: none!important; } |
|||
} |
} |
||
/* -- Columns for larger sizer -- */ |
|||
@media (min-width: 992px) { |
|||
.col-lg { flex: 1 0 0%; } |
|||
.col-lg-auto { flex: 0 0 auto; width: auto; } |
|||
.col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
.col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
.col-lg-3 { flex: 0 0 auto; width: 25%; } |
|||
.col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
.col-lg-6 { flex: 0 0 auto; width: 50%; } |
|||
.col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
.col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
.col-lg-9 { flex: 0 0 auto; width: 75%; } |
|||
.col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
.col-lg-12 { flex: 0 0 auto; width: 100%; } |
|||
/* ---- Floats ---- */ |
|||
.float-lg-left { float: left !important; } |
|||
.float-lg-right { float: right !important; } |
|||
.float-lg-none { float: none !important; } |
|||
/* ---- Displays ---- */ |
|||
.d-lg-block { display: block!important; } |
|||
.d-lg-inline { display: inline!important; } |
|||
.d-lg-inline-block { display: inline-block!important; } |
|||
.d-lg-flex { display: flex!important; } |
|||
.d-lg-grid { display: grid!important; } |
|||
.d-lg-none { display: none!important; } |
|||
} |
|||
.mw-body h2 { |
|||
/* AJAXPoll */ |
|||
font-size: 1.8em; |
|||
.ajaxpoll { |
|||
border-bottom: solid 2px #c8ccd1; |
|||
width: auto; |
|||
background: darkred; |
|||
background: rgba(255,255,255,.5); |
|||
border-radius: 10px; |
|||
} |
} |
||
.header-container.header-firefox, footer, .navbox, .navbox-subgroup{ background-color: #ffffff; } |
|||
.ajaxpoll .ajaxpoll-misc, .ajaxpoll .ajaxpoll-info { |
|||
#content { color: #ffffff; } |
|||
} |
|||
#content h2 { color: darkred; } |
|||
.ajaxpoll .ajaxpoll-id-info { |
|||
display: none; |
|||
} |
|||
#content h3 { color: darkred; } |
|||
.ajaxpoll .ajaxpoll-answer-vote { |
|||
border-color: #e4264a; |
|||
} |
|||
#content h4 { color: darkred; } |
|||
/* Userboxes */ |
|||
#userbox-container { |
|||
max-width: 100%; |
|||
} |
|||
@media screen and (min-width: 550px) { |
|||
#userbox-container { |
|||
max-width: 40%; |
|||
} |
|||
} |
|||
@media screen and (min-width: 850px) { |
|||
#userbox-container { |
|||
max-width: 30%; |
|||
} |
|||
} |
|||
@media screen and (min-width: 1340px) { |
|||
#userbox-container { |
|||
max-width: 20%; |
|||
} |
|||
} |
|||
h1 { |
|||
/* this removes the license field on the file upload interface */ |
|||
color: darkred; |
|||
.mw-htmlform-field-Licenses, |
|||
.mw-upload-editlicenses { |
|||
display: none; |
|||
} |
|||
/* hide potentially sensitive data on file pages */ |
|||
#mw_metadata .exif-gpslatitude, |
|||
#mw_metadata .exif-gpslongitude, |
|||
#mw_metadata .exif-artist { |
|||
display: none; |
|||
} |
} |
Revision as of 18:02, 16 March 2024
#content { background-color: #facbaf; }
#summary { background-color: #facbaf; }
#mw-panel { background-color: #facbaf; }
#p-tb-label { background-color: #ffe1cf; }
#footer { background-color: #ffe1cf; }
#firstHeading { color: black; }
#Heading { color: darkred; }
#catlinks { background-color: #ffe1cf; }
#mw-head-base { background-color: #ffe1cf; }
#mw-header { background-color: #ffe1cf; }
#mw-header-container { background-color: #a17050; }
}
body {background:#ffe1cf;}
/* CSS placed here will be applied to all skins */
/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
background: #ffe1cf;
}
#content { background-color: #ffe1cf; }
body {
color: black;
}
p {
color: black;
}
links {
color: darkred;
}
#mw-content-container {
background: #fcc8a9;
border-bottom: solid 4px #00af89;
background-repeat: no-repeat;
background-position: center 10em;
background-size: 100% 100%
}
#mw-content {
background: #f8f9fa;
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
padding: 1.25em 1.75em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
background: #ffe1cf;
padding: 1em 2em 3em;
}
a[href] {
color: darkred;
}
/********* Portable infobox theme *********/
.portable-infobox {
--pi-border-color: #754836;
border: 2px solid #754836;
border-radius: 8px;
padding: 6px;
font-size: 12px;
background-color: #cfa07c;
line-height: 1.5;
width: 20em;
}
.portable-infobox .pi-data,
.portable-infobox .pi-group {
border: "333333;
}
.portable-infobox .pi-header {
background-color: #754836;
text-align: center;
color: black;
width: 50em;
}
.portable-infobox .pi-navigation {
background-color: #bd875e;
font-size: 12px;
text-align: center;
text-color: darkred;
}
.portable-infobox .pi-title {
background: #754836;
border: 1px solid;
border-color: var(--theme-box-border-color-inner);
border-radius: var(--theme-box-border-radius-inner);
text-align: center;
}
.portable-infobox .pi-title {
font-weight: bold;
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
text-align: center;
}
.pi-image-thumbnail {
max-width: 270px;
max-width: var(--pi-width);
height: auto;
text-align: center;
}
.mw-body h2 {
font-size: 1.8em;
border-bottom: solid 2px #c8ccd1;
background: darkred;
}
.header-container.header-firefox, footer, .navbox, .navbox-subgroup{ background-color: #ffffff; }
#content { color: #ffffff; }
#content h2 { color: darkred; }
#content h3 { color: darkred; }
#content h4 { color: darkred; }
h1 {
color: darkred;
}