User:Americhino/wikia.css

@import url("http://fonts.googleapis.com/css?family=Droid+Sans"); /* ModernMasthead (Americhino) */ /* make sure to import droid sans */ /* Screen sizes (from ModernProfile) */ /* Desktop and Desktop XL */ @media only screen and (min-width:1084px) { .WikiaUserPagesHeader { margin: 0 -21px !important; padding: 0 21px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -21px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 195px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 50px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 60px; } } /* Tablet Landscape*/ @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaUserPagesHeader { margin: 0 -11px !important; padding: 0 11px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -11px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 45px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 65px; } } /* Tablet Portrait*/ @media only screen and (max-width:1023px) { .WikiaUserPagesHeader { margin: 0 -25px !important; padding: 0 25px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -25px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 199px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 45px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 60px; } } /* Whole Header */ .WikiaUserPagesHeader { background: rgba(128, 128, 128, .07); margin-bottom: 18px; padding-top: 1; } .UserProfileMasthead { padding:0 } /* Header (Username and tags) */ .UserProfileMasthead .masthead-info hgroup { background-image: none !important; border-radius: 0 !important; } .UserProfileMasthead .masthead-info .tag { border-radius: 0; text-decoration: none !important; }   /* For users with UserAccountAge or other scripts with links*/ .UserProfileMasthead .masthead-info .tag a:hover { text-decoration: none !important; }       /* ! find some way to make username straight again ! */ .UserProfileMasthead .masthead-info .h1 { text-decoration: none !important; } /* Masthead */ .UserProfileMasthead .masthead-info { background-size: 150px !important; border-radius: 0 !important; box-shadow: 0 0 0 !important; font-family: Droid Sans !important; } /* Avatar and Avatar controls */ .UserProfileMasthead .avatar { border-radius: 10em !important; border: 0 !important; }

