MediaWiki:Wikia.css

/* Modern Profile */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); /* End of Modern Profile */

/* Wiki Font */ @import url('https://fonts.googleapis.com/css?family=Play:400,700'); .WikiaPage { font-family: "Play", sans-serif; font-weight: normal; } /* End of Wiki Font */

/* Page Format */ font-size: 15px !important; /*letter-spacing: .5px!important;*/ }
 * 1) WikiaPage {


 * 1) mw-content-text

body { background-position: center top !important; background-repeat: repeat !important; text-shadow: 0px 0px 0px rgba(0,0,0,0)!important; } .WikiaArticle { font-size: 15px !important; line-height: 1.6em !important; }

.WikiaArticle i, .WikiaArticle em { padding-right: 1px; }

.EditPageEditor .editpage-editarea { text-align: left!important; text-shadow: none!important; }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { text-shadow: 0px 0px 0px rgba(0,0,0,0.9)!important; letter-spacing: 1px; text-transform: uppercase; font-family: "Play", sans-serif; font-size: 15px; font-weight: bold !important; } .EditPage .module_page_controls #wpSummary, .EditPage .module_page_controls .checkboxes > label, .WikiaActivityModule .edited-by, .SpeechBubble .edited-by, .WikiaActivityModule .edited-by a, .WikiaRail, .CommunityCornerModule p, .CommunityCornerModule ul, .WikiaRail .module .more, .WikiaBarWrapper .toolbar, .activityfeed .subtle, table.wallfeed, #articleCategories, .activityfeed cite, .wall-owner, .wall-timeago, .Wall .timestamp a, .Wall .timestamp span, .WikiaPage .page-header__categories{ font-size: 15px !important; } .activityfeed .subtle {color: #aaa;} .activityfeed a.title, .FollowedPagesModule a { font-size: 14px !important; } .edited-by { letter-spacing: 1px!important;} .article-thumb a {display: inline !important;}

/* End of Page Format */

