MediaWiki:Vector.css: Difference between revisions

From Cheese-E-Pedia
Content added Content deleted
No edit summary
(Changed title color)
 
(58 intermediate revisions by 2 users not shown)
Line 1: Line 1:
@media screen, projection {
div#content {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 2;
}


li
.mw-search-profile-tabs {
{
background-color: #344c81;
background-color: #1e2c4c00;
color: #FFFFFF!important;
border: none;
}
}


.mw-parser-output .ts-doc-footer {
background-color: #344c81;
}


.mw-page-container {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 0;
}



.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content,
.vector-toc,
.vector-main-menu,
.mw-page-container,
.vector-feature-zebra-design-disabled .vector-header-container,
.vector-feature-zebra-design-disabled .mw-page-container,
.vector-feature-zebra-design-disabled body,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content,
.mw-sidebar {
.mw-sidebar {
background: #1e2c4c;
padding: 0 1em 1.5em 1em;
color: #FFF;
background: #1e2c4c;
line-height: 1.5em;
color: #FFF;
border: 1px solid #344c81;
line-height: 1.5em;
position: relative;
z-index: 0;
}
}



.oo-ui-popupWidget-popup {

background-color: #2a4b8d;
.vector-page-titlebar {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
}


/* Hiding specific elements */
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
.mw-category-generated,
background-color: #344c81;
.mw-page-title-namespace,
.mw-page-title-separator,
.mw-sidebar-action,
.mw-editsection,
#p-tb,
.mw-body-subheader {
display: none;
}
}


#toc ul ul,
#simpleSearch input, #wpSummary, .createboxInput {
.toc ul ul {
background-color: #344c81;
color: white;
margin: 0 0 0 1em;
}
}


div.toc ul li:hover,
.sidebar-toc {
#p-cactions ul li:hover {
background-color: #1e2c4c;
list-style-image: none !important;
color: white;
}
}


#toc .toctoggle,
.oo-ui-tabSelectWidget-framed {
.toc .toctoggle {
background-color: #1e2c4c;
font-size: 100%;
}
}



.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
#content h1 {
background-color: #344c81;
color: #fff;
font-size: 3em;
}
}


#vector-page-tools-pinned-container .vector-page-tools:after,
.oo-ui-tabOptionWidget {
#vector-toc-pinned-container .vector-toc:after
color: #ffffff;
{
background: linear-gradient(rgba(255,255,255,0),#1e2c4c);
}
}

.oo-ui-popupWidget-popup {
body {
background-color: #1e2c4c;
background-color: #2a4b8d;
color: #FFFFFF;
}
}


.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
.ve-ui-mwGalleryDialog-highlighted-image {
background-color: #1e2c4c;
background-color: #344c81;
}
}



.vector-sticky-header {
/* Rounded Corners */
background-color: #1e2c4c;
.pBody,
div#content,
.toc {
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}
}


/* User Notification Thing */
#mw-page-base { background: none; }
.usermessage {
background-color: #394A5C;
border: 1px solid #96e1ff;
color: #FFFFFF;
}



/* general styles */
body,
ul,
table, table.wikitable {
lo,
background: #1e2c4c;
table.wikitable,
color: #FFF;
table.prettytable,
pre,
code,
cdx-menu-item,
mw-code,
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:Audio/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption,
figure[typeof~='mw:Audio/Frame'] > figcaption,
#content h1{
background-color: #1e2c4c;
color: #FFFFFF;
border: none;
}
}




/* Thumbnails */
div.thumb div,
div.gallerybox div.thumb {
border: 1px solid #344c81;
}


div.thumb div {
.oo-ui-icon-bell, .mw-ui-icon-bell:before {
padding: 3px !important;
filter: invert(1);
background-color: #1e2c4c;
font-size: 94%;
text-align: center;
overflow: hidden;
}
}

.oo-ui-icon-tray, .mw-ui-icon-tray:before {
div.gallerytext {
filter: invert(1);
font-size: smaller;
text-align: center;
background-color: inherit;
border: none;
}
}

.mw-ui-icon-wikimedia-watchlist:before {

filter: invert(1);
sidebar-toc-text,
mw-footer-container,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
color: #96e1ff;
}
}

.mw-ui-icon-wikimedia-userAvatar:before {
/* Specific Styling */
filter: invert(1);
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: #1e2c4c;
}
}

#mw-sidebar-button:before {
.mw-search-profile-tabs {
filter: invert(1);
background-color: #344c81;
}
}


