MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap'); @import url(https://fonts.googleapis.com/css?family=Lobster%20Two); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas&display=swap'); @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lovers+Quarrel&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap'); @import url("//dev.fandom.com/load.php?mode=articles&only=styles&articles=MediaWiki:FontAwesome.css"); @import url('https://fonts.googleapis.com/css?family=helvetica+neue%7Cinsert+helvetica+neue'); @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/*****************/ /* Heading style & site wide font */ /*****************/

.WikiaArticle { font-family: "Avenir Next",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; color: rgb(51, 51, 51)!important; font-weight: 400; line-height: 22.15px; font-size:14.1px; font-weight: 400; margin-bottom: 18px; font-size-adjust: none; }

h2, h3, h4, h5, h6 { font-family: "Avenir Next",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-style: normal; color: rgb(102, 102, 102); } .WikiaArticle h2 { font-size: 1.5em; } .WikiaArticle h3 { font-size: 1.4em; color: rgb(153, 153, 153); border-bottom: 1px dashed grey; } .WikiaArticle h4 { font-size: 1.3em; border-bottom: 1px dotted grey; } .WikiaArticle h5 { font-size: 1.2em; color: rgb(153, 153, 153); text-decoration:underline; } .WikiaArticle h6 { font-size: 1.1em; text-transform:uppercase; text-decoration:underline; }

/* Smooth Sliding */ transition: transform cubic-bezier(0.66,0.52,0.26,1) 0.35s; }	transform: rotate(180deg) } .wds-dropdown__content .wds-list.wds-is-linked>li > a svg { transition: transform cubic-bezier(0.6, 1.8, 0.6, 0.8) 0.4s; } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a svg { transform: rotate(90deg); } .WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single:hover { transform: rotate(180deg); margin-left: 0px; } /** LE JAJA **/ .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .wds-community-header .wds-dropdown__content { border: 0 !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before { display: none !important; } .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content { animation: slideDownFade 0.2s ease normal; } @keyframes slideDownFade { 0%{opacity: 0; margin-top: -10px;} 100%{opacity: 1; margin-top: 0px;} } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { animation: slideLeftFade 0.2s ease normal; } @keyframes slideLeftFade { 0%{opacity: 0; margin-left: -10px;} 100%{opacity: 1; margin-left: 0px;} } /* Unhappy's stuff */ a[href$=":Unhappymeal1"], a[href$="/Unhappymeal1"]{ color:green; font-weight:bold; font-family:'Indie Flower'; background: -webkit-linear-gradient(330deg, #DEFFE1,#C5F5C9,#FFFFFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }	/* my's [Name Above Messages]*/ body.ChatWindow #WikiaPage > .Chat li[data-user="Unhappymeal1"] .username { color:green; font-weight:bold; font-family: 'Indie Flower'; background: -webkit-linear-gradient(330deg, #DEFFE1,#C5F5C9,#FFFFFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }	/* more of unhappys stuff */ body.ChatWindow #Rail li[data-user="Unhappymeal1"] .username { color:green; font-weight:bold; font-family:'Indie Flower'; background: -webkit-linear-gradient(330deg, #DEFFE1,#C5F5C9,#FFFFFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* lalala [Text Color] */ body.ChatWindow #WikiaPage > .Chat li[data-user="Unhappymeal1"] .message { color: #dea5a4 !important; font-family:'Trebuchet MS'; font-style:italic; } /* Staff Profiles */ .page-User:unhappymeal1 .WikiaPage .WikiaPageContentWrapper::before, .page-User:uhappymeal1 .WikiaPage .WikiaPageContentWrapper::before { background: #000 url(https://static.wikia.nocookie.net/melanie-martinez-fanon/images/a/a9/0C1A31A0-068B-4125-B26A-48AE6C61DED0.jpeg/revision/latest?cb=20210308011012) top center fixed; } /**\   NAV MENU CODE FROM LADY GAGA WIKI \**/
 * 1) wds-icons-dropdown-tiny {
 * 1) wds-icons-dropdown-tiny:hover {


 * 1) cssmenu ul { margin: 0; padding: 0;}
 * 2) cssmenu li { margin: 0; padding: 0;}
 * 3) cssmenu a { margin: 0; padding: 0;}
 * 4) cssmenu ul {list-style: none;}
 * 5) cssmenu a {text-decoration: none;}
 * 6) cssmenu {height: 20px; background-color: rgb(255,255,255); box-shadow: 0px 2px 11px -9px rgba(0,0,0,.75); border-bottom: 1px solid rgb(234,234,234); padding-left: 20px;}