/***BLOG POSTS****/ li.WikiaBlogListingPost { border: 2px solid #fd5b52 !important; vertical-align: text-bottom !important; border-radius: 20px !important; background: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/3/3e/Rail-bg.jpg/revision/latest?cb=20190824183419) center top repeat!important; padding: 10px!important; }

.read-more { display: block; width: 100%; text-align: center; text-transform: uppercase; }

/***END BLOG POSTS***/ /*COMMENTS*/

a#ca-talk { display: none!important; }

.speech-bubble-avatar a { background: none !important; padding: 0 !important; } .WikiaArticleComments .comments, .SpeechBubble .edited-by, .message-main .speech-bubble-message { background: none !important; } .message-main .speech-bubble-message:after { display: none; } .article-comments .edited-by, .Wall .timestamp a, .Wall .timestamp { font-style: italic; } /*END COMMENTS*/ /*FIXES WEIRD HOVER THING ON TRANSPARENT IMAGES*/ .filehistory a img, #file img:hover { background: none !important; } /*END TRANSPARENCY FIX*/

/**BASE INFOBOX DESIGN**/

/* design credited to Cyberpunk Wiki */

/*** portable infobox ***/ .portable-infobox { position: relative; margin-right:5px; margin-top:5px; border:2.5px solid #a9eeea; border-radius:1px 0px 0px 1px; background-color:#001316; padding-bottom:4px; -moz-box-shadow:0px 0px 5px rgba(169,238,235,0.75); -webkit-box-shadow:0px 0px 5px rgba(169,238,235,0.75); box-shadow:0px 0px 5px rgba(169,238,235,0.75); } /* fixes it so right border overlaps any infobox images */ .portable-infobox::after { content: ""; position: absolute; width: 8%; height: 100%; top: 0px; right: 0px; background-image: url; background-repeat: repeat-y; background-size: 32px 1080px; } /* edits portable infobox headers and titles to center */ .pi-title { background-color: transparent !important; border-radius: 10px 10px 0px 0px; color: #f5274d; text-shadow:0px 0px 5px; border-bottom: none !important; margin-top: 5px !important; text-align:center; background-image: none !important; /* prevents h2 article header from adding image to infobox headers */ } .pi-header, .pi-horizontal-group .pi-header { background-color:transparent; color: #f5274d; text-shadow:0px 0px 5px; border-bottom: #a9eeea solid 1px !important; margin:5px 15px !important; text-align: center; font-size: 15px !important; background-position: 0% 120% !important; /* fixes h2 article header from adding image for infobox */ }

/* for smaller screen resolutions */ @media only screen and (max-width:1024px) { .pi-header, .pi-horizontal-group .pi-header { background-position:0% 115% !important; } } /* captions */ .portable-infobox .pi-caption { text-align: center; line-height: 150%; } /* spacing between infobox rows */ .pi-item-spacing { padding: 3px !important; } /* Eliminate border between rows */ .pi-border-color { border-bottom-style: none !important; } /* portable infobox data labels (not input fields) */ .pi-data-label { padding: 3px 5px 3px 1px; text-align: right; border-right:1px #a9eeea solid; color: #f5274d; } .pi-data-value { padding-top: 3px; padding-right: 12px; } /* removes the vertical line on smart groups */ .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { border: none !important; } /* to keep right border of infobox from possibly covering up text */ .pi-smart-group .pi-smart-data-label:last-child, .pi-smart-data-value:last-child { padding-right: 14px !important; } /* removes data label background from smart groups and keeps them centered*/ .pi-smart-data-label { background-color: transparent !important; text-align: center; } /* all portable infobox images, including tabber images */ .pi-image { background-color: transparent !important; /* will revert to default otherwise */ padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/ } /* portable infobox thumbnail images only */ .pi-image-thumbnail { background-color: transparent !important; /*will revert to default otherwise */ } /* portable infobox thumbnail galleries fix */ .portable-infobox .pi-image-collection-tab-content { background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */ } /*** tabber for portable infobox and images ***/ /* the whole tab row */ ul.pi-image-collection-tabs { margin-bottom: 0.01em; /* this fixes it so the image doesn't overlap the tabs */ } /* all tabs */ .pi-image-collection { text-align: center; font-size: 14px; } /* activated tab */ ul.pi-image-collection-tabs li.current { background-color: transparent !important; border: 0px none; color: #f5274d; text-shadow:0px 0px 5px; } /* activated hover tab */ ul.pi-image-collection-tabs li.current:hover { background-color: transparent !important; border: 0px none; color: #a9eeea; } /* inactive tab */ ul.pi-image-collection-tabs li { border: 0px none; margin: 0px 4px; } /* inactive tab hover */ ul.pi-image-collection-tabs li:hover { background-color: transparent !important; border: 0px none; color: #a9eeea; } /*** end code for tabber for portable infobox ***/ /* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/ .pi-section-label { text-transform:none; height:20px; } /* remove hyphenations from infobox so no splitting words */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }

/** == MEDIA NAV TABLE == **/

.pi-theme-medianav { float: none!important; width: inherit!important; margin: auto!important; }

.pi-theme-medianav .pi-image { float: left!important; margin: 10px!important; width: 300px!important; height: auto!important; }

.pi-theme-medianav .pi-image img { width: 300px!important; height: auto!important; }

.pi-theme-medianav .pi-group:nth-of-type(1) { display: block; margin-left: 350px; text-align: center; }

.pi-theme-medianav .pi-group:nth-of-type(1) .pi-header { background-color: transparent!important; }

.pi-theme-medianav .pi-data { display: block; text-align: center; }

.pi-theme-medianav .pi-data .pi-data-label { padding: 0!important; }

.pi-theme-medianav .pi-group:nth-of-type(2) { text-align: center!important; }

.pi-theme-medianav .pi-group:nth-of-type(2) .pi-data { display: inline-table; width: auto; margin: 5px; }

/** == END PORTABLE TABLE THEME == **/

/* Links */ body, .category-gallery-item .snippet .text, .wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, .tabbernav {font-family: 'Play', sans-serif;}

a:visited:hover, .color2 a:visited:hover { color: #f0d000; text-shadow: #d6e300 0 0 1px; text-decoration:none; } a:hover, .color2 a:hover { color: #f0d000; text-shadow: #d6e300 0 0 1px; text-decoration:none; } .WikiaFooter .tools-menu a:hover { text-shadow: #00d2e3 0 1px 1px; background-image: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/5/50/Wiki-background/revision/latest?cb=20181126025953) }

/* removing external link icon */ a.external:after { display: none !important; } /* End of Links */

/* Buttons */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { text-shadow: 0px 0px 0px rgba(0,0,0,0.9)!important; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Play", sans serif; font-size: 14px; font-weight: 400; }

.fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; .WikiaPage .page-header .wds-button { font-size: 14px!important; font-family: "Play", sans serif; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } /* End of Buttons */

/*Custom Tabber*/

ul.tabbernav { border-bottom: 0 !important; padding: 3px 0 !important; margin: 0!important; }

.affiliates .tabbernav { margin-top: 10px!important; } ul.tabbernav li a { background: #d6e300 !important; border-radius: 1em 1em 0 0; border: none !important; margin: 0 5px 0 5px!important; font-family: "Play", sans-serif; text-transform: uppercase; color: black !important; font-size: 14px !important; font-weight: bold !important; margin-left: 0 !important; } .affiliates .tabber li a { border-radius: 1em!important; margin-top: 10px!important; } ul.tabbernav li:hover a:link { /* any tabs when hovered */ opacity: 0.7; filter:alpha(opacity=70); } ul.tabbernav li.tabberactive a { cursor: default; font-weight: bold !important; } .tabbertab .ajax-poll { border: none !important; }

.tabbertab { border: 0.06pc solid #d6e300 !important; border-radius: 0 15px 15px 15px; padding: 1px; background: #090909; background-image: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/4/44/Tabber-bg.png/revision/latest?cb=20190821175332) !important; }

.affiliates .tabbertab { border: none!important; background: transparent!important; background-image: none!important; border-radius: 0 0 0 0!important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } /* additional tab changes */ .tabs li a, ul.tabbernav li a, ul.tabbernav li a:link, ul.tabbernav li a:visited { background-image: none !important; } .tabs .selected a, .tabs .selected a:hover, ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover { background-image: none !important; } ul.tabbernav li a:hover, .tabs li a:hover { background-image: none !important; } ul.tabbernav { border: none !important; } input.color-changer { margin-left:10px; margin-top:2px; } .WikiaActivityModule .edited-by a { padding-top: 8px; padding-bottom: 8px; } .noarticletext { border: none !important; } /*END Custom Tabber*/

/*Custom Tabview*/ /* Selected Tab */ ul.tabs li.selected a { color: White !important; background: rgba(0,221,226, 0.2) !important; border: 0px solid Black !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; } /* Normal Tab; NOT selected */ ul.tabs li a { background: rgba(216, 221, 234, 0.2) !important; color: White !important; border: 0px solid Black !important; border-bottom: none !important; } /*End Custom Tabview*/

/*Article Header Navigation*/ .WikiaPage .page-header .wds-button { font-size: 12px!important; font-family: "Play", sans serif; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } /* END Article Header Navigation*/ /*Footer*/ .WikiaHeader { background-image:url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/7/70/Cyberpunk-header-bg.jpg/revision/latest?cb=20190824030804); } .WikiaBarWrapper { background: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/7/70/Cyberpunk-header-bg.jpg/revision/latest?cb=20190824030804); } .WikiaFooter section { background: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/7/70/Cyberpunk-header-bg.jpg/revision/latest?cb=20190824030804); background-repeat: no-repeat; background-size: cover; border: 2px solid rgba(253,91,82, 0.2) !important; } /*End Footer*/

/*Sliders*/ .wikiaPhotoGallery-slider-body { border: 1px solid #f5274d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .wikiaPhotoGallery-slider-body .horizontal .description-background { opacity: 0.7!important; } .wikiaPhotoGallery-slider-body .horizontal .description p { font-size: 14px!important; letter-spacing: .5px; } .wikiaPhotoGallery-slider-body .nav p > img { border: 1px solid #333!important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }   .wikiaPhotoGallery-slider-body .nav p > img:hover { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; box-shadow: 0 0 5px #f5274d,0 0 8px #f5274d; border: 1px solid #a9eeea!important; } .wikiaPhotoGallery-slider-body .selected p > img { border: 1px solid #f5274d!important; } /*End of Sliders*/

/* Comments Section */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernCommentsSection.css&only=styles"; /* End of Comments Section */

/*Default Coding*/ .i18ndoc { background-color: #fff77d; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } /*END Default Coding*/ /*WIKIA TOPBAR*/ text-shadow: none !important; }
 * 1) globalNavigation {

/*END WIKIA TOPBAR*/

/*=====================*/ /* Wiki Navigation Bar */ /*=====================*/

/*

.wds-community-header { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; margin: 10px auto!important; color: #fff!important; font-family: "Play", sans serif!important; text-transform: uppercase; letter-spacing: 1px; background-color: transparent!important; border: 3px solid #D6E300 !important; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; }

.wds-community-header::before { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; background: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/7/70/Cyberpunk-header-bg.jpg/revision/latest?cb=20190824030804) center top no-repeat; background-size: cover; background-color: transparent!important; } .wds-community-header a, .wds-community-header__counter, .wds-tabs__tab-label { color: #fff!important; } .wds-community-header__counter-value { font-size: 20px!important; text-align: center; } .wds-community-header__counter-label { font-size: 10px!important; } .wds-community-header .wds-button.wds-is-secondary { color: #fff; background-color: transparent!important; border-color: transparent!important; } .wds-community-header .wds-button.wds-is-secondary svg { fill: #fff!important; } .wds-community-header .wds-button.wds-is-secondary:hover { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; background-color: rgba(0,171,175,0.2)!important; } .wds-community-header__sitename { font-size: 20px!important; font-style: italic; } .wds-community-header .wds-dropdown__content { background-color: #131313!important; border-color: #D6E300!important; } .wds-community-header .wds-dropdown::after { border-bottom-color: #131313!important; } .wds-community-header .wds-dropdown::before { border-bottom-color: #D6E300!important; } .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color: #131313!important; border-color: #D6E300!important; } .wds-community-header a:hover { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-shadow: 0 0 5px #FFF, 0 0 8px #FFF; background-color: transparent!important; } /* END Wiki Navigation */ /* Wiki article header navigation*/ .WikiaPage .page-header .wds-button { font-size: 12px!important; font-family: "Play", sans serif; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } /* END wiki article header navigation*/ /*WikiRail Modules*/ .module { moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} .WikiaRail .module {border-color:#FD5B52} .WikiaRail .module {border-width:2px} .WikiaRail .module { background: url('https://vignette.wikia.nocookie.net/cyberpunkfanon/images/3/3e/Rail-bg.jpg/revision/latest?cb=20190824183419') center top no-repeat; }

color: rgba(253,91,82,0.75); } .WikiaRail .rail-module, .community-page-help-module, .community-page-card-module, .ChatEntryPoint, .ChatModule, .WikiaRail .WikiaArticle { border: 2px solid #FD5B52 !important; vertical-align: text-bottom !important; border-radius: 20px !important; background: url(https://vignette.wikia.nocookie.net/cyberpunkfanon/images/3/3e/Rail-bg.jpg/revision/latest?cb=20190824183419) center top no-repeat } .WikiaRail .rail-module { padding: 20px 15px 15px; margin: 0 0 30px 0; } .WikiaRail .rail-module h2.has-icon svg { fill: #000; } /*END WikiRail Modules*/
 * 1) WikiaRail .rail-module a.edit-info-user, #WikiaRail .rail-module {

/*Menus*/ .WikiaMenuElement li { border: 1px soild #00dde2 !important; font: Play; } .WikiaMenuElement li a:hover { background: #f7ea52; background-color: rgba(0,221,226, 0.13) !important; color: #ffffff !important; } .WikiaMenuElement li > a { background: #f7ea52; background-color: rgba(0,221,226, 0.13) !important; padding: 2px 10px; }

.wikia-menu-button .WikiaMenuElement li { border: 0 !important; } .WikiHeader .buttons .contribute .WikiaMenuElement { padding: 2px 10px; border: 0px soild #00dde2 !important; background-color: rgba(0,221,226, 0.7) !important; }

.WikiHeader .buttons .contribute { margin-right: 10px; }

.wikia-menu-button .WikiaMenuElement li a:hover { background: rgba(0,221,226, 0.1) !important; background-color: rgba(0,221,226, 0.1) !important; color: #ffffff !important; } /*END Menus*/

/*Section Header Changes*/ .WikiaArticle .editsection { float: right !important; margin-right: 10px !important; } .WikiaArticle h2 { border-bottom:1px solid #00D2E3; margin-bottom:0.6em; margin-top:20px; } .WikiaArticle h3 { font-weight:bold; } /*END Section Header Changes*/

/*Wiki Border*/ body { background-size: cover!important; height: 100%!important; width: 100%!important; background-position: center top!important; background-repeat: no-repeat!important; }

.WikiaPage, .WikiaAdvertPage { border: 1px solid #D6E30 !important; }	.WikiaPage { border: 1px solid #D6E30; } .WikiaPage, .WikiaPageBackground { border-bottom-right-radius:10px; border-bottom-left-radius:10px} /*END Border*/