.vector-menu-tabs .mw-list-item.selected a,
/* Links */
.vector-menu-tabs .mw-list-item.selected a:visited {
a {
color: #96e1ff;
color: #96e1ff;
}
}

/* Visited (=clicked) links */
.mw-parser-output .ts-doc-footer {
a:visited {
color: #4070D0;
background-color: #344c81;
}
}

.tabber__tab {
.ve-ui-mwSaveDialog-license {
color: #66bbff;
color: #ffffff;
}
}

.tabber__tab:visited {
.ve-ui-mwSaveDialog-options {
color: #66bbff;
background-color: #36c;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
color: #96e1ff;
background-color: #36c;
color: #ffffff;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.vector-menu-portal .vector-menu-heading {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
color: #ffffff;
background-color: #447ff5;
border-color: #ffffff;
}
}


#simpleSearch input,
vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited
#wpSummary,
{
.createboxInput {
color: #96e1ff;
background-color: #344c81;
color: white;
}
}

.sidebar-toc {
a.stub {
color: #66FFCC;
background-color: #1e2c4c;
color: white;
}
}

.oo-ui-tabSelectWidget-framed,
a.new, #p-personal a.new {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
color: #DD5010 !important;
.oo-ui-tabOptionWidget {
background-color: #1e2c4c;
color: #ffffff;
}
}

.ve-ui-mwGalleryDialog-highlighted-image {
a.new:visited, #p-personal a.new:visited {
color: #DD5010 !important;
background-color: #1e2c4c;
}
}

.vector-sticky-header {
h1, h2, h3, h4, h5, h6 {
color: #96e1ff;
background-color: #1e2c4c;
}
}

#mw-page-base {
background: none;
fieldset {
border: 1px solid #AAAAAA;
}
}

/* Link Styling */
legend {
a {
background: #1e2c4c;
color: #96e1ff;
}
}

a:visited {
color: #4070D0;
abbr, acronym, .explain {
color: #FFFFFF;
}
}

.tabber__tab,
code {
.tabber__tab:visited {
background-color: #1e2c4c;
color: #FFFFFF;
color: #66bbff;
}
}

.tabber__tab[aria-selected='true'],
pre {
.tabber__tab[aria-selected='true']:visited {
border: 1px dashed #AAAAAA;
color: #FFFFFF;
color: #96e1ff;
background-color: #2d4271;
}
}

.vector-menu-portal .vector-menu-heading {
#contentSub, #contentSub2 {
color: #888888;
color: #ffffff;
}
}

/* Wikitable background fix to make the text readable */
.firstHeading {
.wikitable,
margin-bottom: .1em;
.wikitable th,
.mw-datatable td {
background-color: transparent !important;
}
}

/* user notification thing */
/* Error Styling */
.usermessage {
background-color: #394A5C;
border: 1px solid #96e1ff;
color: #FFFFFF;
text-align: center;
}
.error {
.error {
color: #FF0000;
color: #FF0000;
}
}

.errorbox {
.errorbox {
border-color: #660000;
border-color: #660000;
background-color: #401F22;
background-color: #401F22;
color: #FF0000;
color: #FF0000;
}
}

.successbox {
.successbox {
border-color: #96e1ff;
border-color: #96e1ff;
background-color: #394A5C;
background-color: #394A5C;
}
}

/* Content Styles */
/* Category portlet at the bottom of every page that has categories */
#catlinks {
background-color: #1e2c4c;
background-image: url(http://images.shoutwiki.com/fi.darth/a/a8/DarthDarthBinksCategory.png);
background-repeat: no-repeat;
background-position: center right;
padding-right: 50px;
}
/*
** content styles
*/
#toc,
#toc,
.toc,
.toc,
.mw-warning {
.mw-warning {
background-color: #1e2c4c;
background-color: #1e2c4c;
}
}

#toc #toctitle,
#toc #toctitle,
.toc #toctitle,
.toc #toctitle,
#toc .toctitle,
#toc .toctitle,
.toc .toctitle {
.toc .toctitle {
background-color: transparent;
background-color: transparent;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 1em;
}
}


#mw-searchoptions {
div.toc ul li:hover,
background-color: transparent;
#p-cactions ul li:hover {
list-style-image: none !important;
}
}


