Difference between revisions of "MediaWiki:Raposadark.css"
From Drawn to Life Wiki
Line 503: | Line 503: | ||
@media only screen and (max-width: 604px){#p-logo{left: 28.5vw;} | @media only screen and (max-width: 604px){#p-logo{left: 28.5vw;} | ||
@media only screen and (max-width: 496px){li#pt-watchlist{display: none} | @media only screen and (max-width: 496px){li#pt-watchlist{display: none} | ||
+ | |||
+ | |||
+ | /* Structured Discussions */ | ||
+ | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder | ||
+ | { | ||
+ | color: #fff; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .oo-ui-textInputWidget .oo-ui-inputWidget-input | ||
+ | { | ||
+ | background-color: #7a73b94d; | ||
+ | } | ||
+ | .flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) | ||
+ | { | ||
+ | background-color: #7a73b94d; | ||
+ | } | ||
+ | .flow-ui-editorWidget-editor | ||
+ | { | ||
+ | border: 1px solid #7576ad; | ||
+ | } | ||
+ | .flow-topic-titlebar | ||
+ | { | ||
+ | background-color: #7a73b9; | ||
+ | } | ||
+ | .flow-topic-meta | ||
+ | { | ||
+ | color: #e6cce8; | ||
+ | } | ||
+ | .flow-post | ||
+ | { | ||
+ | color: white; | ||
+ | } | ||
+ | .mw-ui-anchor.mw-ui-progressive.mw-ui-quiet | ||
+ | { | ||
+ | color: #c39ce6; | ||
+ | } | ||
+ | @media (min-width: 1165px) { | ||
+ | .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before | ||
+ | { | ||
+ | background-color: #7a73b94d; | ||
+ | } | ||
+ | } | ||
+ | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button | ||
+ | { | ||
+ | color: #ffffffd4; | ||
+ | } |
Revision as of 14:00, 15 February 2024
/* All CSS here will be loaded for users of the RaposaDark skin */ .Imbox { background: #443e69 !important; } .Page_SubTitle { position: absolute; top: -3em; right: 0em; font-family: 'ARCO'; } #pagehistory li.selected { background-color: #f8f9fa42; } .diff-addedline .diffchange { background: #d8ecff; color: #414141; } .diff-deletedline .diffchange { background: #feeec8; color: #414141; } .diff-context { background: #e4ddff; } .mw-body .firstHeading { font-family: 'ARCO'; } .portal h3, .raposadark-menu-portal h3 { color: #ebe9f2; } #toc { background-color: #836ec633; border-radius: 5px; border: 1px solid #836ec6; } #p-logo { top: -11.5em; left: 46.5vw; margin-left: -9.5em; position: absolute; transform: scale(0.8); } #p-logo a { width: 31em; height: 13em; transition: filter 0.3s, height 0.2s; } #p-logo a:hover { filter: brightness(1.2); } #p-logo a:active { height: 14.5em; } body { background: #79c1f7; background-image: url('/w/images/0/0b/WikiBackgroundDark.png'); background-attachment: fixed; background-size: cover; } .mw-body,.parsoid-body { background-color: rgba(52, 49, 78, 0.96); color: #ebe9f2; } #mw-head-base { height: 16.4em; } #mw-head { top: 9.7em; } .mw-body { padding: 4.5em 1.5em 1.5em; border-radius: 10px; border: 3px solid #836ec6; margin-right: 2em; margin-left: 14em; box-shadow: #0000003b 0 0 4px; } .catlinks { border-radius: 6px; background-color: #836ec633; border: 1px solid #836ec6; } div.thumbinner { background: #f8f9fa; border: solid #eaecf0; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 1px 1px 0.2em; padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); padding: 0.75em; margin-left: auto; margin-right: auto; overflow: hidden; } .mw-body-content p { margin: 1.2em 0; } #p-personal { right: 0; top: 0; position: fixed; width: 100%; background-color: rgba(6, 21, 49, 0.8); height: 23px; box-shadow: #000c 0 0 5px; backdrop-filter: blur(5px); } h1, h2, h3, h4, h5, h6 { color: #fff; } #p-personal ul { float: right; padding-right: 10px; padding-left: 0; } #mw-page-base { display: none; } #pt-login a,#pt-userpage a { color: #80f139; } #pt-betafeatures a,#pt-mycontris a,#pt-mytalk a,#pt-mytalk a.new,#pt-mytalk a.new:visited,#pt-preferences a,#pt-watchlist a,.raposadark-menu-content-list a { color: #73e4fb; } #pt-anonuserpage,#pt-logout a { color: #f49f0b; } #mw-panel { top: 11.35em; background-color: rgba(52, 49, 78, 0.96); border: 3px solid #836ec6; box-shadow: #0000003b 0 0 4px; margin-left: 2em; border-radius: 10px; } #mw-panel:after { position: absolute; content: ""; height: 3.1em; width: 1px; } .portal .body li a,.portal .body li a:visited,.raposadark-menu-portal .body li a,.raposadark-menu-portal .body li a:visited { color: #df9afd; transition: 0.3s; } .portal .body li a:hover,.portal .body li a:visited:hover,.raposadark-menu-portal .body li a:hover,.raposadark-menu-portal .body li a:visited:hover { color: #e49202; } #p-Donate .raposadark-menu-content { font-weight: bold; } #p-Navigation-label { border-bottom: 0.3rem solid #b24408; border-radius: 5px; background: #e49202; color: white; font-weight: bold; text-align: center; line-height: 2.35em; margin-top: 1em; height: 2em; width: 87%; } #p-namespaces { margin-left: 4.4em; } .raposadark-menu-tabs .selected { background-image: none; background: #72b531; margin: 5px 2px 0; border-radius: 5px; border-bottom: 0.3rem solid #3b7e0e; height: 2em; transition: 0.3s; } .raposadark-menu-tabs .selected:hover { margin: 5px 2px 0; background: #94c231; border-bottom: 0.3rem solid #6a9c0c; } .raposadark-menu-tabs .selected:active { margin: 5px 2px 0; background: #72b531; border-bottom: 0.3rem solid #3b7e0e; } .raposadark-menu-tabs .selected a,.raposadark-menu-tabs .selected a:visited { color: #fff; font-weight: bold; } .raposadark-menu-tabs li a { padding-top: 0.5em; } #mw-head .raposadark-menu-dropdown h3,.raposadark-menu-tabs,.raposadark-menu-tabs a { background-image: none; } .raposadark-menu-tabs li { background-image: none; background: #5aa7e2; border-bottom: 0.3rem solid #254a8f; margin: 5px 2px 0; border-radius: 5px; height: 2em; transition: background 0.3s, border-bottom 0.3s, margin 0.1s; } .raposadark-menu-tabs li:hover { background: #5cbee8; border-bottom: 0.3rem solid #2972a3; } .raposadark-menu-tabs li:active { margin: 7px 2px 0; background: #5aa7e2; border-bottom: 0.3rem solid #254a8f; } .raposadark-menu-tabs li a:hover { text-decoration: none; } .raposadark-menu-tabs li a:focus { text-decoration: none; } .raposadark-menu-tabs .new a,.raposadark-menu-tabs .new a:visited { color: white; font-weight: bold; } .raposadark-menu-tabs li a { color: white; font-weight: bold; } .raposadark-menu-dropdown h3 { color: white; font-weight: bold; } .raposadark-menu-dropdown h3:focus,.raposadark-menu-dropdown h3:hover { color: white; } .raposadark-menu-dropdown { line-height: 0.125em; background: #e49202; margin: 5px 2px 0; border-radius: 5px; border-bottom: 0.3rem solid #b24408; height: 2em; transition: 0.3s; } .raposadark-menu-dropdown:hover { background: #f1ad00; border-bottom: 0.3rem solid #c36f08; } .raposadark-menu-dropdown:active { background: #f1ad00; border-bottom: 0.3rem solid #c36f08; } .raposadark-menu-dropdown h3::after { background-image: url("/w/images/e/e5/Arrow-down-white.png"); background-image: linear-gradient(transparent,transparent),url(/w/images/5/53/Arrow-down-white.svg); top: -0.231em; } .raposadark-menu-tabs #ca-unwatch.icon a::before { background-image: linear-gradient(transparent,transparent),url(/w/skins/raposadark/resources/skins.raposadark.styles/images/watch-icon.svg?257a2); } .raposadark-menu-tabs #ca-watch.icon a::before { background-image: linear-gradient(transparent,transparent),url(/w/images/f/f7/Unwatch-icon-mono.svg); } .raposadark-menu-tabs .mw-watchlink.icon a::before { top: 0.6em; left: 0.45em; } .mw-body a.new,.mw-body a.new:visited { color: #bd2020; transition: 0.3s; } .mw-body a:focus,.mw-body a:hover { text-decoration: underline; color: #e49202 !important; } .mw-body a,.mw-body a:visited,.mw-parser-output a.external,.mw-parser-output a.external:visited,.mw-parser-output a.extiw,.mw-parser-output a.extiw:visited { color: #df9afd; transition: 0.3s; } #searchInput { border-radius: 5px; d height: 2.6em; } #p-search { margin-right: 3.5em; } a.new { color: #bd2020; } #pt-notifications-alert { filter: invert(1); } #pt-notifications-notice { filter: invert(1); } .rpush { height: 50px; } .rfooter { background: rgba(6, 21, 49, 0.8); position: fixed; bottom: 0; width: 100%; height: 26px; box-shadow: #000c 0 0 5px; backdrop-filter: blur(4px); } #footer-info li { color: white; } #footer-places a,#footer-places a:hover,#footer-places a:visited { color: white; } #footer { position: fixed; bottom: -22px; } #footer-info { position: fixed; left: 210px; bottom: -3px; } #footer-places { position: fixed; bottom: -7px; right: 40px; } #footer-poweredbyico { display: none; } @media only screen and (max-width: 1020px) { #footer-info li { display: none; } } @media only screen and (max-width: 702px) { .raposadark-menu-tabs .selected { display: none; } } @media only screen and (max-width: 900px) { #mw-panel .portal-first { display: none; } #mw-panel { border: none; box-shadow: none; background-color: none; } .portal,.raposadark-menu-portal { display: none; } .mw-body { margin-right: 0; margin-left: 0; } #left-navigation { margin-left: 13em !important; } #right-navigation { margin-right: -3.3em; } .raposadark-menu-tabs .selected { display: inherit; } #pt-betafeatures { display: none; } #footer-places { font-size: 0.9em; } #p-namespaces { margin-left: -11.6em; } #p-logo { left: 32.5vw; } .raposadark-menu-dropdown h3::after { display: none; } .raposadark-menu-dropdown { width: 51px; } } .InfoboxGeneric { background-color: rgba(228, 225, 239, 0.13) !important; } .editOptions { background-color: #a3a1ad; } #msupload-div { background: #a3a1ad; } .wikiEditor-ui-toolbar { background-color: #cfced5; } .wikiEditor-ui-toolbar .group { border-color: #b8b7c2; } pre, .mw-code { background-color: #d4c8da; } #searchInput::placeholder { color: #dbdfe4; } #searchInput { background-color: rgba(255, 255, 255, 0.32); } li.gallerybox div.thumb { background-color: rgba(248, 249, 250, 0.1); } @media only screen and (max-width: 900px){#searchInput::placeholder{opacity:0}@media only screen and (max-width: 900px){#right-navigation{margin-right: 0}@media only screen and (max-width: 900px){#p-search{margin-right: 1.5em}@media only screen and (max-width: 900px){.rpush{height: 25px}@media only screen and (max-width: 900px){.mw-body{border-radius: 10px 10px 0 0} @media only screen and (max-width: 900px){#p-logo{left: 38vw;} @media only screen and (max-width: 604px){#p-logo{left: 28.5vw;} @media only screen and (max-width: 496px){li#pt-watchlist{display: none} /* Structured Discussions */ .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: #fff; opacity: 1; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: #7a73b94d; } .flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) { background-color: #7a73b94d; } .flow-ui-editorWidget-editor { border: 1px solid #7576ad; } .flow-topic-titlebar { background-color: #7a73b9; } .flow-topic-meta { color: #e6cce8; } .flow-post { color: white; } .mw-ui-anchor.mw-ui-progressive.mw-ui-quiet { color: #c39ce6; } @media (min-width: 1165px) { .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before { background-color: #7a73b94d; } } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #ffffffd4; }