MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Bellota|Abril+Fatface|Helios|Hello+Paris|Summer+Loving|Nixie+One|Bobby+Jones|Arima+Madurai|Quinta|Object+Sans|Morganite|Coves|Fixer|Bilbo+Swash+Caps|Marck+Script|Henny+Penny|Eater|Bench+Nine|BigelowRules|Almend+Display|IM+Fell+DW+Pica|Coiny|Black+Melody|Yeseva+One|The+Girl+Next+Door|Josefin+Sans+Light|Modak|Noteworthy|Mark+Felt|Lobster|Nunito|Rubik|Amatic+SC|Annie+Use+Your+Telescope|Bad+Script|Caveat|Caveat+Brush|Cedarville+Cursive|Chewy|Cinzel|Coming+Soon|Concert+One|Courgette|Crafty+Girls|Comfortaa|Damion|Dancing+Script|Darker+Grotesque|Delius|Didact+Gothic|Dosis|Gloria+Hallelujah|Gochi+Hand|Great+Vibes|Indie+Flower|Itim|Josefin+Sans|Just+Me+Again+Down+Here|Kalam|Kaushan+Script|Lacquer|Lexend+Peta|Long+Cang|Luckiest+Guy|Ma+Shan+Zheng|Mali|Merienda|Nanum+Pen+Script|Neucha|Nunito|Pacifico|Pangolin|Patrick+Hand|Patrick+Hand+SC|Permanent+Marker|Press+Start+2P|Quicksand|Reenie+Beanie|Rock+Salt|Rubik|Sacramento|Satisfy|Schoolbell|Shadows+Into+Light|Short+Stack|Single+Day|Sniglet|Sue+Ellen+Francisco|Tajawal|Ubuntu+Condensed|Unkempt|Work+Sans|Yellowtail|Dekko|Nunito|Jua|Lexend+Zetta|Cherry+Cream+Soda|Lobster|Pacifico|Fredoka+One|Cinzel+Decorative|Ms+Pgothic|Rum+Raisin|'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Miscellaneous.css&only=styles&mode=articles"); /****Username colors*****/ .page-User_-Moonlight_glitch- div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_-Moonlight_glitch- div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_-Moonlight_glitch- div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_-Moonlight_glitch- div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_-Moonlight_glitch- div.user-identity-avatar img.user-identity-avatar__image { -webkit-animation-name: GlitchAvatar; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: GlitchAvatar; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } img.wds-avatar__image[alt='-Moonlight glitch-'] { webkit-animation-name: GlitchAvatar; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: GlitchAvatar; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes GlitchAvatar { from { -webkit-box-shadow: 0px 0px 1px 2px pink; -moz-box-shadow: 0px 0px 1px 2px #F6CEF5; box-shadow: 0px 0px 1px 2px skyblue; }   to { -webkit-box-shadow: 0px 0px 8px 6px pink; -moz-box-shadow: 0px 0px 8px 6px pink; box-shadow: 0px 0px 8px 6px skyblue; } } @keyframes GlitchAvatar { from { -webkit-box-shadow: 0px 0px 1px 2px pink; -moz-box-shadow: 0px 0px 1px 2px pink; box-shadow: 0px 0px 1px 2px skyblue; }   to { -webkit-box-shadow: 0px 0px 8px 6px pink; -moz-box-shadow: 0px 0px 8px 6px pink; box-shadow: 0px 0px 8px 6px skyblue; }   }    @keyframes RainbowUserName{ from { -webkit-filter:hue-rotate(15deg); filter:hue-rotate(15deg); } to { -webkit-filter:hue-rotate(360deg); filter:hue-rotate(360deg); } }/* Rainbow Animation */ /* == SnowyTxpe’s animations - please dont use without permission. == */ /* Zoom hover */ .zoom { transform: transform .2s; } .zoom:hover { transform: scale(1.2); } /* END Zoom hover */ /* == END SnowyTxpe’s animations == */ /** Names **/ /* -Moonlight glitch- */ a[href*="-Moonlight_glitch-"], a[href*="/-Moonlight_glitch-"], a[href$=":-Moonlight_glitch-"]:not(.wds-community-header), a[href$="/-Moonlight_glitch-"]:not(.wds-community-header) { color: white !important; text-shadow: 4px 4px 4px pink; animation: RainbowUserName 1s infinite !important; font-family:Caveat brush; } @keyframes Sayakatext{ 30%{color:blue;} 60%{color:pink;} 10%{color:navy;} 0%{color:pink;} } .Glitchtext{ animation: Glitchtext 2s infinite; } a[href*=":Sayaka_Madoka"], a[href*="/Sayaka_Madoka"], a[href$=":Sayaka_Madoka"]:not(.wds-community-header), a[href$="/Sayaka_Madoka"]:not(.wds-community-header) { font-family: "Comic sans"; animation: Sayakatext 2s infinite! important; } @keyframes Snowtext{ 0%{color:white;} 40%{color:cyan;} 30%{color:#CEF6E3;} } .Snowtext{ animation: Snowtext 2s infinite; } a[href*=":Snowfallio"], a[href*="/Snowfallio"], a[href$=":Snowfallio"]:not(.wds-community-header), a[href$="/Snowfallio"]:not(.wds-community-header) { font-family: "Comic sans"; animation: Snowtext 2s infinite! important; } /****Glitch's stuff****/ .page-Message_Wall_-Moonlight_Glitch- .EntityHeader_name__2oRXg::after { content: " Is Talking to Glitch" !important; } /****End*****/ /* ================================================================ */ /* ======================= Used for Templates ===================== */ /* ================================================================ */ /* Sayaka Madoka */ /* do not remove or else template will break */ .sayakatheme { background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.3)), url("https://www.liberaldictionary.com/wp-content/uploads/2019/01/background-9060.jpg") center / cover no-repeat fixed !important; }

