MediaWiki:Common.css: Difference between revisions

From Henry's personal library
No edit summary
No edit summary
 
(58 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
.mw-plusminus-pos {
    color: #12CAA2;
}


.mw-content-ltr {
#pagehistory li.selected {
/* @noflip */
    background: #070605;
direction: ltr;
    color: #dddddd;
}
}


.mw-content-rtl {
.mw-datatable td {
/* @noflip */
    background: #070605;
direction: rtl;
}
}


/* Most input fields should be in site direction */
.mw-datatable th {
.sitedir-ltr textarea,
    background-color: #150c00;
.sitedir-ltr input {
/* @noflip */
direction: ltr;
}
}


.sitedir-rtl textarea,
.mw-datatable tr:hover td {
.sitedir-rtl input {
    background-color: #002a62;
/* @noflip */
direction: rtl;
}
}


.mw-userlink {
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {
unicode-bidi: embed;
    background: #070605;
    border: solid #15130f;
    color: #F0F0F0;
}
}


/* User-Agent styles for new HTML5 elements */
.mw_metadata, .mw-datatable, .wikitable {
mark {
    border-color: #37332e;
background-color: #00f;
    color: #F0F0F0;
color: #fff;
}
}


/* Override default values */
.wikitable > tr > th, .wikitable > * > tr > th {
textarea[ dir='ltr' ],
    background-color: #15130f;
input[ dir='ltr' ] {
    border: 1px solid #37332e;
/* @noflip */
    color: #F0F0F0;
direction: ltr;
}
}


textarea[ dir='rtl' ],
#mw-content-container { background-color: #15130f; }
input[ dir='rtl' ] {
#mw-header-container {  
/* @noflip */
    background-color: #000000;
direction: rtl;
    color: #F0F0F0;
    }
 
#p-logo-text a { color: #F0F0F0; }
 
#mw-related-navigation .sidebar-chunk {
    border: 1px solid #7F7F7F;
}
}


/* rev_deleted stuff */
#mw-site-navigation .sidebar-chunk {
li span.deleted,
    background-color: #070605;
span.history-deleted {
    border: 1px solid #7F7F7F;
text-decoration: line-through;
    box-shadow: 0 1px 2px 1px rgba(255,255,255,0.02);
color: #8d8882;
    }
font-style: italic;
 
#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #37332e;
    color: #F0F0F0;
    }
 
#mw-site-navigation .sidebar-chunk {
    background: #070605;
    }
 
#mw-content {
    background: #15130f;
    color: #F0F0F0;
    border: 1px solid #7F7F7F;
    }
 
.tools-inline li.selected a {
    color: #fff;
    }
 
.toc {
    border: 1px solid #7F7F7F;
}
}


/* Patrol stuff */
.toctogglelabel {
.not-patrolled {
    color: #97d6ffff;
background-color: #0055ff;
}
}


.unpatrolled {
code, pre, .mw-code {
font-weight: bold;
    background-color: #070605;
color: #28cccc;
    color: #fff;
    }
 
ul#filetoc, .toc, .toccolours, .mw-warning {
    background-color: #070605;
    }
 
.tocnumber {
    color: #aba6a2;
    }
 
@media screen {
  a {
    color: #97d6ffff;
    }
  a:visited {
    color: #52a4ffff;
    }
  a:hover {
    color: #b8dcffff;
    }
  a:visited:hover {
    color: #1f85ffff;
    }
}
 
@media screen {
  body {
  color: #F0F0F0;
  }
}
 
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
  color: #97d6ffff;
}
 
.mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited {
    color: #52a4ffff;
}
}


/* Error, warning, success and neutral messages */
#mw-related-navigation .sidebar-chunk {
.warning {
    background-color: #070605;
color: #5399ff;
    }
 
#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #F0F0F0;
    }
 
#site-navigation h2 {
background-image: url('skins/Timeless/resources/images/menu-large-grey2.svg');  
}
}


.success {
.sidebar-inner, .dropdown {
color: #eb7992;
    background-color: #070605;
}
}


/* Info box */
#mw-wrapper .dropdown-active .pokey, #mw-wrapper .dropdown-active .dropdown, #mw-wrapper .dropdown-active .sidebar-inner {
.mw-infobox {
    background-color: #070605;
border: 2px solid #03c;
}
}


/* Links */
#ca-edit a {
a.new {
  background-image: url('skins/Timeless/resources/images/page-grey2.svg');
color: #45ffff;
}
}


/* wikitable class */
#ca-talk a {
.wikitable {
  background-image: url('skins/Timeless/resources/images/talk-grey2.svg');
background-color: #070606;
color: #ddd;
border: 1px solid #5d564e;
}
}


.wikitable > tr > th,
#ca-history a {
.wikitable > tr > td,
  background-image: url('skins/Timeless/resources/images/clock-grey2.svg');
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border: 1px solid #5d564e;
}
}


