Difference between revisions of "MediaWiki:Uniwiki.css"

From EVE University Wiki
Jump to: navigation, search
Line 101: Line 101:
 
@font-face {
 
@font-face {
 
     font-family: 'Triglavian-Completenormal';
 
     font-family: 'Triglavian-Completenormal';
     src: url('Triglavian-Completenormal.eot');
+
     src: url('/skins/UniWiki/font/trig/Triglavian-Completenormal.eot');
     src: url('/font/trig/Triglavian-Completenormal.eot?#iefix') format('embedded-opentype'), url('/font/trig/Triglavian-Completenormal.svg#Triglavian-Completenormal') format('svg'), url('/font/trig/Triglavian-Completenormal.ttf') format('truetype'), url('/font/trig/Triglavian-Completenormal.woff') format('woff'), url('/font/trig/Triglavian-Completenormal.woff2') format('woff2');
+
     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-weight: normal;
 
     font-style: normal;
 
     font-style: normal;

Revision as of 23:52, 31 March 2020

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

/* 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; }

/* 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*/
.AF2020_trig { display: none; }
.AF2020_orig { display: inline; }

@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;
}

.april-fools {
    font-family: 'Triglavian-Completenormal';
    color: #f43e29;
}

.lcs_wrap {
	display: inline-block;	
	direction: ltr;
	height: 28px;
    vertical-align: middle;
}
.lcs_wrap input {
	display: none;	
}

.lcs_switch {
	display: inline-block;	
	position: relative;
	width: 100px;
	height: 28px;
	border-radius: 30px;
	background: #ddd;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-transition: all .2s ease-in-out;  
	-ms-transition: 	all .2s ease-in-out; 
	transition: 		all .2s ease-in-out; 
}
.lcs_cursor {
	display: inline-block;
	position: absolute;
	top: 3px;	
	width: 22px;
	height: 22px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
	z-index: 10;
	
	-webkit-transition: all .2s linear;  
	-ms-transition: 	all .2s linear; 
	transition: 		all .2s linear; 
}
.lcs_label {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #ccc;
	font-weight: bold;
	position: absolute;
	width: 60px;
	top: 5px;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	
	-webkit-transition: all .2s ease-in-out .1s;  
	-ms-transition: 	all .2s ease-in-out .1s;   
	transition: 		all .2s ease-in-out .1s;   
}
.lcs_label.lcs_label_on {
	left: -70px;
	z-index: 6;	
	color: black;
	font-weight: 1800;
}
.lcs_label.lcs_label_off {
	right: -70px;
	z-index: 5;	
}

/* on */
.lcs_switch.lcs_on {
	background: #292929;
	box-shadow: 0 0 4px #28a745 inset;
}
.lcs_switch.lcs_on .lcs_cursor {
	left: 75px;
	background: #28a745;
}
.lcs_switch.lcs_on .lcs_label_on {
	left: 10px;	
	opacity: 1;
	color: #28a745;
}

/* off */
.lcs_switch.lcs_off {
	background: #292929;
	box-shadow: 0px 0px 2px #a4a4a4 inset; 	
}
.lcs_switch.lcs_off .lcs_cursor {
	left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
	right: 10px;
	opacity: 1;	
}
/* disabled */
.lcs_switch.lcs_disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);	
	cursor: default;
}