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=Raleway); /*Masthead*/ .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 Purple; -moz-box-shadow: 0 0 40px Purple; -webkit-box-shadow: 0 0 40px Purple; -o-box-shadow: 0 0 40px Purple; } img.avatar:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); box-shadow: 0px 0px 30px Purple; -webkit-box-shadow: 0px 0px 30px Purple; -moz-box-shadow: 0px 0px 30px Purple; 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; } .comments li[data-user="I Love Blue 02"] blockquote { background: aqua url("http://logocache.com/custom-design/logo-name/admin-designstyle-pastel-l.png") bottom right no-repeat !important; } .comments li[data-user="I Love Blue 02"] blockquote: after { border-color: transparent aqua aqua transparent !important; }

.Wall .edited-by a.subtle[href$="Wall:I_Love_Blue_02"]:after { color: #00FFFF !important; content: "admin" !important; font-family: Julius Sans One; font-size: 18px; font-variant: small-caps; font-weight: bold; }

/* Scroll Bar */ ::-webkit-scrollbar { width: 13px; height: 13px; background:White; }
 * -webkit-scrollbar-thumb {

background: Purple; }
 * -webkit-scrollbar-thumb:hover {

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

background: Purple !important; }

/*Tabs*/ .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: White; border: 1px solid Purple !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: White !important; background: Purple !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: Raleway; font-weight: normal !important; text-transform: uppercase; letter-spacing: 2.5px; } .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; }

/*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%); } Links  Category:CSS Main Page Special:WikiActivity 