No edit summary |
No edit summary |
||
Line 268: | Line 268: | ||
+ | img[alt="Lifevault"].avatar, |
||
+ | li[data-user="Lifevault"] .avatar { |
||
+ | animation-name: limeglow; |
||
+ | animation-duration: 1s; |
||
+ | animation-iteration-count: infinite; |
||
+ | animation-timing-function: ease-in-out; |
||
+ | border-radius: 100%; |
||
+ | } |
||
/********************** END Minimalist Slider ***********************/ |
/********************** END Minimalist Slider ***********************/ |
Revision as of 16:42, 10 April 2021
/* CSS placed here will be applied to all skins on the entire site. */
/*imports*/
importArticles
/* === Scroll Customization - Reference to the Studio Ghibli Wiki === */
::-webkit-scrollbar {
height: 10px;
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 1em;
background-color: transparent !important;
color: transparent !important;
background: transparent !important;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(0deg, #F99E58, #EF5D22);
border: 1px solid #F8F8F8;
border-radius: 1em;
-webkit-box-shadow: inset 0 0 6px #EF5D22;
-moz-box-shadow: inset 0 0 6px #F99E58;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(0deg, #F99E58, #EF5D22);
border: 2px solid #F99E58;
border-radius: 1em;
-webkit-box-shadow: inset 0 0 6px #EF5D22;
-moz-box-shadow: inset 0 0 6px #EF5D22;
}
::-webkit-scrollbar-thumb:active {
background: linear-gradient(0deg, #EF5D22, #B60D69);
border: 2px solid #F99E58;
border-radius: 1em;
-webkit-box-shadow: inset 0 0 6px #F99E58;
-moz-box-shadow: inset 0 0 6px #F99E58;
}
/********************* END Scroll Customization *********************/
/* ===================== Custom Staff Usernames ===================== */
a[href$=":DerpSmoothie"],
a[href$="/DerpSmoothie"] {
color: #FFC0CB, #B0C4DE;
font-family: "Courier";
}
a[href$=":Lifevault"],
a[href$="/Lifevault"] {
color: #0000;
font-family: "Century Gothic";
}
/********************* END Custom Staff Usernames *********************/
/** Cursor **/
/* Normal */
* {
cursor: url(https://images.wikia.com/old-prodigy/images/b/b1/Crystal_Staff_Normal_%28Cursor%29.png), pointer !important;
}
/* Hover */
a:hover {
cursor: url(https://images.wikia.com/old-prodigy/images/c/cc/Crystal_Staff_%28Cursor%29.png), pointer !important;
}
/* ========= Wiki Customization - Reference to the Your Throne Wiki ========= */
/* Wiki Resize */
body {
background-size: cover !important;
}
/* Wiki Rail */
.WikiaRail .module {
background: rgb(243, 196, 60, 0.25);
border-color: #560198;
}
/* Hide Main Page Home */
.mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
display: none;
}
/* Hide Gallery Uploader */
.wikia-photogallery-add, .wikia-button noprint {
display: none !important;
}
/* Hide External Arrow */
.mw-parser-output a.external {
background: none !important;
content: none !important;
padding-right: 0 !important;
}
.WikiaArticle a.external:after,
.WikiaArticle a[href^="gopher://"]:after {
background-image: none;
content: none;
}
/* TOC */
.toc, #toc, .WikiaArticle .toc {
background: rgb(243, 196, 60, 0.25) !important;
border: 1px solid #F3C43C;
border-radius: 20px;
text-align: left;
}
/* Fonts */
h1, h2, h3, h4,
.WikiaPage .page-header__main {
font-family: Century Gothic;
}
/* Wiki Categories */
.article-categories,
.WikiaArticleCategories {
border: 1px solid #F3C43C !important;
background: rgba(243, 196, 60, 0.25) !important;
vertical-align: text-bottom !important;
border-radius: 20px;
}
/********************** END Wiki Customization **********************/
/* ========== Minimalist Slider ========== */
div.wikiaPhotoGallery-slider-body {
background: transparent;
}
div.wikiaPhotoGallery-slider-body .horizontal .description-background {
height: 7px;
opacity: 0;
}
div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img {
display: none;
}
div.wikiaPhotoGallery-slider-body .horizontal .description {
left: 0;
background: rgba(0, 0, 0, 0.4);
padding: 10px 15px 20px 15px;
width: 250px;
border-radius: 0em 1em 0em 0em;
}
.wikiaPhotoGallery-slider-body .nav {
background: transparent;
border: 2px solid #F3C43C;
border-radius: 50%;
width: 7px;
cursor: pointer;
height: 7px;
position: absolute;
}
.wikiaPhotoGallery-slider-body .selected {
background: #F3C43C;
border: 2px solid #F3C43C;
border-radius: 50%;
width: 7px;
cursor: pointer;
height: 7px;
}
div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav {
right: 355px;
}
div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav {
right: 335px;
}
div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav {
right: 315px;
}
div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav {
right: 295px;
}
/*drop bar animation*/
.wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after {
display: none !important;
}
.wds-global-navigation .wds-dropdown__content {
-webkit-animation: dropdown-global 0.35s;
-moz-animation: dropdown-global 0.35s;
animation: dropdown-global 0.35s;
}
.wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content {
-webkit-animation: dropdown-topnav 0.3s;
-moz-animation: dropdown-topnav 0.3s;
animation: dropdown-topnav 0.3s;
}
.wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content {
-webkit-animation: dropdown-animation 0.3s;
-moz-animation: dropdown-animation 0.3s;
animation: dropdown-animation 0.3s;
}
.page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content {
-webkit-animation: contribution-dropdown 0.3s linear;
-moz-animation: contribution-dropdown 0.3s linear;
animation: contribution-dropdown 0.3s linear;
}
.wds-dropdown__content.wds-global-navigation__search-suggestions {
-webkit-animation: searchsuggestions-dropdown 0.35s;
-moz-animation: searchsuggestions-dropdown 0.35s;
animation: searchsuggestions-dropdown 0.35s;
}
@keyframes dropdown-global {
from {opacity: 0; top: 45px;}
to {opacity: 1;}
}
@keyframes dropdown-topnav {
from {opacity: 0; top: 30px;}
to {opacity: 1; top: 40px;}
}
@keyframes dropdown-animation {
from {opacity: 0; transform: translateX(-10px);}
to {opacity: 1; transform: translateX(0);}
}
@keyframes contribution-dropdown {
from {opacity: 0; top: 25px;}
to {opacity: 1; top: 35px;}
}
@keyframes searchsuggestions-dropdown {
from {top: 80%; opacity: 0;}
to {top: calc(1px+100%); opacity: 1;}
}
.wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny {
transform: rotate(-90deg) translateY(3px);
}
.wds-dropdown-level-2 svg#wds-icons-menu-control-tiny {
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
}
svg#wds-icons-dropdown-tiny {
transition: transform 0.2s;
}
/*Mass categorations permissions*/
window.MassCategorizationGroups = ['bureaucrat', 'sysop', 'content-moderator'];
/*Username*/
@keyframes RainbowUserName{
from {
-webkit-filter:hue-rotate(15deg);
filter:hue-rotate(15deg);
}
to {
-webkit-filter:hue-rotate(360deg);
filter:hue-rotate(360deg);
}
}
/*usernames*/
@keyframes limeglow {
from {
background-color:#00FF00;
box-shadow:0 0 18px #00FF00;
}
to {
background-color:#00FF00;
box-shadow:0 0 18px #00FF00;
}
}
img[alt="Lifevault"].avatar,
li[data-user="Lifevault"] .avatar {
animation-name: limeglow;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
border-radius: 100%;
}
/********************** END Minimalist Slider ***********************/