.wikitable > tr > th,
#ca-viewsource a {
.wikitable > * > tr > th {
  background-image: url('skins/Timeless/resources/images/brackets-grey2.svg');
background-color: #15130f;
}
}


/* Data table */
#site-tools h2 {
.mw-datatable th {
  background-image: url('skins/Timeless/resources/images/gear-grey2.svg');
background-color: #151100;
}
}


.mw-datatable td {
.tools-inline li[id^='ca-nstab-'] a {
background-color: #000;
  background-image: url('skins/Timeless/resources/images/page-grey2.svg');
}
}


.mw-datatable tr:hover td {
.mw-editsection {
background-color: #150c00;
  background-image: url('skins/Timeless/resources/images/pencil-grey2.svg');
}
}



Latest revision as of 01:26, 17 February 2025

.mw-plusminus-pos {
    color: #12CAA2;
}

#pagehistory li.selected {
    background: #070605;
    color: #dddddd;
}

.mw-datatable td {
    background: #070605;
}

.mw-datatable th {
    background-color: #150c00;
}

.mw-datatable tr:hover td {
    background-color: #002a62;
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {
    background: #070605;
    border: solid #15130f;
    color: #F0F0F0;
}

.mw_metadata, .mw-datatable, .wikitable {
    border-color: #37332e;
    color: #F0F0F0;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #15130f;
    border: 1px solid #37332e;
    color: #F0F0F0;
}

#mw-content-container { background-color: #15130f; }
#mw-header-container { 
    background-color: #000000; 
    color: #F0F0F0;
    }

#p-logo-text a { color: #F0F0F0; }

#mw-related-navigation .sidebar-chunk {
    border: 1px solid #7F7F7F;
}

#mw-site-navigation .sidebar-chunk { 
    background-color: #070605; 
    border: 1px solid #7F7F7F;
    box-shadow: 0 1px 2px 1px rgba(255,255,255,0.02);
    }

#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #37332e;
    color: #F0F0F0;
    }

#mw-site-navigation .sidebar-chunk {
    background: #070605;
    }

#mw-content {
    background: #15130f;
    color: #F0F0F0;
    border: 1px solid #7F7F7F;
    }

.tools-inline li.selected a {
    color: #fff;
    }

.toc {
    border: 1px solid #7F7F7F;
}

.toctogglelabel {
    color: #97d6ffff;
}

code, pre, .mw-code {
    background-color: #070605;
    color: #fff;
    }

ul#filetoc, .toc, .toccolours, .mw-warning {
    background-color: #070605;
    }

.tocnumber {
    color: #aba6a2;
    }

@media screen {
  a {
    color: #97d6ffff;
    }
  a:visited {
    color: #52a4ffff;
    } 
  a:hover {
    color: #b8dcffff;
    }
  a:visited:hover {
    color: #1f85ffff;
    }
}

@media screen {
  body {
  color: #F0F0F0;
  }
}

.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
   color: #97d6ffff;
}

.mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited {
    color: #52a4ffff;
}

#mw-related-navigation .sidebar-chunk {
    background-color: #070605;
    }

#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #F0F0F0;
    }

#site-navigation h2 {
background-image: url('skins/Timeless/resources/images/menu-large-grey2.svg');    
}

.sidebar-inner, .dropdown {
    background-color: #070605;
}

#mw-wrapper .dropdown-active .pokey, #mw-wrapper .dropdown-active .dropdown, #mw-wrapper .dropdown-active .sidebar-inner {
    background-color: #070605;
}

#ca-edit a {
   background-image: url('skins/Timeless/resources/images/page-grey2.svg');
}

#ca-talk a {
   background-image: url('skins/Timeless/resources/images/talk-grey2.svg');
}

#ca-history a {
   background-image: url('skins/Timeless/resources/images/clock-grey2.svg');
}

#ca-viewsource a {
   background-image: url('skins/Timeless/resources/images/brackets-grey2.svg');
}

#site-tools h2 {
   background-image: url('skins/Timeless/resources/images/gear-grey2.svg');
}

.tools-inline li[id^='ca-nstab-'] a {
   background-image: url('skins/Timeless/resources/images/page-grey2.svg');
}

.mw-editsection {
   background-image: url('skins/Timeless/resources/images/pencil-grey2.svg');
}

/* carousel */
.jcarousel {
    position: relative;
    overflow: hidden;
}
 
.jcarousel-wrapper {
	max-width: 1125px;
    margin: 0;
    position: relative;
}
 
.jcarousel .jcarousel-list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
 
.jcarousel .jcarousel-item {
    float: left;
}
 
.jcarousel-item img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
 
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    border-radius: 30px;
    box-shadow: 0 0 2px #999;
}
 
.jcarousel-control-prev {
    left: -15px;
}
 
.jcarousel-control-next {
    right: -15px;
}
 
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
 
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
 
.jcarousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
 
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
 
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}