#toc .toctoggle,
.toc .toctoggle {
font-size: 100%;
}
/* Additional TOC formatting */
li.toclevel-1 {
border-top: 1px solid #555555;
}
.toc a,
#toc a {
text-decoration: none;
}
/* thumbnails */
/* see ADDITIONS for "table div.thumb" */
div.thumb {
border-color: #1e2c4c;
}
div.thumb div {
border: 1px solid #AAAAAA;
padding: 3px !important;
background-color: #1e2c4c;
font-size: 94%;
text-align: center;
overflow: hidden;
}
div.thumb div a img {
border: none;
}
div.thumb div div.thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: .3em 0 .1em 0;
color: #ffffff;
}
div.tright {
margin-left: 0.75em;
margin-right: 0em;
}
div.tleft {
float: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
margin-left: 0em;
margin-right: 0.75em;
}
/* Page history styling */
#pagehistory span.user {
margin-left: 1.4em;
margin-right: .4em;
}
#pagehistory li {
border: 1px solid #1e2c4c;
}
#pagehistory li.selected {
background-color: #1e2c4c;
color: white;
}


.mw-list-item.selected a
{
color: #96e1ff;
}
/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #1e2c4c;
}
td.diff-addedline {
background: #000033;
}
td.diff-deletedline {
background: #330000;
}
td.diff-context {
background: #1e2c4c;
}
span.diffchange {
color: #96e1ff;
font-weight: bold;
text-decoration: underline;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #96e1ff;
}
#bodyContent a.external {
color: #96e1ff;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet h6 {
border: 1px solid #AAAAAA;
}
.pBody {
background-color: #1e2c4c;
color: #FFFFFF;
border: 1px solid #AAAAAA;
}


/* this is the ul contained in the portlet */
#p-personal ul {
color: #AAAAAA;
text-transform: lowercase;
}
#p-personal li {
color: #AAAAAA;
}
#p-personal li.active {
font-weight: bold;
}
#p-personal li a {
color: #96e1ff;
}
#p-personal li:hover {
list-style-image: none;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage a,
li#pt-anonuserpage {
background: url(http://images.shoutwiki.com/fi.darth/5/54/User-icon.png) bottom left no-repeat;
}


/*
** footer
*/
#footer li {
color: white
}
#footer li:hover {
list-style-image: none;
}
/* hide from incapable browsers */
head:first-child+body #footer li {
white-space: normal; /* was: nowrap */
}
/* js pref toc */
#preftoc li {
background-color: #f0f0f0;
color: #000;
border: 1px solid #1e2c4c;
}
#preftoc li.selected {
background-color: #1e2c4c;
border: 1px solid #AAAAAA;
}


#preferences {
border: none;
padding: 0;
margin: 0;
background-color: #1e2c4c;
}


#preferences legend {
color: #96e1ff;
}


#preferences .oo-ui-labelElement-label {
color: inherit;
}


.prefsection table, .prefsection legend {
background-color: #222;
}


div.prefsectiontip {
font-size: 95%;
margin-top: 0;
background-color: #394A5C;
border: 1px solid #96e1ff;
padding: .2em .7em;
clear: both;
}


/* Login form (Special:UserLogin) */
/* Stripes added 2024-05-25 */
.vector-main-menu-action.vector-main-menu-action-opt-out{
div#userloginForm form,
div#userlogin form#userlogin2 {
background-color: #222;
}
div#userloginForm table,
div#userlogin form#userlogin2 table {
background-color: #222;
}
div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
div#userlogin .captcha {
width: 400px;
background-color: #1e2c4c;
}
#login-emailforlost {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
.not-patrolled {
background-color: #330000;
}
span.unpatrolled {
color: #FFF;
}
span.searchmatch {
color: red;
}
span.newpageletter {
font-weight: bold;
color: #FFF;
background-color: yellow;
}
span.minoreditletter {
color: #FFF;
background-color: #c5ffe6;
}
/* Galleries */
table.gallery {
border: 1px solid #344c81;
margin: 2px auto 2px auto;
background-color: #222;
}
table.gallery tr {
background-color: #222;
}
table.gallery td {
background-color: #222;
border: none;
margin: 2px;
}
div.gallerybox {
width: 150px;
border: none;
background-color: inherit;
}
div.gallerybox div.thumb {
border: 1px solid #344c81;
}
div.gallerytext {
font-size: smaller;
text-align: center;
background-color: inherit;
border: none;
}
.editExternally {
background-color: #1e2c4c;
}
/* Classes for EXIF data display */
table.mw_metadata th {
background-color: #222;
}
table.mw_metadata td {
background-color: transparent;
}
/* filetoc */
ul#filetoc {
background-color: #222;
}
#editform .editOptions {
color: white;
background-color: transparent;
}
/* Classes for article validation */
tr.revision_tr_default {
background-color: #1e2c4c;
}
/* AllMessages table */
#allmessagestable th {
background-color: #222;
}
#allmessagestable tr.orig {
background-color: #1e2c4c;
}
#allmessagestable tr.new {
background-color: #401F22;
}
#allmessagestable tr.def {
background-color: #394A5C;
}
/* noarticletext */
div.noarticletext {
border: none;
background: #1e2c4c;
color: #FFF;
}
div#searchTargetContainer {
background: #1e2c4c;
}
/***********************************************************
Additional formatting
***********************************************************/
/* Misc. */
#siteSub {
display: block !important;
margin-top: -5px;
font-size: smaller;
color: #FFFFFF;
font-style: italic;
}
/* HACK:Prevent #siteSub from showing up in ns:102 (see Common.css)--CID, 2006-09-10
** Prevent #ca-talk from showing up in ns:100 (see Common.css)--CID, 2006-09-12
*/
.ns-102 * #siteSub,
.ns-100 * li#ca-talk {
display: none !important;
display: none !important;
}
}

