Difference between revisions of "MediaWiki:Uniwiki.css"

From EVE University Wiki
Jump to: navigation, search
(fix to thumbnail background color)
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the UniWiki skin */
 
/* CSS placed here will affect users of the UniWiki skin */
 +
 +
/* === Most changes in this file are fixes to issues discovered after UniWiki SKIN 1.1 was deployed. It additionally contains some changes necessary for various events the Wiki has run, at the bottom. === */
 +
 +
/* ==General Fixes == */
 +
html .thumbimage {
 +
  background-color: inherit;  /* was inheriting White from the default skin, which broke transparency in png's */
 +
}
 +
  
 
/* changes that affect the Editor */
 
/* changes that affect the Editor */
 
 
.wikiEditor-ui-toolbar {
 
.wikiEditor-ui-toolbar {
 
   background-color: inherit;
 
   background-color: inherit;
Line 40: Line 47:
 
/* image gallery text was black on black */
 
/* image gallery text was black on black */
 
.gallerytext p { color: inherit; }
 
.gallerytext p { color: inherit; }
 +
li.gallerybox { display: inline-block; }
  
 
/* toccolours sets background color of 'table of contents' panes such as on https://wiki.eveuniversity.org/Template:SkillQueue
 
/* toccolours sets background color of 'table of contents' panes such as on https://wiki.eveuniversity.org/Template:SkillQueue
Line 52: Line 60:
 
.mw-content-ltr .redirectText li {
 
.mw-content-ltr .redirectText li {
 
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2242%22 height=%2220%22 viewBox=%220 0 42 20%22%3E %3Cpath fill=%22%23ccc%22 stroke=%22%23ccc%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M11 10h17.064%22/%3E %3Cpath fill=%22%23ccc%22 d=%22M23 6l8 4-8 4z%22/%3E %3C/svg%3E")
 
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2242%22 height=%2220%22 viewBox=%220 0 42 20%22%3E %3Cpath fill=%22%23ccc%22 stroke=%22%23ccc%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M11 10h17.064%22/%3E %3Cpath fill=%22%23ccc%22 d=%22M23 6l8 4-8 4z%22/%3E %3C/svg%3E")
 +
}
 +
 +
 +
.client-js .sortable:not(.jquery-tablesorter) > thead > :last-of-type > th:not(.unsortable),
 +
.jquery-tablesorter th.headerSort {
 +
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_both.png?8b01b);
 +
background-image:linear-gradient(transparent,transparent),
 +
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23ccc%22 d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
 +
cursor:pointer;
 +
background-repeat:no-repeat;
 +
background-position:center right;
 +
padding-right:21px
 +
}
 +
.jquery-tablesorter th.headerSortUp {
 +
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_up.png?76242);
 +
background-image:linear-gradient(transparent,transparent),
 +
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23ccc%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E")
 +
}
 +
.jquery-tablesorter th.headerSortDown {
 +
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_down.png?3f399);
 +
background-image:linear-gradient(transparent,transparent),
 +
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23ccc%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E")
 +
}
 +
 +
/* because of COURSE you'd have to specially style the highlight behind a citation link... */
 +
ol.references li:target { background-color: #ffa50040; }
 +
 +
.smw-editpage-help { background-color: inherit;}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/* Changes that really irritate people */
 +
/* Red Dot Meme */
 +
/*
 +
body a:hover { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Ccircle cx='8' cy='8' r='8' fill='red' /%3E%3C/svg%3E "), pointer; }
 +
*/
 +
 +
 +
/*AF2020*/
 +
/*
 +
@font-face {
 +
    font-family: '';
 +
    src: ;
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
*/
 +
@font-face {
 +
    font-family: 'Triglavian-Completenormal';
 +
    src: url('/skins/UniWiki/font/trig/Triglavian-Completenormal.eot');
 +
    src: url('/skins/UniWiki/font/trig/Triglavian-Completenormal.eot?#iefix') format('embedded-opentype'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.svg#Triglavian-Completenormal') format('svg'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.ttf') format('truetype'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.woff') format('woff'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.woff2') format('woff2');
 +
    font-weight: normal;
 +
    font-style: normal;
 
}
 
}

Revision as of 19:56, 10 June 2020

/* CSS placed here will affect users of the UniWiki skin */

/* === Most changes in this file are fixes to issues discovered after UniWiki SKIN 1.1 was deployed. It additionally contains some changes necessary for various events the Wiki has run, at the bottom. === */

/* ==General Fixes == */
html .thumbimage {
  background-color: inherit;   /* was inheriting White from the default skin, which broke transparency in png's */
}


/* changes that affect the Editor */
.wikiEditor-ui-toolbar {
  background-color: inherit;
  background-image: none;
}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #ffa500; }
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #ffa500; }
.wikiEditor-ui-toolbar .sections .section { background-color: inherit; }
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { background-color: inherit; }


/* changes that affect the Special:RecentChanges page */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #111111; } 
.mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: #cccccc; }
.mw-rcfilters-ui-filterMenuHeaderWidget-title { color: #cccccc; }
.mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: #222222; }
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: #cccccc; }
.mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #444444; }
.mw-rcfilters-ui-menuSelectWidget-footer-feedback { display: none !important; }
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom: 0px; }
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: inherit; }
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: inherit; }
.mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: #333333; }
.mw-rcfilters-ui-valuePickerWidget-title { color: #cccccc; }
.mw-rcfilters-ui-datePopupWidget-title { color: #cccccc; } 
.oo-ui-labelElement { color: #cccccc; }
.mw-rcfilters-ui-menuSelectWidget-footer { background-color: inherit; }
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: #cccccc; }


.mw-apisandbox-toolbar { background-color: inherit; }


#pagehistory li.selected { color: inherit; }
.autocomment, .autocomment a, .autocomment a:visited { color: #ffa500; }

/* image gallery text was black on black */
.gallerytext p { color: inherit; }
li.gallerybox { display: inline-block; }

/* toccolours sets background color of 'table of contents' panes such as on https://wiki.eveuniversity.org/Template:SkillQueue
 but for some reason not others? */
.toc, .mw-warning, .toccolours { background-color: inherit; }

/* arrows on Redirect pages */
.mw-content-ltr .redirectText li:first-child {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23ccc%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23ccc%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E")
}

.mw-content-ltr .redirectText li {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2242%22 height=%2220%22 viewBox=%220 0 42 20%22%3E %3Cpath fill=%22%23ccc%22 stroke=%22%23ccc%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M11 10h17.064%22/%3E %3Cpath fill=%22%23ccc%22 d=%22M23 6l8 4-8 4z%22/%3E %3C/svg%3E")
}


.client-js .sortable:not(.jquery-tablesorter) > thead > :last-of-type > th:not(.unsortable),
.jquery-tablesorter th.headerSort {
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_both.png?8b01b);
background-image:linear-gradient(transparent,transparent),
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23ccc%22 d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
cursor:pointer;
background-repeat:no-repeat;
background-position:center right;
padding-right:21px
}
.jquery-tablesorter th.headerSortUp {
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_up.png?76242);
background-image:linear-gradient(transparent,transparent),
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23ccc%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E")
}
.jquery-tablesorter th.headerSortDown {
background-image:url(/resources/src/jquery.tablesorter.styles/images/sort_down.png?3f399);
background-image:linear-gradient(transparent,transparent),
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23ccc%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E")
}

/* because of COURSE you'd have to specially style the highlight behind a citation link... */
ol.references li:target { background-color: #ffa50040; }

.smw-editpage-help { background-color: inherit;}









/* Changes that really irritate people */
/* Red Dot Meme */
/*
body a:hover { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Ccircle cx='8' cy='8' r='8' fill='red' /%3E%3C/svg%3E "), pointer; }
*/


/*AF2020*/
/*
@font-face {
    font-family: '';
    src: ;
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Triglavian-Completenormal';
    src: url('/skins/UniWiki/font/trig/Triglavian-Completenormal.eot');
    src: url('/skins/UniWiki/font/trig/Triglavian-Completenormal.eot?#iefix') format('embedded-opentype'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.svg#Triglavian-Completenormal') format('svg'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.ttf') format('truetype'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.woff') format('woff'), url('/skins/UniWiki/font/trig/Triglavian-Completenormal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}