align: right; font-weight: bold; text-transform: uppercase; vertical-align: top; }	font-weight: bold; text-transform: uppercase; vertical-align: top; }	text-decoration: none; } .UserProfileMasthead .avatar-controls #wds-icons-pencil, .UserProfileMasthead .avatar-controls .edit-pencil { display: none; } .UserProfileMasthead .masthead-info .user-identity-box-edit { display: block; opacity: 0; transition: opacity 0.15s ease-out; }	content: url("data:image/svg+xml;utf8,  "); margin-right: 5px; }   /* ! fix for dark wikis ! */ .UserProfileMasthead .masthead-avatar span { float: right; text-align: right; width: 100%; } .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; float: right; margin-top: 5px; opacity: 0; transition: opacity 0.15s ease-out; width: 100%; } .UserProfileMasthead .masthead-info: hover .user-identity-box-edit, .UserProfileMasthead .masthead-avatar:hover .avatar-controls { display: block; font-weight: 700; opacity: 1; } /* My Favorite Wikis */ .wikis { font-weight: 700; letter-spacing: -0.5px; text-transform: uppercase; transition: filter 0.25s ease-out !important; } .wikis a:hover { text-decoration:none !important; } .wikis ul a:hover { filter:brightness(.85) } /* Profile Tabs */ .UserProfileMasthead .masthead-info-lower::before { display: none !important; } .WikiaUserPagesHeader .tabs li { cursor: pointer !important; flex: 1 auto !important; float: left !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none !important; } .WikiaUserPagesHeader .tabs li.selected a { background: none !important; border-bottom: 4px solid currentColor; } .WikiaUserPagesHeader .tabs li a { align-items: center; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; border-bottom:4px solid transparent; } .page-dark .WikiaUserPagesHeader .tabs li:hover { filter: brightness(1.3); } .page-bright .WikiaUserPagesHeader .tabs li:hover { filter: brightness(.7); }
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit a:hover,
 * 2) userAvatarEdit a:hover {
 * 1) userAvatarEdit::before {

/* Websites */ .page-dark .WikiaUserPagesHeader .li.website:hover, .WikiaUserPagesHeader li.facebook:hover, .WikiaUserPagesHeader li.twitter:hover { box-sizing: border-box; filter: brightness(1.1); } .page-bright .WikiaUserPagesHeader .li.website:hover, .WikiaUserPagesHeader li.facebook:hover, .WikiaUserPagesHeader li.twitter:hover { box-sizing: border-box; filter: brightness(.9); } /* Website icons */ .UserProfileMasthead li.twitter a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.facebook a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.website a{   content: url("data:image/svg+xml; utf8,   ") } /* "Show More" icon */ .UserProfileMasthead .masthead-info .bio-toggle span { content: url("data:image/svg+xml; utf8, <path d=\"M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10z\" fill-rule=\"evenodd\" stroke=\"#808079\" stroke-width=\"1.5\"> ") } /* Modal and Tabs (Edit Avatar/About Me) */ .modal > header, .modal > section { font-family:Droid Sans; } .modal > section .tabs { border: none; cursor: pointer !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .modal > section .tabs li:hover a { text-decoration: none !important; } .modal > section .tabs li.selected a { background: none !important; border-top:none; border-left:none; border-right:none; border-bottom: 4px solid currentColor; } .modal > section .tabs li { align-items: center; border-bottom: 4px solid transparent !important; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; } /* End of ModernMasthead (Americhino) */

/*============================= NOT MODERNMASTHEAD =====================*/

/* Minimal Buttons */ .skin-oasis a.wikia-button, .skin-oasis .wikia-single-button a, .skin-oasis .wikia-menu-button, .skin-oasis .wikia-menu-button a, .skin-oasis .wikia-menu-button span, .skin-oasis .button, .skin-oasis button, .skin-oasis .codepage-publish-button, .skin-oasis a.wikia-button:hover, .skin-oasis .wikia-single-button a:hover, .skin-oasis .wikia-menu-button:hover, .skin-oasis .wikia-menu-button a:hover, .skin-oasis .wikia-menu-button span:hover, .skin-oasis .button:hover, .skin-oasis button:hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, .codepage-publish-button:hover, .codepage-publish-button:active { background-image: none !important; transition: 0.2s ease; }

/* ModernTabview (Americhino) */ .tabs { border: none; cursor: pointer !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .tabs li:hover a { text-decoration: none !important; } .tabs li.selected a { background: none !important; border-top:none; border-left:none; border-right:none; border-bottom: 4px solid currentColor; } .tabs li { align-items: center; border-bottom: 4px solid transparent !important; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; } /* End of ModernTabview (Americhino) */

/* classic community central contribs buttons */ .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a { background: #002d55; } .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:active, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:focus, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:hover, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:active, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:focus, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #001f3a; } /** FANSUN Fixes **/ background-color: #00b7e0 !important; } /* FANSUN Comments */ body.skin-oasis .WikiaArticleComments, body.skin-oasis .WikiaArticleComments .article-comments { border: none !important; } body.skin-oasis .WikiaArticleComments #article-comments-counter-header, ul.controls { text-transform: uppercase; font-weight: bold; } body.skin-oasis .WikiaArticleComments #article-comments-counter-header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/63/SpeechBubble.svg"); padding-right: 5px; } .speech-bubble-message, .editarea { border: none !important; border-radius: 0 !important; } .editarea { filter: brightness(90%) } .article-comments-pagination.upper-pagination { display: none }
 * 1) BackToTopBtn div {

.speech-bubble-message:before, .speech-bubble-message:after { display: none !important; } .speech-bubble-avatar img, .WikiaArticleComments #article-comments > .MiniEditorWrapper .session img { border-radius: 50%; } .article-comm-reply.wikia-button.secondary.actionButton, .wikia-button.actionButton { border: 1px solid; border-color: #00b7e0 !important; color: #00b7e0 !important; background-color: transparent !important; text-transform: uppercase; font-weight: bold; border-radius: 0 !important; background-image: none !important; } .article-comm-reply.wikia-button.secondary.actionButton:hover, .wikia-button.actionButton:hover { border: 1px solid; border-color: #00c8e0 !important; color: #00c8e0 !important; background-color: transparent !important; text-transform: uppercase !important; font-weight: bold; border-radius: 0; } .edited-by { text-transform: uppercase; font-weight: bold; font-size: x-small !important; } body.skin-oasis .MiniEditorWrapper .toolbar a.cke_button { background-color: #4f5b6a; border: none; border-radius: 0 !important; outline: none; } body.skin-oasis .MiniEditorWrapper .toolbar .cke_button .RTEImageButton .cke_icon { background-position: 0px 0px; background-color: #4f5b6a !important; border: none; border-radius: 0 !important; outline: none; background-image: url('https://images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg'); } /* ModernCategories */ .article-categories { background-image: none !important; border: none !important; text-transform: uppercase; font-weight: bold; font-size: smaller } .catlinks li { border-left: none; } .catlinks li:before { content: '• '; font-size: 15px; margin-left: -5px; margin-right: 4px; } .catlinks li:first-child:before { content: none; } /* Borders */ .WikiaBarWrapper li, .WikiaPage, .WikiaPage h2 { border: none !important } .page-header__separator { display: none } /* Blog modules*/ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff } /* WorkingMoreUsersCount */ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff } body #uc-modal.modalWrapper > h1:before { content: url("data:image/svg+xml; utf8,  "); padding-right: 2px; } .wikia-chiclet-button { transition: 0.2s ease; border-radius: 50%; } .wikia-chiclet-button:hover { transition: 0.2s ease; } .close.wikia-chiclet-button img { background: url('https://vignette.wikia.nocookie.net/speedit/images/8/8b/Cross.svg') no-repeat; -moz-box-sizing: border-box; box-sizing: border-box; } .close.wikia-chiclet-button:after { content: 'lol' }   border-radius: 0; border: 1px solid; border-color: #00b7e0; color: #00b7e0 !important; color: #fff; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small }   border-radius: 0; border: 1px solid; border-color: #e0e0e0; color: #e0e0e0; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small } body .modalWrapper { border-color: transparent; } /* BlogModule */ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff; }
 * 1) uc-chat-butt {
 * 1) uc-close-butt {