.vector-feature-zebra-design-disabled .vector-pinnable-element > *:not(:last-child), .vector-feature-zebra-design-disabled .vector-dropdown-content > *:not(:last-child) {
div.fullImageLink {
text-align: center;
border-bottom: none;
}
}

div.fullMedia {
.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
text-align: center;
background: none;
border: 1px solid #AAAAAA;
background-color: #1e2c4c;
padding: 5px;
font-size:smaller;
margin: 0.5em 0;
}
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading, .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
#bodyContent div.noicon a {
color: #ff9c00;
background: none;
font-weight: bold;
padding: 0;
}
/* Tables generally have #222 as bg color */
table div.thumb {
border-color: #222;
}
/* Make "credits" line in div#footer wrap like it should */
li #credits {
white-space: normal !important;
}
/* editcount table */
#editcount table {
background-color: transparent !important;
}
/* Overriding some search formatting */
.searchfragment {
color: #FFF;
}
/***********************************************************
** This is for the forum-function (in Ten Forward)
** Florian 2006-04-14
** imported from MA/de by Kobi 2006-05-13
*/
.forum_title a.forum_new {
font-weight: bold;
/*background: url("/en/images/c/cc/Ma_forum_new.gif") center left no-repeat;*/
padding-left: 20px;
}
.forum_title a.forum_new:visited {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumheader {
background-color: #800000;
color: #BBBBBB;
}
} /* closes @media screen, projection at the very start of this page */
/***********************************************************
** FIX: Fixing [[Special:Imagelist]] table colors
** -- Cid, 2007-03-28
*/
.TablePager, .TablePager td, .TablePager th {
border-color: #AAA;
}
.TablePager th { background-color: #1e2c4c; }
.TablePager td { background-color: transparent; } /* Jack */
.TablePager tr:hover td { background-color: transparent; } /* Jack */
.imagelist .TablePager_col_links { background-color: #1e2c4c; }
.imagelist th.TablePager_sort { background-color: #1e2c4c; }
/* changing the colors of various classes to better fit the skin */
.toccolours {
background-color: #777;
}
.portlet h5 {
background-color: #600;
border: 1px solid #600;
}
ul {
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png");
}
ul li:hover {
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png");
}
.portlet ul {
list-style-image: url("http://images.shoutwiki.com/fi.darth/c/ca/Bullet1.png");
}
.portlet ul li:hover {
list-style-image: url("http://images.shoutwiki.com/fi.darth/d/d5/Bullet2.png");
}
/* Standard style for switchbox stuff */
#p-search select,
#p-search input[type="text"] {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#p-search select {
width: 11.2em;
}
#p-search input[type="submit"] {
margin-top: 1px;
font-size: 95%;
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#p-search input[type="submit"] + input[type="submit"] {
font-weight: normal;
}
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-label {
color: #ff9c00;
/* rounded corners */
font-weight: bold;
.pBody {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
-moz-border-radius-bottomright: 0.5em;
padding: 0.1em 0.1em;
}
}


.mw-page-title-main {
div#content {
color: #ff9c00;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
}
}


.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
.toc {
color: #96e1ff;
border-radius: 0.5em;
font-weight: bold;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}
}


