MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Imports */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:MP.css|u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:MediaWiki:FandomizedThemeDesigner.css"); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Noto+Sans+JP');

font-family: 'EB Garamond', serif; }
 * 1) WikiaArticle, h1, h2, h3, h4, h5, h6 {

.WikiaPage, #WikiaRail { font-family: 'Josefin Sans', sans-serif; }

/* Minimal Scrollbar */
 * -webkit-scrollbar {

width: 6px; height: 6px; }
 * -webkit-scrollbar-thumb {

background-color: rgba(123, 216, 146,0.5); }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(140, 247, 167,0.75); }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(140, 247, 167,1); }
 * -webkit-scrollbar-track {

background-color: transparent; }

/*Infobox*/ .portable-infobox { background: transparent; border-radius: 8px; border: 2px solid #124C12; } .portable-infobox .pi-title { background: #124C12; border-radius: 6px 6px 0 0; line-height: 20px; text-align: center; } .portable-infobox .pi-header { background: #124C12; font-size: 16px; font-weight: normal; text-align: center; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } .pi-border-color { border-color: #124C12; }

/* Makes infobox tabs made from gallery look nice */ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap:wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: #a1c7ba !important; } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { border-bottom: 1px solid #a1c7ba; } ul.pi-image-collection-tabs { padding-bottom: 1px; }

/* type="spin-off" */ .portable-infobox.type-spin-off { border-color: #912735; } .portable-infobox.type-spin-off .pi-header, .portable-infobox.type-spin-off .pi-title { background-color: #912735; }

.portable-infobox.type-spin-off .pi-image-collection-tabs .pi-tab-link.current { background-color: #EDD1D1; }

/* MainPage Characters */ .mainpage .char-element img { border:3px solid #1f5d04; border-radius: 50%; transition: all 0.3s; height: auto; width: 120px; } .mainpage .char-element img:hover { transform: scale(1.1); transition: transform 0.2s; }

/* Navigation Templates*/ .topbox { background: rgba(177, 209, 198, 0.06) !important; border: 1px solid #b1d1c6; font-size: 85%; width: 100%; } .topbox-top { border-bottom: 0 solid transparent; border-radius: 0px 0px 0 0; } .topbox-alone { border-radius: 0px; } .topbox-bottom { border-radius: 0 0 0px 0px; text-align: center; } .topbox-bottom td { width: 50%; }

.pi-caption { text-align: center; } .WikiaArticle { font-size:15px !important; line-height:21px !important; }

/* Makes references smaller */ .references-small { font-size: 90%; }

/* One Peace Books link */ .onepeace img { border:0.24em double #1f5d04; }

.spoiler-text, .spoiler-text a, .spoiler-text .new { color: transparent; }

.spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .40; display: inline-block; -webkit-transition: all 1s 0 linear; -moztransition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }

/*===============*/ /* Media icons  */ /*===============*/   margin-bottom: 1em; overflow: hidden; }   float: right; margin: 0; }   float: left; line-height: 0; list-style-type: none; margin: 5px; } .mi-current a, .mi-other a { border: 2px solid green; border-radius: 0.5em; display: inline-block; height: 50px; opacity: 0.5; overflow: hidden; position: relative; width: 50px; } .mi-current a, .mi-other a:hover { opacity: 1; } .mi-mobile { display: none; }
 * 1) media-icons {
 * 1) media-icons ul {
 * 1) media-icons li {

/* Hover link effect From Nanatsu no Taizai Wiki */ a:hover { text-shadow: white 0 0 3px; color: silver!important; text-decoration:none; -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; } /* Centered tabs in infoboxes */ .pi-europa .pi-image-collection-tabs { text-align: center; }

max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/* Poll*/ .ajax-poll { width: auto !important; border: 2px #04fc90 !important; } .pollAnswer:hover .pollAnswerVotes { border-color: #04fc9c; } .pollAnswerVotes div { background: #000000 !important; background: -webkit-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: -moz-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: -o-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: linear-gradient(to bottom right,#a1c7ba,#77efb7, #64efb2) !important } .poll-entry{ margin-bottom: 8px; height: 20px; border: 1px solid #a1c7ba; } .poll-entry .percent { display: none; } .poll-entry:hover { border-color: #a1c7ba; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; }

/** * References Styling Changes. * * -Reduce the size of the references to make them fit better. * -Use 2column layout for neatness when the browser will support it. (Ignore validator errors) * -Highlight active references to help navigation. * 	(Default highlight is a light blue. Individual wiki may copy the OVERRIDE section to pick another color.) */ .references { font-size: 90%; } /* OVERRIDE */ .references > li:target, .reference:target { background-color: #DDEEFF; } /* END:OVERRIDE */

/**For Portal **/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; }

/* Add (redirect) to the end of redirects in categories and Special:AllPages lists */ .redirect-in-category:after, .allpagesredirect:after { color: #1f5d04; content: " (redirect)" }

/* Link Preview - From Attack on Titan Wiki */ .npage-preview { background: #a1c7ba; border: 1px solid #a1c7ba; box-shadow: 0 0 10px #1f5d04; overflow: hidden; padding: 10px; position: fixed !important; top: 5px !important; } .npage-preview-noimage { display: none; }

/* Highlighting Text */
 * selection {color: white; background: green;}
 * -moz-selection {color: white; background: green;}

/** Link glow **/ a:hover { text-shadow: green 0 0 3px; color: #FFFFFF !important; text-decoration:gold; -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; }

/* Username highlights */ /***********************/ /* Admins */ a[href$="/wiki/User:Toji-san"] {   color: #1ca8a3 !important; font-weight: bold; } a[href$="/wiki/User:Mich0295"] {   color: #0088D1 !important; font-weight: bold; } a[href$="/wiki/User:TheDarkBreaker"] {   color: #f78094 !important; font-weight: bold; } a[href$="/wiki/User:Blazu"] {   color: #C195E8 !important; font-weight: bold; }

a[href$="/wiki/User:Cannonjet16"] {   color: #daa520 !important; font-weight: bold; } /*Message Wall*/ a[href$="/wiki/Message_Wall:Toji-san"] {   color: #1ca8a3 !important; font-weight: bold; } a[href$="/wiki/Message_Wall:Mich0295"] {   color: #0088D1 !important; font-weight: bold; } a[href$="/wiki/Message_Wall:TheDarkBreaker"] {   color: #f78094 !important; font-weight: bold; } a[href$="/wiki/Message_Wall:Blazu"] {   color: #C195E8 !important; font-weight: bold; }

a[href$="/wiki/Message_Wall:Cannonjet16"] {   color: #daa520 !important; font-weight: bold; } /* ======= Navibox styles ======= */ .navbox-link-white a { color: white !important; } .navbox-list { border-bottom: 1px solid #ccc; }