div.sayakatheme { width: 250px; box-shadow: 0 4px 8px 0 rgba(173, 216, 230, 0.2), 0 6px 20px 0 rgba(173, 216, 230, 0.19); text-align: center; }/**/

/*** Sayaka Madoka's page ***/ .sayakamadoka a:link { color: #8270a1; } /** this is div class for user page, do not remove **/

/* ================================================================ */ /* =========== Sayaka Madoka's User Page and Message Wall =========== */ /* ================================================================ */ /** Body **/ .page-Message_Wall_Sayaka Madoka .WikiaPage .WikiaPageContentWrapper, .page-User_Sayaka Madoka .WikiaPage .WikiaPageContentWrapper { border: ridge 4px #7267a9; } /* Background */ body.page-Message_Wall_Sayaka Madoka, body.page-User_Sayaka Madoka { background-image: url(https://i.ibb.co/HYjWvQN/1608103708541-xm-1.jpg); background-position: top center !important; }/**/

/** Community Header **/ .page-Message_Wall_Sayaka Madoka .ooui-theme-fandom .WikiaPage .wds-community-header, .page-User_Sayaka Madoka .ooui-theme-fandom .WikiaPage .wds-community-header { z-index: 1; border: ridge 4px #7267a9 !important; padding-bottom: 0px; border-bottom-width: 0px; border-bottom-style: solid; margin-top: 0px; background-color: #333a6f; } .page-Message_Wall_Sayaka Madoka .wds-community-header::before, .page-User_Sayaka Madoka .wds-community-header::before { background: linear-gradient(to left,rgb(140 121 173 / 0.5),rgb(177 162 211 / 1)),linear-gradient(to left,rgba(80,185,168,0) 200px,rgb(234 234 246 / 0.5) 430px); } /**/

/** User Info **/ .page-Message_Wall_Sayaka Madoka #userProfileApp, .page-User_Sayaka Madoka #userProfileApp { background-color: transparent; } .page-Message_Wall_Sayaka Madoka #userProfileApp .user-identity-box, .page-User_Sayaka Madoka #userProfileApp .user-identity-box { position: relative; padding: 30px; background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.1)), url(https://i.ibb.co/wNx1QGC/1608634861594-pc.jpg); background-size: 100% auto; border-radius: 30px; color: blue; } .page-Message_Wall_Sayaka Madoka #userProfileApp + .WikiaPageContentWrapper, .page-User_Sayaka Madoka #userProfileApp + .WikiaPageContentWrapper { padding-top: 20px; } /* User Identity Tag */ .page-Message_Wall_Sayaka Madoka #userProfileApp .user-identity-header__tag, .page-User_Sayaka Madoka #userProfileApp .user-identity-header__tag { background-color: rgba(192, 138, 216, 0.4); color: yellow; } /* Avatar */ .page-Message_Wall_Sayaka Madoka #userProfileApp .user-identity-avatar__image, .page-User_Sayaka Madoka #userProfileApp .user-identity-avatar__image { border-color: #eaeaf6; animation: spin 10s; -o-transition: 1s linear; -webkit-transition: 1s linear; -moz-transition: 1s linear; transition: 1s linear; }

.page-Message_Wall_Sayaka Madoka #userProfileApp .user-identity-avatar__image:hover, .page-User_Sayaka Madoka #userProfileApp .user-identity-avatar__image:hover { -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }/**/

/** Bullet Points **/ .page-Message_Wall_Sayaka Madoka .WikiaArticle ul, .page-User_Sayaka Madoka .WikiaArticle ul { list-style: square outside url(https://static.wikia.nocookie.net/love-and-producer/images/4/4c/Karma_Promise.png/revision/latest/scale-to-width-down/20?cb=20190411165052); margin: 0 0 0.3em 2.5em; }/**/

/** Highlighting **/ .page-User_Sayaka Madoka ::-moz-selection { /* Code for Firefox */ color: white; background: rgb(159, 139, 197 / 0.5); } .page-User_Sayaka Madoka ::selection { color: white; background: #90cefb70; }/**/

/** Rail (user page only) aka sidebar **/ .page-User_Sayaka Madoka .WikiaRail .rail-module, .page-User_Sayaka Madoka .ChatEntryPoint, .page-User_Sayaka Madoka .ChatModule, .page-User_Sayaka Madoka .WikiaRail .module, .page-User_Sayaka Madoka .WikiaArticle .thumbinner, .page-User_Sayaka Madoka .WikiaArticleCategories, .page-User_Sayaka Madoka section#cql-module { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("https://i.ibb.co/nr5qmBb/65457695-418463068745238-8772114546211946496-o.jpg"); background-size: cover; border: solid 0 #7267a9; padding: 15px; margin: 0 0 30px; border-radius: 20px; width: auto; color: white; } .page-User_Sayaka Madoka .WikiaRail .module > h2, .page-User_Sayaka Madoka .WikiaRail .rail-module h2 { font-family: Vivaldi; font-size: 150%; }/**/

/**** Message Wall only ****/ /* user tags */ .page-Message_Wall_Sayaka Madoka .EntityHeader_name__2oRXg::after { content: " fan of Sayaka" !important; } /* more background, less opacity for readability */ .page-Message_Wall_Sayaka Madoka #MessageWall .Message__wrapper { background-color: rgb(234, 234, 246, 0.7); } /* animations for hover */ .page-Message_Wall_Sayaka Madoka .Message__title { -o-transition-duration: 1s; -webkit-transition-duration: 2s; -moz-transition-duration: 1s; } .page-Message_Wall_Sayaka madoka .Message__title:hover { letter-spacing: 2px; text-shadow: 0 0 1px #8674a6; }/**/