.vector-feature-zebra-design-disabled .vector-toc {
div.gallerybox div.thumb:hover, div.gallerybox div.thumb div:hover {
background-color: #1e2c4c;
background: none;
}
}


.vector-dropdown-label-text {
/* Fixes for Special:Interwiki */
color: #96e1ff;
body.page-Toiminnot_Interwiki table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background: #006400;
}
body.page-Toiminnot_Interwiki code {
background-color: #F9F9F9;
}
/* Wikitable background fix to make the text readable */
.wikitable, .wikitable th, .mw-datatable td {
background-color: transparent !important;
}
/* Make diffs readable / Tee eroavaisuussivuista luettavia */
td.diff-context {
color: #FFF;
}
td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
background-color: transparent !important;
}
}


.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
div#mw-panel a, div#mw-panel a:visited {
color: #96e1ff !important;
background: none !important;
}
}


.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
div#mw-panel li:hover {
color: #3366cc;
list-style-image: none;
}
}


.vector-icon, .vector-dropdown-label::after{
div.vectorTabs {
-webkit-filter: invert(100%)!important; /* safari 6.0 - 9.0 */
background-image: none;
filter: invert(100%)!important;
padding-left: 0px;
border: 1px solid #344c81;
border-left: 0px;
}
}


.vector-icon.mw-ui-icon-wikimedia-exitFullscreen, .vector-icon.mw-ui-icon-wikimedia-fullScreen{
div.vectorTabs span {
filter: contrast(1) !important;
background-image: none;
border-left: 1px solid #344c81;
}
}


.vector-menu-tabs .mw-list-item .cdx-button--icon-only {
div.vectorTabs ul li {
margin: 6px 0 0;
background-color: #1e2c4c;
background-image: none;
}
}


#simpleSearch input, #wpSummary, .createboxInput {
div.vectorTabs ul li.selected {
background-color: #1e2c4c;
background-color: white;
color: #72777D;
background-image: none;
}
}


.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content {
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #96e1ff;
color: #96E1FF;
}
}


.results-info {
/* Tuoreiden muutosten infolaatikon teksti näkyviin */
color: white;
.mw-changeslist-legend {
background-color: #1e2c4c !important;
}
}


.search-types .current a {
/* Tiedostohistorian taulukon otsikot näkyviin */
color: white;
.filehistory th {
background-color: #1e2c4c !important;
}
}


.mw-advancedSearch-namespace-selection {
/* Tekstikenttien tyyli paremmin vastaamaan muuta ulkoasua */
color: black;
#simpleSearch input, #wpSummary, .createboxInput {
background-color: #0c0c0e;
color: white;
}
}


.mw-advancedSearch-fieldContainer {
.editOptions .oo-ui-labelElement-label {
color: white;
color: black;
}
}

Latest revision as of 21:29, 27 May 2024

li
{
  background-color: #1e2c4c00;
  color: #FFFFFF!important;
  border: none;
}




.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content,
.vector-toc,
.vector-main-menu,
.mw-page-container,
.vector-feature-zebra-design-disabled .vector-header-container,
.vector-feature-zebra-design-disabled .mw-page-container,
.vector-feature-zebra-design-disabled body,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content,
.mw-sidebar {
  background: #1e2c4c;
  color: #FFF;
  line-height: 1.5em;
}



.vector-page-titlebar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

/* Hiding specific elements */
.mw-category-generated,
.mw-page-title-namespace,
.mw-page-title-separator,
.mw-sidebar-action,
.mw-editsection,
#p-tb,
.mw-body-subheader {
  display: none;
}

#toc ul ul,
.toc ul ul {
  margin: 0 0 0 1em;
}

div.toc ul li:hover,
#p-cactions ul li:hover {
  list-style-image: none !important;
}

#toc .toctoggle,
.toc .toctoggle {
  font-size: 100%;
}


#content h1 {
     font-size: 3em;
}

#vector-page-tools-pinned-container .vector-page-tools:after,
#vector-toc-pinned-container .vector-toc:after
{
    background: linear-gradient(rgba(255,255,255,0),#1e2c4c);
}

.oo-ui-popupWidget-popup {
  background-color: #2a4b8d;
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
  background-color: #344c81;
}


/* Rounded Corners */
.pBody,
div#content,
.toc {
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}

/* User Notification Thing */
.usermessage {
  background-color: #394A5C;
  border: 1px solid #96e1ff;
  color: #FFFFFF;
}


body,
ul,
lo,
table.wikitable,
table.prettytable,
pre,
code,
cdx-menu-item,
mw-code,
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:Audio/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption,
figure[typeof~='mw:Audio/Frame'] > figcaption,
#content h1{
  background-color: #1e2c4c;
  color: #FFFFFF;
  border: none;
}


