MediaWiki:FandomizedActivityFeed.css

/* Modernizing Activity Feed */

/* Light Theme */ /* Feed */ .activityfeed a:hover { text-decoration: none; filter: brightness(115%); transition: .3s; } .activityfeed > :first-child { background-color: #f1f1f1; } .activityfeed > li:not(:first-child) { border-top: none; background-color: #f1f1f1; } .activityfeed > li { padding-left: 35px; } span.wall-owner { font-weight: bold; } span.wall-owner > a:hover, .activityfeed .subtle > a:hover { text-decoration: none; filter: brightness(115%); transition: .3s; } span.subtle > a { color: gray !important; font-weight: bold; } li.activity-type-talk.activity-ns-1 { background-color: #f1f1f1; } .dark_text_2 { color: black; } table.wallfeed td img.avatar { border: 2px #cccccc solid; border-radius: 14px; margin-top: 0; } .WikiaArticle em { font-style: normal; } .activityfeed td.activityfeed-details-label { font-weight: bold; } /* Exclusive Modules */ .CommunityCornerModule ul { list-style-type: disc; } section.HotSpotsModule.module, section.CommunityCornerModule.module { border: none; background: none; margin-left: -2px; } h2.dark_text_2, .HotSpotsModule.module h2 { padding-left: 0 !important; border-bottom: 1px #cccccc solid !important; padding-bottom: 5px; margin-bottom: 8px !important; } .CommunityCornerModule a.more { border: 1px #3a3a3a solid; padding: 7px 12px; text-transform: uppercase; color: #3a3a3a; margin-right: 80px; } .CommunityCornerModule a.more:hover { text-decoration: none; color: #6d6d6d; border-color: #6d6d6d; transition: .3s; } .HotSpotsModule p { font-weight: bold; text-transform: uppercase; font-size: 10px; } .HotSpotsModule li small { display: none !important; } .HotSpotsModule li big { font-weight: bold; font-size: 16px !important; padding-left: 6px !important; padding-right: 1px; } .HotSpotsModule li div div { border-radius: 50% !important; padding: 2px 5px !important; } .HotSpotsModule a.title { font-size: 16px; } .HotSpotsModule a.title:hover { text-decoration: none !important; filter: brightness(115%); transition: .3s; } .HotSpotsModule li .hot-spot-severity-1, .HotSpotsModule li .hot-spot-severity-2, .HotSpotsModule li .hot-spot-severity-3, .HotSpotsModule li .hot-spot-severity-4, .HotSpotsModule li .hot-spot-severity-5 { background-color: gray !important; } /* More Link */ .activity-feed-more { border: 1px #3a3a3a solid; } .activity-feed-more a { color: #3a3a3a; text-transform: uppercase; font-weight: bold; } .activity-feed-more a:hover, .activity-feed-more:hover { color: #6d6d6d; border-color: #6d6d6d; transition: .3s; text-decoration: none; } .activityfeed strong { font-size: 14px; } /* Wiki Activity Icons (credits go to Unai for the original code) */ .skin-oasis .sprite.edit { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; margin-left: -30px; } .skin-oasis .sprite.new { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-error-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-error-small.svg"); width: 18px; transform: rotate(45deg); } .skin-oasis .sprite.move { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-arrow-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-arrow-small.svg"); width: 18px; transform: rotate(180deg); } .skin-oasis .sprite.talk { -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg); background-color: currentColor; background-image: none; height: 18px !important; mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg); width: 18px !important; } .skin-oasis .sprite.categorization { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-tag-small.svg"); background-color: currentColor; background-image: none; height: 18px !important; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px !important; background-repeat: no-repeat !important; padding-right: 0px; } a.activityfeed-diff > img { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-magnifying-glass.svg"); background-color: currentColor; background-image: none !important; height: 24px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg"); width: 24px; }

/* Dark Theme */

/* Feed */ .oasis-dark-theme #myhome-activityfeed > li > strong > a.title:hover, .oasis-dark-theme #myhome-activityfeed > li > span > a:hover, .oasis-dark-theme #myhome-activityfeed > li > table > tbody > tr > td > p > a.real-name:hover, .oasis-dark-theme #myhome-activityfeed > li > table > tbody > tr > td > a:hover, span.subtle > a:hover { color: #999 !important; } .oasis-dark-theme .activityfeed a:hover, .oasis-dark-theme span.wall-owner > a:hover, .oasis-dark-theme .activityfeed .subtle > a:hover { text-decoration: none; color: #bbb; transition: .3s; } .oasis-dark-theme .activityfeed > :first-child, .oasis-dark-theme .activityfeed > li:not(:first-child) { background-color: #222222; border-top: none; color: white; } .oasis-dark-theme table.wallfeed td { color: white; } .oasis-dark-theme .activityfeed > a { color: gray !important; } .oasis-dark-theme .activityfeed > li { padding-left: 35px; } .oasis-dark-theme span.wall-owner { font-weight: bold; } .oasis-dark-theme span.subtle > a { color: gray !important; font-weight: bold; } .oasis-dark-theme .activity-type-talk { background-color: #222222; } .oasis-dark-theme .dark_text_2 { color: white; } .oasis-dark-theme table.wallfeed td .avatar { border: 2px #cccccc solid; border-radius: 50%; margin-top: 0; } .oasis-dark-theme .WikiaArticle em { font-style: normal; } .oasis-dark-theme .activityfeed .activityfeed-details-label { font-weight: bold; } .oasis-dark-theme #myhome-activityfeed > li > strong > a.title, .oasis-dark-theme #myhome-activityfeed > li > span > a, .oasis-dark-theme #myhome-activityfeed > li > table > tbody > tr > td > p > a.real-name, .oasis-dark-theme #myhome-activityfeed > li > table > tbody > tr > td > a { color: gray !important; } /* Exclusive Modules */ .oasis-dark-theme .CommunityCornerModule ul { list-style-type: disc; } .oasis-dark-theme section.HotSpotsModule, .oasis-dark-theme section.CommunityCornerModule { border: none; background: none; margin-left: -2px; } .oasis-dark-theme h2.dark_text_2, .oasis-dark-theme .HotSpotsModule h2 { padding-left: 0 !important; border-bottom: 1px #cccccc solid !important; padding-bottom: 5px; margin-bottom: 8px !important; } .oasis-dark-theme .CommunityCornerModule a.more { border: 1px #D5D4D4 solid; padding: 7px 12px; text-transform: uppercase; color: #D5D4D4; margin-right: 80px; } .oasis-dark-theme .CommunityCornerModule a.more:hover { text-decoration: none; color: #a3a0a0; border-color: #a3a0a0; transition: .3s; } .oasis-dark-theme .HotSpotsModule p { font-weight: bold; text-transform: uppercase; font-size: 10px; } .oasis-dark-theme .HotSpotsModule li small { display: none !important; } .oasis-dark-theme .HotSpotsModule li big { font-weight: bold; font-size: 16px !important; padding-left: 6px !important; padding-right: 1px; } .oasis-dark-theme .HotSpotsModule li div div { border-radius: 14px !important; padding: 2px 5px !important; } .oasis-dark-theme .HotSpotsModule a.title { font-size: 16px; color: gray; } .oasis-dark-theme .HotSpotsModule a.title:hover { text-decoration: none !important; color: #999; transition: .3s; } .oasis-dark-theme .HotSpotsModule li .hot-spot-severity-1, .oasis-dark-theme .HotSpotsModule li .hot-spot-severity-2, .oasis-dark-theme .HotSpotsModule li .hot-spot-severity-3, .oasis-dark-theme .HotSpotsModule li .hot-spot-severity-4, .oasis-dark-theme .HotSpotsModule li .hot-spot-severity-5 { background-color: gray !important; } /* More Link */ .oasis-dark-theme .activity-feed-more { border: 1px #D5D4D4 solid; } .oasis-dark-theme .activity-feed-more a { color: #D5D4D4; text-transform: uppercase; font-weight: bold; } .oasis-dark-theme .activity-feed-more a:hover, .oasis-dark-theme .activity-feed-more:hover { color: #a3a0a0; border-color: #a3a0a0; transition: .3s; text-decoration: none; } .oasis-dark-theme .activityfeed strong { font-size: 14px; } .oasis-dark-theme table.wallfeed td p { color: white !important; } /* Wiki Activity Icons (credits go to Unai for the original code) */ .oasis-dark-theme .skin-oasis .sprite.edit { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; margin-left: -30px; } .oasis-dark-theme .skin-oasis .sprite.new { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-error-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-error-small.svg"); width: 18px; transform: rotate(45deg); } .oasis-dark-theme .skin-oasis .sprite.move { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-arrow-small.svg"); background-color: currentColor; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-arrow-small.svg"); width: 18px; transform: rotate(180deg); } .oasis-dark-theme .skin-oasis .sprite.talk { -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg); background-color: currentColor; background-image: none; height: 18px !important; mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg); width: 18px !important; } .oasis-dark-theme .skin-oasis .sprite.categorization { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-tag-small.svg"); background-color: currentColor; background-image: none; height: 18px !important; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px !important; background-repeat: no-repeat !important; padding-right: 0px; } .oasis-dark-theme a.activityfeed-diff > img { -webkit-mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-magnifying-glass.svg"); background-color: currentColor; background-image: none !important; height: 24px; mask-image: url("/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply-small.svg"); width: 24px; }