Jump to content

MediaWiki:Common.css: Difference between revisions

From Kingpin Wiki
← Older edit
No edit summary
No edit summary
 
Line 8: Line 8:
     display: none;
     display: none;
}
}
/* //FREDZ remove Automatic text.
.cdx-radio input#skin-client-pref-skin-theme-value-os,
.cdx-radio label[for="skin-client-pref-skin-theme-value-os"],
.cdx-radio input#skin-client-pref-skin-theme-value-os + .cdx-radio__icon {
    display: none;
}*/


/*
/*

Latest revision as of 12:37, 5 April 2025

/* CSS placed here will be applied to all skins */

.skin-vector-2022 .mw-logo {
    min-width: 196px; /*FREDZ move search abit to the left */
}
/* Hide the "Switch to old look" link */
.vector-main-menu-action-content.vector-menu-content {
    display: none;
}

/* //FREDZ remove Automatic text.
.cdx-radio input#skin-client-pref-skin-theme-value-os,
.cdx-radio label[for="skin-client-pref-skin-theme-value-os"],
.cdx-radio input#skin-client-pref-skin-theme-value-os + .cdx-radio__icon {
    display: none;
}*/

/*
=============
Day Theme Colors
=============
*/
:root, .skin-invert, .notheme {
    --color-base:#202122;
    --color-base-fixed:#202122;
    --color-base--hover:#404244;
    --color-emphasized:#101418;
    --color-subtle:#54595d;
    --color-placeholder:#72777d;
    --color-disabled:#72777d;
    --color-inverted:#fff;
    --color-inverted-fixed:#fff;
    --color-progressive:#660502;/*FREDZ color*/
    --color-progressive--hover:#000;/*FREDZ hover*/
    --color-progressive--active:#233566;
    --color-progressive--focus:#660502;/*FREDZ color*/
    --color-destructive:#d73333;
    --color-destructive--hover:#fc493b;
    --color-destructive--active:#9f3526;
    --color-destructive--focus:#660502;/*FREDZ color*/
    --color-visited:#660502;/*FREDZ visited*/
    --color-destructive--visited:#9f5555;
    --color-error:#d73333;
    --color-warning:#eeb533;
    --color-success:#177860;
    --color-notice:#202122;
    --color-content-added:#006400;
    --color-content-removed:#8b0000;
    --box-shadow-color-base:#000;
    --box-shadow-color-progressive--active:#233566;
    --box-shadow-color-progressive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected--hover:#000;/*FREDZ hover*/
    --box-shadow-color-progressive-selected--active:#233566;
    --box-shadow-color-destructive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-inverted:#fff;
    --box-shadow-color-transparent:transparent;
    --background-color-base:#fefdfb;/*FREDZ*/
    --background-color-base-fixed:#fff;
    --background-color-neutral:#eaecf0;
    --background-color-neutral-subtle:#f8f9fa;
    --background-color-interactive:#eaecf0;
    --background-color-interactive-subtle:#f8f9fa;
    --background-color-disabled:#c8ccd1;
    --background-color-disabled-subtle:#eaecf0;
    --background-color-inverted:#101418;
    --background-color-progressive:#660502;/*FREDZ color*/
    --background-color-progressive--hover:#000;/*FREDZ hover*/
    --background-color-progressive--active:#233566;
    --background-color-progressive--focus:#660502;/*FREDZ color*/
    --background-color-progressive-subtle:#f1f4fd;
    --background-color-destructive:#d73333;
    --background-color-destructive--hover:#fc493b;
    --background-color-destructive--active:#9f3526;
    --background-color-destructive--focus:#660502;/*FREDZ color*/
    --background-color-destructive-subtle:#ffe9e5;
    --background-color-error:#d73333;
    --background-color-error--hover:#fc493b;
    --background-color-error--active:#9f3526;
    --background-color-error-subtle:#ffe9e5;
    --background-color-warning-subtle:#fdf2d5;
    --background-color-success-subtle:#dff2eb;
    --background-color-notice-subtle:#eaecf0;
    --background-color-content-added:#a3d3ff;
    --background-color-content-removed:#ffe49c;
    --background-color-transparent:transparent;
    --background-color-backdrop-light:rgba(255,255,255,0.65);
    --background-color-backdrop-dark:rgba(0,0,0,0.65);
    --background-color-button-quiet--hover:rgba(0,24,73,0.027);
    --background-color-button-quiet--active:rgba(0,24,73,0.082);
    --background-color-input-binary--checked:#660502;/*FREDZ color*/
    --background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
    --background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
    --border-color-base:#a2a9b1;
    --border-color-subtle:#c8ccd1;
    --border-color-muted:#dadde3;
    --border-color-interactive:#72777d;
    --border-color-disabled:#c8ccd1;
    --border-color-inverted:#fff;
    --border-color-progressive:#660502;/*FREDZ color*/
    --border-color-progressive--hover:#000;/*FREDZ hover*/
    --border-color-progressive--active:#233566;
    --border-color-progressive--focus:#660502;/*FREDZ color*/
    --border-color-destructive:#d73333;
    --border-color-destructive--hover:#fc493b;
    --border-color-destructive--active:#9f3526;
    --border-color-destructive--focus:#660502;/*FREDZ color*/
    --border-color-error:#9f3526;
    --border-color-error--hover:#fc493b;
    --border-color-warning:#987027;
    --border-color-success:#196551;
    --border-color-notice:#54595d;
    --border-color-content-added:#a3d3ff;
    --border-color-content-removed:#ffe49c;
    --border-color-transparent:transparent;
    --border-color-divider:#a2a9b1;
    --outline-color-progressive--focus:#660502;/*FREDZ color*/
    --color-base--subtle:#54595d
  }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-day .vector-pinned-container,
html.skin-theme-clientpref-day .mw-content-container
{
    background-color: #fefdfb;
}

html.skin-theme-clientpref-day .mw-page-container {
	background-color:#fff; 
	background-image:url(https://kingpin.info/logo/background-ti_rc_c1a.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
html.skin-theme-clientpref-day .mw-footer
{
	background-color: #fefdfb;
	text-align: center;
}
/* Change the color of the search button text */
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button {
  color: #660502;/*FREDZ color*/
}

/* Change the color of the search button text on hover */
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button:hover {
  color: #000;/*FREDZ hover*/
}

/* Customize the line color under the menu*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #660502;/*FREDZ color*/
}

/* Style the horizontal rule */
html.skin-theme-clientpref-day hr {
  border-bottom: 2px solid #660502;/*FREDZ color*/
}
/*
===============================================================================================================================
*/
/*
=============
Night Theme Colors
=============
*/
  html.skin-theme-clientpref-night {
    --color-base:#eaecf0;
    --color-base--hover:#f8f9fa;
    --color-emphasized:#f8f9fa;
    --color-subtle:#a2a9b1;
    --color-inverted:#101418;
    --color-progressive:#E7C258;/*FREDZ color*/
    --color-progressive--hover:#FFF;/*FREDZ hover*/
    --color-progressive--active:#cbd6f6;
    --color-destructive:#fd7865;
    --color-destructive--hover:#fea898;
    --color-destructive--active:#ffc8bd;
    --color-visited:#E7C258;/*FREDZ color*/
    --color-destructive--visited:#c99391;
    --color-error:#fd7865;
    --color-warning:#fecc44;
    --color-success:#2cb491;
    --color-notice:#f8f9fa;
    --color-content-added:#80cdb3;
    --color-content-removed:#fd7865;
    --color-base--subtle:#a2a9b1;
    --box-shadow-color-base:#fff;
    --box-shadow-color-progressive--focus:#6b8edf;
    --box-shadow-color-destructive--focus:#6b8edf;
    --box-shadow-color-inverted:#000;
    --background-color-base:#101418;
    --background-color-neutral:#27292d;
    --background-color-neutral-subtle:#202122;
    --background-color-interactive:#27292d;
    --background-color-interactive-subtle:#202122;
    --background-color-disabled:#54595d;
    --background-color-disabled-subtle:#404244;
    --background-color-inverted:#f8f9fa;
    --background-color-progressive--focus:#6b8edf;
    --background-color-progressive-subtle:#233566;
    --background-color-destructive--focus:#6b8edf;
    --background-color-destructive-subtle:#612419;
    --background-color-error:#fc493b;
    --background-color-error--hover:#fd7865;
    --background-color-error--active:#fea898;
    --background-color-error-subtle:#612419;
    --background-color-warning-subtle:#453217;
    --background-color-success-subtle:#153d31;
    --background-color-notice-subtle:#27292d;
    --background-color-content-added:#233566;
    --background-color-content-removed:#453217;
    --background-color-backdrop-light:rgba(0,0,0,0.65);
    --background-color-backdrop-dark:rgba(255,255,255,0.65);
    --border-color-base:#72777d;
    --border-color-subtle:#54595d;
    --border-color-muted:#404244;
    --border-color-interactive:#a2a9b1;
    --border-color-disabled:#54595d;
    --border-color-inverted:#101418;
    --border-color-progressive--focus:#6b8edf;
    --border-color-destructive--focus:#6b8edf;
    --border-color-error:#fc493b;
    --border-color-error--hover:#fd7865;
    --border-color-warning:#fecc44;
    --border-color-success:#2cb491;
    --border-color-notice:#c8ccd1;
    --border-color-content-added:#233566;
    --border-color-content-removed:#987027;
  }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-night .vector-pinned-container,
html.skin-theme-clientpref-night .mw-content-container
{
    background-color: #101418;
}

html.skin-theme-clientpref-night .mw-page-container {
	background-color:#000; 
	background-image:url(https://kingpin.info/logo/brickbackground.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
html.skin-theme-clientpref-night .mw-footer
{
	background-color: #101418;
	text-align: center;
}
/* Change the color of the search button text */
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button {
  color: #E7C258;/*FREDZ color*/
}

/* Change the color of the search button text on hover */
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button:hover {
  color: #FFF;/*FREDZ hover*/
}

/* Customize the line color under the menu*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #E7C258;/*FREDZ color*/
}

/* Style the horizontal rule */
html.skin-theme-clientpref-night hr {
  border-bottom: 2px solid #E7C258;/*FREDZ color*/
}
Retrieved from "https://wiki.kingpin.info/index.php?title=MediaWiki:Common.css&oldid=1029"