MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* See also: MediaWiki:Monobook.css */ /* */
 * CSS placed here will be applied to all skins on the entire site. *****/

/* Source Editor */ /* Parts from http://dev.wikia.com/EditorSourceMinimal */ .EditPageHeader { padding: 5px 5px 5px 20px; } .EditPageToolbar { box-shadow: none; } d .NotificationsLink, .HelpLink, .EditPage .module > .module_content, .EditPageMainContainer .EditPageToolbar, .EditPage .module > h3, .EditPage .cke_button > a:hover { background-image: none; } .editpage-sourcewidemode .editpage-widemode-trigger { border: none; }

/* Header */ .WikiaPage { border: 1px solid #99ccff; border-top: 3px solid #f2b752; } /* Content Area Tweaks */ .WikiaArticle { line-height: 1.5em; font-size: 13px; }

button.secondary, .CategorySelect.articlePage .add { background-color:#e5b900; color:white; border:1px solid #ffe266; }

.msg-toolbar > div.buttonswrapper > div.buttons > button.secondary, .WikiaArticleComments .edited-by .wikia-button { border: 1px solid #b9b9b9; color: #39424d; }

.WikiaArticle .mw-headline { font-family:'Avenir Next 101','Helvetica','Arial','sans-serif'; font-weight:500; } .WikiaArticle h2 { font-size:1.45rem; } .WikiaArticle h4 .mw-headline { font-weight:600; font-size:0.95rem; } .WikiaPage h3 { font-size:18px; } .WikiaPageHeader details { background-image:none; } .WikiaArticle .toc { line-height: 1.5em; background-image:none; background-color: transparent; border: 2px solid #fff7f7; border-radius: 10px; } .WikiaArticle .article-thumb { background-color: #d4e6f7; background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #F2F2F2 100%); overflow: hidden; border:0; border-radius:5px; padding: 3px; text-align: center; margin: 0 2% 1% 1%; } .WikiaArticle .caption { font-size:11px; line-height: 12px; }

.wikitable { background-image: none; border: 1px solid black; } .wikitable, table.wikitable { background: none; border: 1px solid black; } table.wikitable th, table.wikitable td { border: 1px solid black; }

/*** STANDARD WIKIA SETTINGS ***/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } /* Infobox template style -- Changed colors to old-style infobox */ .infobox, .WikiaArticle .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #000000; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; width: 258px; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; padding-left:5px; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* */ /* right hand rail */ .WikiaRail .module, .WikiaRail .ForumActivityModule, .WikiaRail .WikiaActivityModule, .WikiaRail .LatestPhotosModule, .HotSpotsModule.module, .WikiaRail .ChatModule, .ChatEntryPoint, .WikiaRail .AchievementsModule, .WikiaRail .UserProfileAchievementsModule, .WikiaRail .WikiaLatestEarnedBadgesModule, .WikiaRail .WikiaBlogListingBox, .WikiaRail .FollowedPagesModule, .WikiaRail .insights-module, .CategorinfySelect.articlePage .container, .WikiaRail .CommunityCornerModule, .image-thumbnail.fluid > img,  .WikiaRail #RIGHT_SKYSCRAPER { background-color: transparent; border-radius:10px; }

/** portable infobox styles based on previous Template:Character infobox styling **/ .portable-infobox { color:#FFFFFF; }

.portable-infobox section:nth-child(3) { border-bottom-width:0; } .portable-infobox { background-color: black; border: 2px solid #e5ae54; width: 258px; border-radius:7px; overflow:hidden; }

.portable-infobox .pi-navigation a { color:white; } .portable-infobox .pi-collapse .pi-header:first-child::after { border-color: #ffffff; } .pi-item-spacing.pi-secondary-background.pi-secondary-font { font-family: futura; } .pi-image img { width: 100%; height: auto; } .video-thumbnail img { display: inline; overflow: hidden; } .portable-infobox .pi-navigation { text-align:center; }

.pi-background.pi-theme-lightblue.pi-layout-stacked > nav, .pi-background.pi-theme-lightblue.pi-layout-stacked > section > h2 { color:#002f52; } .pi-theme-red, .pi-theme-darkred { border: 2px solid #5b0100; } .pi-theme-brown, .pi-theme-orange, .pi-theme-yellow { border:2px solid #a55000; } .pi-theme-mint, .pi-theme-green, .pi-theme-lightgreen { border: 2px solid #006d20; } .pi-theme-lightblue, .pi-theme-teal { border: 2px solid #040f66; } .pi-theme-pink, .pi-theme-purple { border:2px solid #6a076d; } .pi-theme-lavender, .pi-theme-gray { border:2px solid #4d427b; } .pi-theme-red .pi-border-color, .pi-theme-pink .pi-border-color, .pi-theme-darkred .pi-border-color { border-color:#e59f9f; } .pi-theme-orange .pi-border-color, .pi-theme-yellow .pi-border-color, .pi-theme-brown .pi-border-color { border-color:#e6a119; } .pi-theme-green .pi-border-color, .pi-theme-mint .pi-border-color, .pi-theme-lightgreen .pi-border-color { border-color:#63e086; } .pi-theme-lavender .pi-border-color, .pi-theme-gray .pi-border-color { border-color:#afacb7; } .pi-image img { width: 100%; height: auto; } .portable-infobox h2 { text-align:center; box-shadow: 0 -3px 7px 0 #d10000 inset, 0 -11px 9px 4px #f60000  inset, 0 3px 3px 0 #f60000 inset,0 4px 10px 1px #ffc6c6 inset, 0 4px 5px 0 #ff2100 inset; color:#ffffff; background:#f92121; font-size:larger; } .portable-infobox .pi-group .pi-header, .pi-secondary-background { text-align:center; font-weight:normal; color:#ffffff; box-shadow: 0 -3px 7px 0 #480000 inset, 0 -11px 9px 4px #cb0000 inset, 0 3px 3px 0 #cb0000 inset,0 4px 10px 1px #fc3232 inset, 0 -32px 28px -17px white inset; background:#df0000; } .portable-infobox .pi-theme-red h2 { box-shadow:0 -3px 7px 0 #D00A08 inset, 0 -11px 9px 4px #F20C0C inset, 0 3px 3px 0 #F20C0C inset, 0 4px 10px 1px #FA2424 inset, 0 4px 5px 0 #FE4D4D inset; background:#FF6B60; } .portable-infobox .pi-theme-red .pi-group .pi-header, .portable-infobox.pi-theme-red .pi-secondary-background { box-shadow: 0 -3px 7px 0 #FE5555 inset, 0 -11px 9px 4px #EA6E6E inset, 0 3px 3px 0 #EA6E6E inset,0 4px 10px 1px #F58383 inset, 0 -32px 28px -17px white inset; background:#FE4D4D; } .portable-infobox.pi-theme-green h2 { box-shadow:0 -3px 7px 0 #1C6909 inset, 0 -11px 9px 4px #10B821 inset, 0 3px 3px 0 #04C518 inset, 0 4px 10px 1px #0FF026 inset, 0 4px 5px 0 #008B8B inset; background:#28CE1C; } .portable-infobox.pi-theme-green .pi-group .pi-header, .portable-infobox.pi-theme-green .pi-secondary-background { box-shadow: 0 -3px 7px 0 #013506 inset, 0 -11px 9px 4px #006B0A inset, 0 3px 3px 0 #028C0F inset,0 4px 10px 1px #00CE13 inset, 0 -32px 28px -17px white inset; background:#008000; } .portable-infobox.pi-theme-darkred h2 { box-shadow:0 -3px 7px 0 #5A0808 inset, 0 -11px 9px 4px #850404 inset, 0 3px 3px 0 #850404 inset, 0 4px 10px 1px #A91010 inset, 0 4px 5px 0 #db2929 inset; background:#E31414; } .portable-infobox.pi-theme-darkred .pi-group .pi-header, .portable-infobox.pi-theme-darkred .pi-secondary-background { box-shadow: 0 -3px 7px 0 #5A0808 inset, 0 -11px 9px 4px #850404 inset, 0 3px 3px 0 #850404 inset,0 4px 10px 1px #A91010 inset, 0 -32px 28px -17px #C80C0C inset; background:#E31414; } .portable-infobox.pi-theme-lavender h2 { box-shadow: 0 -3px 7px 0 #6B6B90 inset, 0 -11px 9px 4px #8B8BB0 inset, 0 3px 3px 0 #8B8BB0 inset,0 4px 10px 1px #BFBFE2 inset, 0 -32px 28px -17px #b586e2 inset; background:#CCCCFF; } .portable-infobox.pi-theme-lavender .pi-group .pi-header, .portable-infobox.pi-theme-lavender .pi-secondary-background { box-shadow: 0 -3px 7px 0 #6B6B90 inset, 0 -11px 9px 4px #8B8BB0 inset, 0 3px 3px 0 #8B8BB0 inset,0 4px 10px 1px #BFBFE2 inset, 0 -32px 28px -17px #b586e2 inset; background:#CCCCFF; } .portable-infobox.pi-theme-gray h2 { box-shadow:0 -3px 7px 0 #747478 inset, 0 -11px 9px 4px #9A9A9F inset, 0 3px 3px 0 #9A9A9F inset, 0 4px 10px 1px #C5C5CB inset, 0 4px 5px 0 #DADAE4 inset; background:#F9F9F9; } .pi-theme-gray > h2 { color:black; } .portable-infobox.pi-theme-gray .pi-group .pi-header, .portable-infobox.pi-theme-gray .pi-secondary-background { box-shadow: 0 -3px 7px 0 #424242 inset, 0 -11px 9px 4px #585858 inset, 0 3px 3px 0 #585858 inset,0 4px 10px 1px #707070 inset, 0 -32px 28px -17px #7D7D7D inset; background:#8E8E8E; } .portable-infobox.pi-theme-lightblue h2 { box-shadow:0 -3px 7px 0 #56b4d4 inset, 0 -11px 9px 4px #64bdda inset, 0 3px 3px 0 #72c5df inset, 0 4px 10px 1px #80cce3 inset, 0 4px 5px 0 #80cce3 inset; background:#99d9ea; } .portable-infobox.pi-theme-lightblue .pi-group .pi-header, .portable-infobox.pi-theme-lightblue .pi-secondary-background { box-shadow: 0 -3px 7px 0 #76D4F4 inset, 0 -11px 9px 4px #89E2FF inset, 0 3px 3px 0 #A2E9FF inset,0 4px 10px 1px #B7EEFF inset, 0 -32px 28px -17px #B7EEFF inset; background:#D1F5FF; } .portable-infobox .pi-theme-lightgreen { box-shadow:0 -3px 7px 0 #538B0F inset, 0 -11px 9px 4px #79BB28 inset, 0 3px 3px 0 #79BB28 inset, 0 4px 10px 1px #8DD337 inset, 0 4px 5px 0 #8EF80B inset; background:#8AEC11; } .portable-infobox .pi-theme-lightgreen .pi-group .pi-heade, .portable-infobox.pi-theme-lightgreen .pi-secondary-background { box-shadow: 0 -3px 7px 0 #538B0F inset, 0 -13px 17px 4px #79BB28 inset, 0 3px 7px 0 #79BB28 inset,0 4px 10px 1px #8DD337 inset, 0 4px 5px 0 #8EF80B inset; background:#8AEC11; } .portable-infobox.pi-theme-brown h2 { box-shadow:0 -3px 7px 0 #472C10 inset, 0 -11px 9px 4px #633505 inset, 0 3px 3px 0 #633505 inset, 0 4px 10px 1px #864D11 inset, 0 4px 5px 0 #A65A0B inset; background:#964E02; } .portable-infobox.pi-theme-brown .pi-group .pi-header, .portable-infobox.pi-theme-brown .pi-secondary-background { box-shadow: 0 -3px 7px 0 #7D4410 inset, 0 -13px 17px 4px #804915 inset, 0 3px 7px 0 #804915 inset,0 4px 10px 1px #955A23 inset, 0 4px 5px 0 #976231 inset; background:#B87333; } .portable-infobox.pi-theme-teal h2 { box-shadow:0 -3px 7px 0 #0C4444 inset, 0 -11px 9px 4px #056B6B inset, 0 3px 3px 0 #056B6B inset, 0 4px 10px 1px #128D8D inset, 0 4px 5px 0 #13C2C2 inset; background:teal; } .portable-infobox.pi-theme-teal .pi-group .pi-header, .portable-infobox.pi-theme-teal .pi-secondary-background { box-shadow: 0 -3px 7px 0 #031d3e inset, 0 -13px 17px 4px #042b3a inset, 0 3px 7px 0 #031d3e inset, 0 4px 10px 1px #049494 inset, 0 4px 5px 0 #099494 inset; background: #054950; } .portable-infobox.pi-theme-orange h2 { box-shadow:0 -3px 7px 0 #f26f00 inset, 0 -11px 9px 4px #ffae03 inset, 0 3px 3px 0 #ffa301 inset, 0 4px 10px 1px #ff9700 inset, 0 4px 5px 0 #ff8a00 inset; background:darkorange; } .portable-infobox.pi-theme-orange .pi-group .pi-header, .portable-infobox.pi-theme-orange .pi-secondary-background { box-shadow: 0 -3px 7px 0 #FF9738 inset, 0 -13px 17px 4px #FFCD23 inset, 0 3px 7px 0 #FFDD38 inset,0 4px 10px 1px #FFCD38 inset, 0 4px 5px 0 #FFB838 inset; background:darkorange; } .portable-infobox.pi-theme-mint h2 { box-shadow: 0 -3px 7px 0 #6bb169 inset, 0 -11px 9px 4px #5f9c5c inset, 0 3px 3px 0 #5f9c5c inset, 0 4px 10px 1px #98e095 inset, 0 4px 5px 0 #8ef58b inset; background: #73c57a; } .portable-infobox.pi-theme-mint .pi-group .pi-header, .portable-infobox.pi-theme-mint .pi-secondary-background { box-shadow: 0 -3px 7px 0 #79A778 inset, 0 -13px 17px 4px #94CA91 inset, 0 3px 7px 0 #94CA91 inset,0 4px 10px 1px #ADE6AB inset, 0 4px 5px 0 #A3FAA0 inset; background:#A2F49F; } .portable-infobox.pi-theme-purple h2 { box-shadow:0 -3px 7px 0 #5C2D97 inset, 0 -11px 9px 4px #593EBB inset, 0 3px 3px 0 #593EBB inset, 0 4px 10px 1px #D7D7F4 inset, 0 4px 5px 0 #603CBC inset; background:#6B5FCC; } .portable-infobox.pi-theme-purple .pi-group .pi-header, .portable-infobox.pi-theme-purple .pi-secondary-background { box-shadow: 0 -3px 7px 0 #351C41 inset, 0 -13px 17px 4px #662389 inset, 0 3px 7px 0 #662389 inset,0 4px 10px 1px #7869CE inset, 0 4px 5px 0 #FAFAFA inset; background:#6B2697; } .portable-infobox.pi-theme-pink h2 { box-shadow:0 -3px 7px 0 #D65370 inset, 0 -11px 9px 4px #ED577A inset, 0 3px 3px 0 #ED577A inset, 0 4px 10px 1px #F36888 inset, 0 4px 5px 0 #F7849F inset; background:#F992A3; } .portable-infobox.pi-theme-pink .pi-group .pi-header, .portable-infobox.pi-theme-pink .pi-secondary-background { box-shadow: 0 -3px 7px 0 #F889A3 inset, 0 -13px 17px 4px #EB9AAD inset, 0 3px 7px #EB9AAD inset,0 4px 10px 1px #F3A8BA inset, 4px 5px 0 #FDFDFD inset; background:#F7849F; } .portable-infobox.pi-theme-yellow h2 { text-align:center; box-shadow: 0 -3px 7px 0 #c8b700 inset, 0 -11px 9px 4px #ffd505 inset, 0 3px 3px 0 #fee50f inset,0 4px 10px 1px #fefad5 inset, 0 4px 5px 0 #ffe300 inset; color:#ffffff; background:#feeb4b; font-size:larger; } .portable-infobox.pi-theme-yellow .pi-group .pi-header, .portable-infobox.pi-theme-yellow .pi-secondary-background { text-align: center; font-weight: normal; color: #ffffff; box-shadow: 0 -3px 7px 0 #ad7901 inset, 0 -11px 9px 4px #fbdd00 inset, 0 3px 3px 0 #fffc00 inset, 0 4px 10px 1px #fcff4b inset, 0 -32px 28px -17px #fdde25 inset; background: #f5cd00; } /* Tabview Design from http://dev.wikia.com/wiki/TabviewDesign%2Fcode.css */ /* Contents of the selected tab */ div.tabBody.selected { border: none; padding: 0; border-radius: 2em 2em 2em 2em; } /* Selected Tab */ ul.tabs li.selected a { color: white; background: #891100; border: 2px solid #006195; border-bottom: none; border-radius: 1em 2em 1em 2em; } /* Normal Tab; NOT selected */ ul.tabs li a { background: #006195; color: white; border: 2px solid #006195; border-bottom: none; border-radius: 2em 1em 2em 1em; } .tabs li a:hover { background: white; color: #891100; border: 2px solid #006195; border-bottom: none; border-radius: 1em 2em 1em 2em; } /* Tabber */ ul.tabbernav li a, ul.tabbernav li.tabberactive a, .tabbernav :not(.tabberactive) a:hover { border-radius: 1em 2em 1em 2em; line-height:23px; } .tabbertab { border: none; padding: 0; } .tabbernav :not(.tabberactive) a:hover { background: white; color: #891100; border: 2px solid #006195; } .tabberlive > ul.tabbernav > li { margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0; padding: 2px 0; } ul.tabbernav li { display: inline-block; } ul.tabbernav li a { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; background: #006195; border: 2px solid #006195; color: white; font-size: 10px; font-weight: normal; margin-left: 0; padding: 3px 0.5em; position: relative; } ul.tabbernav li.tabberactive a { background-color: #891100; border: 2px solid #006195; color: white; cursor: default; font-size: 10px; font-weight: bold; } ul.tabbernav li.tabberactive { line-height: 0; } ul.tabbernav li.tabberactive:first-child a { margin-right: 0; } .tabbertab .ajax-poll { border: none; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block; } /* End of Customizing Tabber */ /* Disney Princess Personality Quiz background */ .page-Disney_Princess_Personality_Quiz .personality-quiz { background-image: url("https://vignette.wikia.nocookie.net/disney/images/f/fc/Disney_quiz_desktop_background.jpg/revision/latest?cb=20160818221133"); background-position: top center; background-repeat: no-repeat; text-align: center; }

/* Avatars */ .avatar { border-radius:50%; } user agent stylesheet input { -webkit-appearance: textfield; background-color: #0345a2; color: #fffefe; } user agent stylesheet input { text-rendering: auto; background-color: #0345a2; color: initial; } element.style { width: 240px; } element.style, body .ui-autocomplete { background-color: #ce0d00; border:0; margin: 0; padding: 2px 2px; } body .ui-autocomplete .ui-menu-item a, .ui-menu .ui-menu-item a, body .ui-autocomplete .ui-menu-item { background-color: #0345a2; color: #fffefe; border-radius:0; margin:0; } /* Custom wikia sprites */ .sprite.contribute { background: url(https://vignette.wikia.nocookie.net/dc-television/images/4/42/Sprite_Contribute.png) center no-repeat; background-size: 30px; height: 30px; width: 30px; } .sprite.categorization { background: url(https://vignette.wikia.nocookie.net/dc-television/images/8/8e/Sprite_Category.png) center no-repeat; background-size: 35px; height: 35px; width: 35px; } .sprite.new { background: url(https://vignette.wikia.nocookie.net/dc-television/images/f/fe/Sprite_New.png/revision/latest?cb=20170718210549) center no-repeat; background-size: 35px; height: 35px; width: 35px; } .sprite.edit { background: url(https://vignette.wikia.nocookie.net/dc-television/images/2/2c/Sprite_Edit.png) center no-repeat; background-size: 35px; height: 35px; width: 35px; } .sprite.talk { background: url(https://vignette.wikia.nocookie.net/dc-television/images/6/6a/Sprite_Talk.png) center no-repeat; background-size: 35px; height: 35px; width: 35px; } .sprite.blog { background:url(https://vignette.wikia.nocookie.net/dc-television/images/0/08/Sprite_NewBlog.png) center no-repeat; background-size: 15px; height: 15px; width: 15px; } .activityfeed-diff:before { content: url(https://vignette.wikia.nocookie.net/dc-television/images/2/23/Sprite_Diff.png/revision/latest/scale-to-width-down/16); padding: 6px; position: absolute; } .activityfeed-diff img { display:none; } .activityfeed .subtle { margin-left:20px }

/* Fonts */ /* Disney Site Font */ @font-face { font-family: 'Avenir Next 101'; src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/e9167238-3b3f-4813-a04a-a384394eed42-e1d3b592f63b.eot?#iefix') format('embedded-opentype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/1e9892c0-6927-4412-9874-1b82801ba47a-a17c827d23b2.woff') format('woff'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8-7c6fbea20b5d.ttf') format('truetype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/52a192b1-bea5-4b48-879f-107f009b666f-c8f32e0c10b8.svg#Avenir Next W01 Regular') format('svg'); }

@font-face { font-family: 'Avenir Next'; src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8-7c6fbea20b5d.ttf') format('truetype'); } @font-face { font-family: 'Futura'; src: url('https://a.dilcdn.com/bl/wp-content/themes/omd-theme/assets/fonts/bf8628d2-1ae0-4645-ba3f-3ce62d8d907c.ttf') format('truetype'); font-style: italic url('https://a.dilcdn.com/bl/wp-content/themes/omd-theme/assets/fonts/4043d778-6aa8-4da3-88fb-f25e99332d90.ttf') format('truetype'); }

/* Avengers Font */ @font-face { font-family: 'Waltograph'; src: url('https://vignette.wikia.nocookie.net/disney/images/8/84/Waltograph.ttf') format('truetype'); }