MediaWiki:ActivityFeed.css

/* =================================== */ /* FandomizedActivityFeed by JustLeafy */ /* =================================== */ /* 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; } 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 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; } /* 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 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 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; }

/* =============================== */ /* ModernWikiActivity by Americhino*/ /* =============================== */ .activityfeed > li { border-left: 5px solid #fbfbfb; border-top: none !important; margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; font-family: var(--mwa-font); } .activityfeed > li.activity-type-edit { border-left-color: var(--mwa-edit); } .activityfeed > li.activity-type-edit strong a { color: var(--mwa-edit); } .activityfeed > li.activity-type-new { border-left-color: var(--mwa-new); } .activityfeed > li.activity-type-new strong a { color: var(--mwa-new); } .activityfeed > li.activity-type-talk { border-left-color: var(--mwa-talk); } .activityfeed > li.activity-type-talk strong a { color: var(--mwa-talk); } .activityfeed > li.activity-type-categorization { border-left-color: var(--mwa-cat); } .activityfeed > li.activity-type-categorization strong a { color: var(--mwa-cat); } .activityfeed .subtle, .activityfeed .wallfeed a { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed em { text-transform: var(--mwa-text-transform); font-size: smaller; font-weight: bold; font-style: normal; } .activityfeed .wall-owner { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed .avatar { border: 0 !important; border-radius: var(--mwa-avatar-radius); } .page-Special_WikiActivity .page-header__page-subtitle a { text-transform: var(--mwa-link-transform); font-weight: bold; font-size: x-small } .page-Special_WikiActivity a:hover { filter: brightness(80%); text-decoration: none; } /* Icons */ .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-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: var(--mwa-edit); } .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-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: var(--mwa-talk); } .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-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: var(--mwa-cat); } .activityfeed > li.activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-error-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-error-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-new); transform: rotate(45deg); } .activityfeed-diff img { content: url("data:image/svg+xml; utf8,  "); background-image: none !important } .oasis-dark-theme .activityfeed-diff img { content: url("data:image/svg+xml; utf8,  "); background-image: none !important } .activityfeed > li { --mwa-edit: #feaf09; --mwa-talk: grey; --mwa-cat: #b76801; --mwa-new: deepskyblue; --mwa-font: Rubik, sans-serif; --mwa-link-transform: uppercase; --mwa-text-transform: uppercase; --mwa-avatar-radius: 50%; }