/* Thumbnails */
div.thumb div,
div.gallerybox div.thumb {
  border: 1px solid #344c81;
}

div.thumb div {
  padding: 3px !important;
  background-color: #1e2c4c;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}

div.gallerytext {
  font-size: smaller;
  text-align: center;
  background-color: inherit;
  border: none;
}


sidebar-toc-text,
mw-footer-container,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
  color: #96e1ff;
}

/* Specific Styling */
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
  background: #1e2c4c;
}

.mw-search-profile-tabs {
  background-color: #344c81;
}

.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
  color: #96e1ff;
}

.mw-parser-output .ts-doc-footer {
  background-color: #344c81;
}

.ve-ui-mwSaveDialog-license {
  color: #ffffff;
}

.ve-ui-mwSaveDialog-options {
  background-color: #36c;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #36c;
  color: #ffffff;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
  background-color: #447ff5;
  border-color: #ffffff;
}

#simpleSearch input,
#wpSummary,
.createboxInput {
  background-color: #344c81;
  color: white;
}

.sidebar-toc {
  background-color: #1e2c4c;
  color: white;
}

.oo-ui-tabSelectWidget-framed,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget {
  background-color: #1e2c4c;
  color: #ffffff;
}

.ve-ui-mwGalleryDialog-highlighted-image {
  background-color: #1e2c4c;
}

.vector-sticky-header {
  background-color: #1e2c4c;
}

#mw-page-base {
  background: none;
}

/* Link Styling */
a {
  color: #96e1ff;
}

a:visited {
  color: #4070D0;
}

.tabber__tab,
.tabber__tab:visited {
  color: #66bbff;
}

.tabber__tab[aria-selected='true'],
.tabber__tab[aria-selected='true']:visited {
  color: #96e1ff;
}

.vector-menu-portal .vector-menu-heading {
  color: #ffffff;
}

/* Wikitable background fix to make the text readable */
.wikitable,
.wikitable th,
.mw-datatable td {
  background-color: transparent !important;
}

/* Error Styling */
.error {
  color: #FF0000;
}

.errorbox {
  border-color: #660000;
  background-color: #401F22;
  color: #FF0000;
}

.successbox {
  border-color: #96e1ff;
  background-color: #394A5C;
}

/* Content Styles */
#toc,
.toc,
.mw-warning {
  background-color: #1e2c4c;
}

#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
  background-color: transparent;
}

#mw-searchoptions {
  background-color: transparent;
}










/* Stripes added 2024-05-25 */
.vector-main-menu-action.vector-main-menu-action-opt-out{
	display: none !important;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element > *:not(:last-child), .vector-feature-zebra-design-disabled .vector-dropdown-content > *:not(:last-child) {
	border-bottom: none;
}

.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
    background: none;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading, .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
    color: #ff9c00;
    font-weight: bold;
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-label {
    color: #ff9c00;
    font-weight: bold;
}

.mw-page-title-main {
    color: #ff9c00;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
    color: #96e1ff;
    font-weight: bold;
}

.vector-feature-zebra-design-disabled .vector-toc {
    background: none;
}

.vector-dropdown-label-text {
    color: #96e1ff;
}

.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
        background: none !important;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
    color: #3366cc;
}

.vector-icon, .vector-dropdown-label::after{
  -webkit-filter: invert(100%)!important; /* safari 6.0 - 9.0 */
          filter: invert(100%)!important;
}

.vector-icon.mw-ui-icon-wikimedia-exitFullscreen, .vector-icon.mw-ui-icon-wikimedia-fullScreen{
    filter: contrast(1) !important;
}

.vector-menu-tabs .mw-list-item .cdx-button--icon-only {
    margin: 6px 0 0;
}

#simpleSearch input, #wpSummary, .createboxInput {
    background-color: white;
    color: #72777D;
}

.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content {
    color: #96E1FF;
}

.results-info {
    color: white;
}

.search-types .current a {
    color: white;
}

.mw-advancedSearch-namespace-selection {
    color: black;
}

.mw-advancedSearch-fieldContainer {
    color: black;
}
Retrieved from "https://cheeseepedia.org/wiki/MediaWiki:Vector.css?oldid=32948"