User:Aphrodite Belleza

Ref: (Rejected Tooltip)

Ref: (Current tooltip) /* Popup Test */ /* Source: "http://www.jomendez.com/2016/06/07/css-tooltip-without-javascript-jquery/" */ html, body { padding: 4rem; } .container { background-color: #000; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, 0.35); padding: 1em; border: 1px solid #eee; display: block; width: 200px; color: #fff } .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tooltip-toggle { cursor: pointer; position: relative; } .tooltip-toggle::before { position: absolute; top: -80px; left: -80px; background-color: green; border-radius: 5px; color: #fff; content: attr(data-tooltip); padding: 1rem; text-transform: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 160px; } .tooltip-toggle::after { position: absolute; top: -12px; left: 9px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid green; content: " "; font-size: 0; line-height: 0; margin-left: -5px; width: 0; } .tooltip-toggle::before, .tooltip-toggle::after { color: #efefef; font-family: monospace; font-size: 16px; opacity: 0; pointer-events: none; text-align: center; } .tooltip-toggle:hover::before, .tooltip-toggle:hover::after { opacity: 1; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; }

Hover over this

Hover over this

/* Special:WikiActivity Customization */ .activityfeed > li.activity-type-edit img.edit.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #ddbb6f; } .activityfeed > li.activity-type-talk img.talk.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-small.svg"); width: 18px; background-repeat: no-repeat; background-color: rgba(0,0,0,0.25); } .activityfeed > li.activity-type-categorization img.categorization.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #dd7666; } .activityfeed > li.activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-article-small.svg"); width: 18px; background-repeat: no-repeat; background-color: #7e9293; } .activityfeed-diff img { content: url("data:image/svg+xml; utf8,  "); background-image: none !important; } .activityfeed > li, .WikiaBlogListing li.WikiaBlogListingPost { margin: 0; padding: 10px 20px 10px 40px; transition: all 0.25s; } .WikiaBlogListing li.WikiaBlogListingPost { padding-left: 20px; } .WikiaBlogListing li.WikiaBlogListingPost:last-child { margin-bottom: 16px; } .WikiaBlogListing li.WikiaBlogListingPost h2 { font-weight: 600; font-size: 1.5rem; } .activityfeed > li:hover, .WikiaBlogListing li.WikiaBlogListingPost:hover { background: rgba(0, 0, 0 ,0.05); border-left: 5px solid #577832; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

/* Back to Top Button test */ background: #a9dae5 url("https://vignette.wikia.nocookie.net/justiceleagues/images/c/c5/Btn_top.png") no-repeat center top !important; } display: #7a0303 !important; background: url("https://vignette.wikia.nocookie.net/justiceleagues/images/c/c5/Btn_top.png/scale-to-width-down/25") !important; } /* Notifications at the bottom of the website */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; } .WikiaNotifications li div a { font-weight: bold; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }
 * 1) BackToTopBtn {
 * 1) BackToTopBtn div {

Note to Self
Possible scripts to import after rollback: @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css&only=styles"); @import url('/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorVisualMinimal/code.css&only=styles'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedThemeDesigner.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedLoadingScreens.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernLightbox.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedBloglists/code.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles");