No edit summary |
No edit summary |
||
| Line 200: | Line 200: | ||
font-weight: bold !important; |
font-weight: bold !important; |
||
color: #7538FF !important; |
color: #7538FF !important; |
||
| + | } |
||
| + | .Wall .edited-by .subtle[href$="Vozhan"]:after { |
||
| + | color: #767FFF !important; |
||
| + | content: "regional manager" !important; |
||
| + | font-size: 15px; |
||
| + | font-variant: small-caps; |
||
| + | font-weight: 600; |
||
| + | |||
| + | } |
||
| + | |||
| + | a[href$="Muhdika"] { |
||
| + | font-weight: bold !important; |
||
| + | color: #0A1172 !important; |
||
} |
} |
||
.Wall .edited-by .subtle[href$="Vozhan"]:after { |
.Wall .edited-by .subtle[href$="Vozhan"]:after { |
||
Revision as of 05:43, 22 May 2020
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
@font-face {
font-family: AmericanTypewriter;
src: url('https://vignette.wikia.nocookie.net/theoffice/images/9/98/AmericanTypewriter.ttf') format('truetype');
}
body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select {font-family: 'Arimo', sans-serif !important;}
.wds-community-header {font-family: 'AmericanTypewriter' !important;}/*/
/* PAGE GLOWING */
.WikiaPage {
border-color: #0080FF;
}/*/
/* CODE TAGS */
.SpeechBubble .speech-bubble-message code,
.WikiaArticle code,
code {
background-color: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(0,0,0,0.15);
border-radius: 5px;
font-family: 'Inter', sans-serif;
font-style: normal;
padding: 0.5px 2.5px
}/*/
/* PREFORMATTED TAGS & SYNTAXHIGHLIGHT TAGS */
.WikiaArticle pre,
.pre {
border: 3px solid rgba(0, 0, 0, 0.08);
line-height: 140%;
width: auto;
margin: 10px auto;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
white-space: pre\9
}
#mw-content-text .css.source-css {
white-space: pre;
font-size: 13px
}
.css.source-css pre.de1,
.css.source-css pre.de2 {
padding: 12px
}/*/
/* SCROLLBAR */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body::-webkit-scrollbar {
background: #F5F5F5;
}
::-webkit-scrollbar-thumb {
background: #AFDBF6;
}
::-webkit-scrollbar-thumb:hover {
background: #0080FF;
}
::-webkit-scrollbar-thumb:active {
background: #0080FF;
}/*/
/* INFOBOXES */
.portable-infobox {
background-color:#E8F6FF;
border:1px solid #0080FF;
color:black;
font-size:90%;
}
.pi-title {
background-color:#AFDBF6;
color:#502409;
font-size:medium !important;
text-align:center;
font-weight:bold;
}
.pi-secondary-background,
.pi-navigation {
background-color:#AFDBF6;
color:#502409;
font-size:small !important;
text-align:center;
font-weight:bold;
}
.pi-caption {
text-align:center;
font-weight:bold;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs,
.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group),
.portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group,
.portable-infobox:not(.pi-theme-blogbox) .pi-navigation,
.portable-infobox.pi-background:not(.pi-theme-blogbox),
.portable-infobox:not(.pi-theme-blogbox) .pi-header {
transition: all 0.15s;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs:hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-navigation:hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-header:hover {
position: relative;
z-index: 2;
margin-left: -3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):not(.pi-smart-group):not(.pi-title):not(.pi-header):not(.pi-image):hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover {
width: calc(100% + 3px);
box-sizing: border-box;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover {
padding-right: 3px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-item-spacing:not(.pi-horizontal-group-item):not(.pi-smart-data-label):not(.pi-smart-data-value):not(.pi-tab-link):not(.pi-caption):hover {
padding-right: 17px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-group.pi-item.pi-collapse .pi-header.pi-item-spacing:first-child:hover {
padding-right: 28px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-header:hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-title:hover {
padding: 11px 14px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):not(.pi-title):not(.pi-header):hover,
.portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs:hover {
padding-top: 3px;
padding-bottom: 3px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-navigation:hover {
padding-top: 13px;
padding-bottom: 13px;
}
.portable-infobox:not(.pi-theme-blogbox) .pi-tab-link.current {
position: relative;
z-index: 2;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.portable-infobox.pi-background:not(.pi-theme-blogbox):hover {
margin-bottom: 0;
}/*/
/* EDIT SECTION */
.WikiaArticle .editsection {
text-transform: lowercase;
font-weight: normal !important;
}
.sprite.edit-pencil {
display: none;
}
.editsection a::before {
content: '[';
}
.editsection a::after {
content: ']';
}
.WikiaArticle .editsection {
float: right !important;
margin-right: 10px !important;
}/*/
/* PAGE HISTORY */
.WikiaArticle #pagehistory li.selected {
padding: 0 5px;
border: none;
background-color: #E8F6FF;
}/*/
/* RC ARROWS */
.mw-rc-openarrow a img,
.mw-rc-closearrow a img {
opacity: 0;
position: absolute
}
.mw-rc-openarrow a,
.mw-rc-closearrow a {
display: inline-block;
width: 12px;
height: 12px
}
.mw-rc-openarrow a {
background-image: linear-gradient( transparent, transparent ),
url( 'data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E' )
}
.mw-rc-closearrow a {
background-image: linear-gradient( transparent, transparent ),
url( 'data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M1.165%203.624h9.671l-4.871%204.752z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E' )
}/*/
/* ADMIN HIGHLIGHTS */
a[href$="Vozhan"] {
font-weight: bold !important;
color: #7538FF !important;
}
.Wall .edited-by .subtle[href$="Vozhan"]:after {
color: #767FFF !important;
content: "regional manager" !important;
font-size: 15px;
font-variant: small-caps;
font-weight: 600;
}
a[href$="Muhdika"] {
font-weight: bold !important;
color: #0A1172 !important;
}
.Wall .edited-by .subtle[href$="Vozhan"]:after {
color: #767FFF !important;
content: "regional manager" !important;
font-size: 15px;
font-variant: small-caps;
font-weight: 600;
}/*/
/* USER PROFILES */
.UserProfileMasthead .masthead-avatar .avatar {
border: 5px solid #0080FF !important;
}
.UserProfileMasthead {
min-height: 190px;
}
.UserProfileMasthead > div.masthead-info > div.masthead-info-lower::before {
display: none;
}
.masthead-avatar img {
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.masthead-avatar:hover img {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border-radius: 100%;
box-shadow: 0 0 20px black;
transform: rotate(360deg);
}
.masthead-avatar .sprite.edit-pencil {
display: none;
}
#userAvatarEdit {
margin-left: 45px;
}
.UserProfileMasthead .masthead-info hgroup {
border-radius: 0;
}
.UserProfileMasthead .masthead-info-lower::before {
border-style: none;
}
.avatar {
border-radius: 12px;
border: none;
}
.UserProfileMasthead > div.masthead-info {
background-color: #EEF8FF;
border-radius: 15px;
margin: 15px 0 15px 165px;
}/*/
/* TABS */
.tabs {
border: none;
border-bottom: 2px solid #0080FF;
padding-bottom: 2px;
}
.tabs li a {
border: none;
border-radius: 0;
top: 0;
}
.tabs li a:hover {
text-decoration: none;
color: white !important;
background-color: #C0EAFA;
}
.tabs .selected a {
font-weight: bold;
text-decoration: none;
background-color: #AFDBF6;
color: black !important;
border: none;
}
.tabs .selected a:hover {
background-color: #C0EAFA;
}/*/
/* MESSAGE WALLS */
.article-comments li.comment .speech-bubble-message:hover,
.Wall ul.comments > li.message ul.replies > li.SpeechBubble.message .speech-bubble-message:hover {
background: rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}/*/
/* WIKI ACTIVITY */
.activityfeed > li {
border-left: 5px solid #0080FF;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
margin: 0.5em;
overflow: hidden;
padding-left: 3em;
transition: all 0.3s;
background: #E8F6FF;
}
.activityfeed > li:hover {
border-left-width: 10px;
background-color: #C0EAFA;
}
.activity-type-edit img.edit.sprite {
-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg") !important;
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: #0080FF;
}
.activity-type-talk img.talk.sprite {
-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble-small.svg");
background-image: none;
height: 18px;
mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble-small.svg");
width: 18px;
background-repeat: no-repeat;
background-color: #0080FF;
}
.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: #0080FF;
}
.activity-type-new img.new.sprite {
-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg");
background-image: none;
height: 18px;
mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg");
width: 18px;
background-repeat: no-repeat;
background-color: #0080FF;
}
.activityfeed-diff img {
content: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg);
background-image: none !important;
}/*/
/* BUTTONS */
:root {
--fb-border-color: #0080FF;
--fb-hover-border-color: #00D4FF;
--fb-border-radius: 5px;
--fb-font: Courier New;
}
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open) {
background-image: none !important;
border-color: var(--fb-border-color) !important;
border-radius: var(--fb-border-radius) !important;
font-family: var(--fb-font) !important;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
line-height: 19px !important;
}
a.wikia-button:hover,
.wikia-single-button a:hover,
.wikia-menu-button:hover,
.wikia-menu-button > a:hover,
.wikia-menu-button > .drop:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover,
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):hover {
background-image: none !important;
border-color: var(--fb-hover-border-color) !important;
}
a.wikia-button.active,
a.wikia-button:active,
.wikia-single-button a.active,
.wikia-single-button a:active,
.wikia-menu-button.active,
.wikia-menu-button:active,
input[type="submit"].active,
input[type="submit"]:active,
input[type="reset"].active,
input[type="reset"]:active,
input[type="button"].active,
input[type="button"]:active,
.button.active,
.button:active,
.WikiaPage button.active:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open),
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):active {
background-image: none !important;
border-color: transparent;
}
a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary,
.button.secondary {
background-color: transparent !important;
background-image: none !important;
border-color: currentColor !important;
font-family: var(--fb-font);
font-size: 10px;
font-weight: bold;
border-radius: var(--fb-border-radius) !important;
color: currentColor !important;
text-transform: uppercase;
}
a.wikia-button.secondary:hover,
.wikia-single-button a.secondary:hover,
.wikia-menu-button.secondary:hover,
input[type="submit"].secondary:hover,
input[type="reset"].secondary:hover,
input[type="button"].secondary:hover,
.button.secondary:hover {
background-color: transparent !important;
background-image: none !important;
border-color: currentColor;
}
a.wikia-button.secondary.active,
a.wikia-button.secondary:active,
.wikia-single-button a.secondary.active,
.wikia-single-button a.secondary:active,
.wikia-menu-button.secondary.active,
.wikia-menu-button.secondary:active,
input[type="submit"].secondary.active,
input[type="submit"].secondary:active,
input[type="reset"].secondary.active,
input[type="reset"].secondary:active,
input[type="button"].secondary.active,
input[type="button"].secondary:active,
.button.secondary.active,
.button.secondary:active {
background-color: transparent !important;
background-image: none !important;
border-color: currentColor;
}
.EditPage .cke_button > a {
background-image: none !important;
border-color: transparent;
text-transform: uppercase;
font-size: 10px !important;
font-weight: bold;
border-radius: var(--fb-border-radius) !important;
font-family: var(--fb-font);
}
.wikia-menu-button,
button.wikia-button {
background-image: none !important;
border-color: transparent;
border-radius: var(--fb-border-radius) !important;
font-family: var(--fb-font);
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.wikia-menu-button > a,
.wikia-menu-button .drop {
background-image: none !important;
border-color: transparent;
border-radius: var(--fb-border-radius);
font-family: var(--fb-font);
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}/*/
/* SECTION HEADINGS */
.WikiaArticle h2 {
border-bottom: 1px solid #0080FF;
font-family: 'Inter', sans-serif;
margin-bottom: .6em;
margin-top: 20px;
}
.WikiaArticle h3 {
font-family: 'Inter', sans-serif;
}/*/
/* TABLE OF CONTENTS */
.WikiaArticle .toc {
border-radius: 5px;
border-color: #0080FF !important;
background-color: #E8F6FF !important;
}/*/
/* LINKS */
#WikiaPage a:hover,
.WikiaLightbox a:hover {
text-shadow: #00B9FF;
color: #00A2FF !important;
text-decoration: underline;
}
#WikiaPage a:active,
.WikiaLightbox a:active {
color: #00A2FF !important;
text-shadow: 0 0 2.5px #00B9FF;
}
.WikiaNotifications li div a {
color: #AFDBF6;
}/*/
/* RED LINKS (WANTED PAGES) */
#mw-content-text a.new {
color: #FF0000;
}/*/
/* COMMUNITY PAGE */
.page-Special_Community a[data-tracking*="avatar"] {
padding-left: unset;
background: unset;
}
.page-Special_Community a[data-tracking*="avatar"] > img {
border: none;
}/*/
/* RAIL MODULE */
.WikiaRail .rail-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticle pre,
.WikiaArticleCategories {
background-color: #E8F6FF;
border: 1px solid #0080FF !important;
vertical-align: text-bottom !important;
border-radius: 5px !important;
}
.WikiaRail .rail-module {
padding: 20px 15px 15px;
margin: 0 0 30px 0;
}
a.wds-avatar-stack__avatar {
background: none;
padding-left: 0;
}
.community-page-rail-module .wds-avatar a {
background-image: none;
padding-left: unset;
}/*/