MediaWiki:Wikia.css

/* Import*/ @import url('https://fonts.googleapis.com/css?family=Megrim'); @import url('https://fonts.googleapis.com/css?family=Julius+Sans+One'); @import url('https://fonts.googleapis.com/css?family=Caveat+Brush'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Just+Another+Hand|Tajawal'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css"); @import url('//dev.wikia.com/load.php?mode=articles&articles=u:dev:MediaWiki:RectangularButtons/code.css&only=styles');

/*ContribsButtons (Dev Wiki)*/ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: Purple; } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: Purple; }

/*Masthead (Zootopia Wiki)*/ .UserProfileMasthead .masthead-info { box-shadow: 0px 3px 15px 0px #ffffe0; border-radius: 6px; } .avatar { border-radius: 2em; } .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { border-radius: 100%; box-shadow:0 0 20px Purple; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /*Hover Avatars*/ img.avatar { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); -moz-border-radius: 28px; border-radius: 28px; box-shadow: 0px 3px 15px 0px #ffe0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.4; filter: alpha(opacity=40); } content_holder { background-color: rgba(255,255,255,.8); box-shadow: 0 0 40px #5d0e8b; -moz-box-shadow: 0 0 40px #5d0e8b; -webkit-box-shadow: 0 0 40px #5d0e8b; -o-box-shadow: 0 0 40px #5d0e8b; } img.avatar:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); box-shadow: 0px 0px 30px #5d0e8b; -webkit-box-shadow: 0px 0px 30px #5d0e8b; -moz-box-shadow: 0px 0px 30px #5d0e8b; opacity: 1.0; filter: alpha(opacity=100); } /* .pi-theme-matrix { background: linear-gradient(to right bottom, #333333, #262626, #1A1A1A, #0D0D0D, #000000); color: #2AE600; position: relative; margin: 20px; border-radius: 4px; box-shadow: inset 2px 2px 1px #000000; } .pi-theme-matrix:before { position: absolute; z-index: -1; content: ""; top: -15px; right: -15px; bottom: -15px; left: -15px; background: linear-gradient(to right, #999999, #737373 90%); border: 2px solid #595959; border-radius: 4px; box-shadow: 2px 2px 1px #000000; } .pi-theme-matrix a, .pi-theme-matrix .new { color: #2FFF00 !important; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-item-spacing { padding: 7px 10px; } .pi-title { border: none; color: #2FFF00; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-caption { color: #58FF33; } .pi-theme-matrix .pi-title, .pi-theme-matrix .pi-image-collection-tabs, .pi-theme-matrix .pi-image-collection-tab-content, .pi-theme-matrix .pi-image, .pi-theme-matrix .pi-secondary-background, .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { background: none; } .pi-theme-matrix .pi-item { border: none; } .pi-theme-matrix .pi-data-value { font-size: 12px; } .pi-theme-matrix .pi-header { text-align: center; font-size: 14px; border-style: solid; border-color: #2AE600; border-width: 1px 0 1px; } .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { border-color: #2AE600; margin: 1px 0 3px; } /*

/*Username, Message Wall, Comments Color and Userlinks*/ /*I Love Blue 02*/ a[href$="/wiki/User:I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; } a[href$=":I_Love_Blue_02"], a[href$="/I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; }

.Wall .edited-by a.subtle[href$="Wall:I_Love_Blue_02"]:after { color: #00FFFF !important; content: "admin" !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 12px; font-variant: small-caps; }

/* Shuhuhuhua */ a[href$="/wiki/User:Shuhuhuhua"] { color: #5c0f8c !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase !important;; font-weight: bold !important; } a[href$=":Shuhuhuhua"], a[href$="/Shuhuhuhua"] { color: #5c0f8c !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: bold !important; }

.Wall .edited-by a.subtle[href$="Wall:Shuhuhuhua"]:after { color: #00FFFF !important; content: "admin" !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 18px; font-variant: small-caps; font-weight: bold; }

/*Button for I Love Blue 02*/ .ilb02button { background: blue; color: white; width: 80px; height: 40px; padding: 10px; }

.ilb02button:hover { background: khaki; color: black; width: 80px; height: 40px; padding: 10px; }

.ilb022button { background: powderblue; color: black; width: 80px; height: 40px; padding: 10px; } .ilb022button:hover { background: khaki; color: white; width: 80px; height: 40px; padding: 10px; }

/* Scroll Bar */ ::-webkit-scrollbar { width: 6px; height: 6px; }


 * -webkit-scrollbar-track {

box-shadow: inset 0 0 5px grey; border-radius: 6px; background: white; }


 * -webkit-scrollbar-thumb {

background: Purple; border-radius: 6px; }
 * -webkit-scrollbar-thumb:hover {

background: Purple !important; }
 * -webkit-scrollbar-thumb:active {

background: Purple !important; }

/*Tabs (Dev Wiki)*/ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid purple !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #3a3a3a !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: purple !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(42,161,152, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Wordmark (Credits to Elena of Avalor Wiki) */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /*Lyrics (Credits to Twice Wiki)*/ .miyeon{ color:#800090; display:inline; } .minnie{ color:#FF1493; display:inline; } .soojin{ color:#FF8C00; display:inline; } .soyeon{ color:#008080; display:inline; } .yuqi{ color:#008000; display:inline; } .shuhua{ color:#FF0000; display:inline; }

.together{ color:#000000; display:inline; }

/*Headings*/ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 18px; text-transform: none; letter-spacing: 0px; } .WikiaPage h2 { border-bottom: 0; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle .editsection .edit-pencil { display: none; }

.WikiaArticle { font-family: 'Montserrat'; }

/*Link Shadows (Credits to Elena of Avalor Wiki)*/ a:hover { text-shadow: purple 1 1 4px; color: White !important; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a { color: #5d0e8b; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a:active { color: #5d0e8b } a:visited:hover, .color2 a:visited:hover { color:White text-shadow: #5d0e8b 0 0 3px; text-decoration:none; } a:hover, .color2 a:hover { color:White; text-shadow: #5d0e8b 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .WikiaFooter .tools-menu a:hover { color:White; text-shadow: #5d0e8b 0 3px 3px text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a.new:hover { color:White; text-shadow: #5d0e8b 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a.tag { color: inherit; }

/*Usertags (Credits to Dev Wiki)*/ a.tag { color: inherit; }

/*Sidebar*/ .skin-oasis .WikiaRail .rail-module h2, .skin-oasis .WikiaRail h2, .skin-oasis .WikiaSearch .side-articles.RailModule, .skin-oasis .WikiaRail .custom-cql#mwModule, .skin-oasis .WikiaSearch .exact-wiki-match, .skin-oasis .WikiaRail .rail-module, .skin-oasis .WikiaRail #cql-module, .skin-oasis #WikiaRail > .module { padding: 0px 0px 0px; border: none; background: transparent; }

/*Category (JustLeafy Wiki)*/ border: none; border-left: 5px #5d0e8b; background-color: transparent; padding: 0.5em; } .special-categories a { color: #5d0e8b; font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 5px; } .CategorySelect.articlePage .category a { color: white; } .CategorySelect.articlePage .category { border: none; background-color: #5d0e8b; padding: 0.5em; border-radius: 0.5pc 0.5pc 0 0.5pc; margin-bottom: 8px; } .CategorySelect.articlePage .add { background-color: transparent; font-size: 10px; text-transform: uppercase; font-weight: bold; border-radius: 0; border-color: currentColor; color: currentColor; padding: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode .input { background-color: transparent; margin: 10px; } .CategorySelect.articlePage .category.new { border: none; background-color: #5d0e8b; margin: 3px; padding: 0.5em; border-radius: 0.5pc 0.5pc 0 0.5pc; } .tool.editCategory.sprite-small.edit { -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; } .tool.removeCategory.sprite-small.delete { border: none; -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; margin-left: -5px; margin-right: -5px; -webkit-mask-repeat: no-repeat; }   padding: 7px 12px; background-image: none; background-color: transparent; border-radius: 0; border-color: currentColor; color: currentColor; font-size: 10px; text-transform: uppercase; font-weight: bold; height: 35px; }   background-image: none; border-radius: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode > .toolbar { border: none; background-color: transparent; }
 * 1) articleCategories {
 * 1) CategorySelectCancel {
 * 1) CategorySelectSave {

/*Slider (Dev Wiki)*/ .wikiaPhotoGallery-slider-body { --mst-main: transparent; --mst-secondary: transparent }

.wikiaPhotoGallery-slider-body .horizontal .description { background: rgba(0, 0, 0, 0.3) !important; padding: 10px 15px 20px 15px !important; width: 650px !important; border-radius: 0 12px 0 0; text-align: center; }

/*Members Background*/ body.mediawiki.page-Miyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/3/36/MiyeonBG.jpg/revision/latest?cb=20180613080219'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Minnie { background: url('https://vignette.wikia.nocookie.net/g-idle/images/0/09/MinnieBG.jpg/revision/latest?cb=20180613080918'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soojin { background: url('https://vignette.wikia.nocookie.net/g-idle/images/d/d9/SoojinBG.jpg/revision/latest?cb=20180614050516'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/b/b9/SoyeonBG.jpg/revision/latest?cb=20180613092431'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Yuqi { background: url('https://vignette.wikia.nocookie.net/g-idle/images/e/e4/YuqiBG.jpg/revision/latest?cb=20180614051918'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Shuhua { background: url('https://vignette.wikia.nocookie.net/g-idle/images/a/a0/ShhuhuaBG.jpg/revision/latest?cb=20180613091608'); background-repeat: no-repeat; background-attachment: fixed; }

/*Hover*/ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .inversehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .inversehover:hover { -webkit-filter: invert(100%); }

.borderimage img { border: 2px solid transparent; }

.borderimage img:hover { border: 2px solid purple; }

.imageoverlay { position: relative; width: 50%; }

.imageoverlay2 { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; border-radius: 200px; }

.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.imageoverlay:hover .image { opacity: 0.3; }

.imageoverlay:hover .middle { opacity: 1; }

.overlaytext { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } Links  Category:CSS Main Page Special:WikiActivity 

}