Difference between revisions of "MediaWiki:Uniwiki.css"

From EVE University Wiki
Jump to: navigation, search
(fix to thumbnail background color)
(5 intermediate revisions by the same user 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 80: Line 88:
  
 
.smw-editpage-help { background-color: inherit;}
 
.smw-editpage-help { background-color: inherit;}
 +
 +
 +
 +
 +
 +
 +
 +
  
 
/* Changes that really irritate people */
 
/* Changes that really irritate people */
Line 89: Line 105:
  
 
/*AF2020*/
 
/*AF2020*/
.AF2020_trig { display: none; }
+
/*
.AF2020_orig { display: inline; }
 
 
 
 
@font-face {
 
@font-face {
 
     font-family: '';
 
     font-family: '';
Line 98: Line 112:
 
     font-style: normal;
 
     font-style: normal;
 
}
 
}
 
+
*/
 
@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('Triglavian-Completenormal.eot?#iefix') format('embedded-opentype'), url('Triglavian-Completenormal.svg#Triglavian-Completenormal') format('svg'), url('Triglavian-Completenormal.ttf') format('truetype'), url('Triglavian-Completenormal.woff') format('woff'), url('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;
}
 
 
.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;
 
 
}
 
}

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