MediaWiki:Wikia.css

/* Custom Infobox */ .portable-infobox .pi-image-collection-tabs { text-align: center; }

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

/* Navigation Footer Styling Infobox */ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; padding: 2px; } .portable-infobox .pi-navigation a { text-align: center; } /*******************************************************************************/

/* ActivityFeed RightRail */ .WikiaRail .module { background: linear-gradient(transparent, #FFEDED); border: 2px solid #DA3030; moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; } /*******************************************************************************/

/* Re:Positioning Discord Module */ body.mainpage .discord-widget-container { margin-right: 0; } /*******************************************************************************/

/* Site Glow */ .WikiaPage { border:1px solid #DA3030; box-shadow: 0px 0px 28px #DA3030; } /*******************************************************************************/

/* Thumb Restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #DA3030; overflow:hidden; } figcaption { margin:0; } .article-thumb figcaption .caption { margin:4px; font-size:11px; color:#A3A3A3; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; } .article-thumb:hover, .gallerybox:hover { -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa; } .gallerybox div.thumb { width:140px; } /*******************************************************************************/

/* RoundedCorners Gallery */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /*******************************************************************************/

/* Scroll Bar */
 * -webkit-scrollbar {

width: 12px; box-shadow: 0 0 8px rgba(34, 159, 238, 0.6); }
 * -webkit-scrollbar-track {

background: transparent; -webkit-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); -moz-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); border: 1px solid #DA3030; border-radius: 12px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#006CB0, #0094F1); border: 2px solid #40AEF3; border-radius: 12px; -webkit-box-shadow: 0 0 6px #006CB0; -moz-box-shadow: 0 0 6px #006CB0; box-shadow: 0 0 8px #006CB0; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#0094F1, #006CB0); border: 2px solid #40AEF3; border-radius: 12px; -webkit-box-shadow: 0 0 6px #0094F1; -moz-box-shadow: 0 0 6px #0094F1; box-shadow: 0 0 8px #0094F1; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#DA3030, #FE3838); border: 2px solid #EE6A6A; border-radius: 12px; -webkit-box-shadow: 0 0 6px #DA3030; -moz-box-shadow: 0 0 6px #DA3030; box-shadow: 0 0 8px #DA3030; } /*******************************************************************************/

/* Custom Activity Feed */ .activityfeed > li { --mwa-edit: #DA3030; --mwa-talk: #000; --mwa-new: #1587E3; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,238,238,1), rgba(255,255,255,0)); border-left: 5px solid #FFFBC3; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; } .activityfeed > li.activity-type-edit { border-left-color: #DA3030; } .activityfeed > li.activity-type-edit:hover { border-left-color: #F54949; border-left: 8px solid #F54949; } .activityfeed > li.activity-type-new { border-left-color: #1587E3; } .activityfeed > li.activity-type-new:hover { border-left-color: #54B2FE; border-left: 8px solid #54B2FE; } .activityfeed > li.activity-type-talk { border-left-color: #000; } .activityfeed > li.activity-type-talk:hover { border-left-color: #4C4C4C; border-left: 8px solid #4C4C4C; } .activityfeed > li.activity-type-categorization { border-left-color: #B47D00; } .activityfeed > li.activity-type-categorization:hover { border-left-color: #E0AC36; border-left: 8px solid #E0AC36; } .activityfeed > li:hover { background-image: linear-gradient(to right, rgba(240,249,255,1), rgba(255,255,255,0), rgba(240,249,255,1)); box-shadow: 0 2px 4px rgba(0, 0, 0, .5); } /*******************************************************************************/

/* User Tag Design */ .UserProfileMasthead .masthead-info .tag { /* */ } .UserProfileMasthead .masthead-info .tag:hover { /* */ } /*******************************************************************************/

/* Rotate Anima' Prof Pic */ .UserProfileMasthead .masthead-info hgroup { background-image: url(""); } .UserProfileMasthead .masthead-info .group { -moz-border-radius: 100%; -webkit-border-radius: 100%; background-image: url(""); border-radius: 100%; display: inline-block; position: relative; } .masthead-avatar img { border-radius: 100%; } .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 #DA3030; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none }   margin-left: -14px } /*******************************************************************************/
 * 1) userAvatarEdit {

/* Search Bar Design */ .WikiaSearch input[type="text"] { background: #fff url("https://vignette.wikia.nocookie.net/otome-games-is-tough-for-mobs/images/0/02/SearchBar.png/revision/latest?cb=20200528110932") no-repeat right top !important; border: 1px solid #ddc3c7; border-radius: 4px; color: #343434; margin-right: 0px !important; } /*******************************************************************************/