float: left; margin-left: 8px; position: relative; }
 * 1) cssmenu > ul > li {

color: rgb(50, 50, 50); font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 12px; line-height: 20px; padding: 15px 10px; -webkit-transition: color .15s; -moz-transition: color .15s; -o-transition: color .15s; transition: color .15s; }
 * 1) cssmenu > ul > li > a, #cssmenu > ul > li > strong.selflink, #cssmenu > ul li > strong.selflink {

/* test pour lien actif */
 * 1) cssmenu > ul > li > strong.selflink, #cssmenu > ul li > strong.selflink {color: rgb(153, 153, 153); font-weight: normal; }

/* cetait 250...un genre de blanc */
 * 1) cssmenu > ul > li > a:hover {color: rgb(153, 153, 153); }

opacity: 0; visibility: hidden; padding: 5px 0 5px 0; background-color: rgb(250,250,250); text-align: left; position: absolute; top: 30px!important; /* TOP tooltip distance, original 55 */ left: 50%; margin-left: -90px; width: 180px; -webkit-transition: all .3s .1s; -moz-transition: all .3s .1s; -o-transition: all .3s .1s; transition: all .3s .1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3); box-shadow: 0px 1px 3px rgba(0,0,0,.3); }
 * 1) cssmenu > ul > li > ul {

opacity: 1; top: 40px; /* original top 65px */ visibility: visible; }
 * 1) cssmenu > ul > li:hover > ul {

content: ''; display: block; border-color: transparent transparent rgb(250,250,250) transparent; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 50%; margin-left: -10px; }
 * 1) cssmenu > ul > li > ul:before{


 * 1) cssmenu > ul ul > li { position: relative;}

color: rgb(153, 153, 153); font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 11px; background-color: rgb(250,250,250); padding: 3px 8px 3px 16px; display: block; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -o-transition: background-color .1s; transition: background-color .1s; }
 * 1) cssmenu ul ul a{


 * 1) cssmenu ul ul a:hover {background-color: rgb(240,240,240);}

visibility: hidden; opacity: 0; position: absolute; top: -16px; left: 206px; padding: 5px 0 5px 0; background-color: rgb(250,250,250); text-align: left; width: 160px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); box-shadow: 0px 1px 3px rgba(0,0,0,.4); }
 * 1) cssmenu ul ul ul {


 * 1) cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

color: rgb(0, 136, 204); }
 * 1) cssmenu ul ul a:hover{

/* ThumbGrid */

.imgsupabox { border-bottom-color: rgb(221,221,221); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(221,221,221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221,221,221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221,221,221); border-top-style: solid; border-top-width: 1px; border-top-right-radius: 4px; border-top-left-radius: 4px; color: rgb(166, 166, 166); font-size: 13px; line-height: 18px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; box-shadow: rgba(0, 0, 0, 0.055) 0px 1px 3px 0px; } .imgsupabox:hover { border-bottom-color: rgb(0,136,204); border-left-color: rgb(0,136,204); border-right-color: rgb(0,136,204); border-top-color: rgb(0,136,204)!important; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); box-shadow: rgba(0, 0, 0, 0.055) 0px 1px 3px 0px !important; -moz-decoration-color: rgb(0,136,204); }

.supatext { font-size: 11px; line-height: 15px; padding-top: 6px; padding-left: 6px; padding-right: 2px; }

/* Lab */

.imgsupaboxi { border-bottom-color: rgb(221,221,221); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 0px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(221,221,221); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(221,221,221); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(221,221,221); border-top-style: solid; border-top-width: 0px; border-top-right-radius: 4px; border-top-left-radius: 4px; color: rgb(166, 166, 166); font-size: 13px; line-height: 20px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; box-shadow: rgba(0, 0, 0, 0.055) 0px 1px 3px 0px; } .imgsupaboxi:hover { border-bottom-color: rgb(0,136,204); border-left-color: rgb(0,136,204); border-right-color: rgb(0,136,204); border-top-color: rgb(0,136,204)!important; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); box-shadow: rgba(0, 0, 0, 0.055) 0px 1px 3px 0px !important; -moz-decoration-color: rgb(0,136,204); }