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, <path d=\"M15.016 17.313c1.681 1.95 3.644 3.656 6.244 3.656 3.506 0 5.594-2.662 5.594-6.05 0-3.375-2.131-5.888-5.562-5.888-2.744 0-4.544 1.781-6.275 3.881-1.781-2.131-3.544-3.881-6.338-3.881-3.344 0-5.531 2.513-5.531 5.95 0 3.412 2.237 5.981 5.675 5.981C11.753 20.969 13.291 19.119 15.016 17.313zM6.216 15.05c0-1.331.869-2.781 2.456-2.781 1.625 0 3.294 1.619 4.4 2.813-1.075 1.256-2.656 2.619-4.3 2.619C7.141 17.7 6.216 16.569 6.216 15.05zM16.953 15.081c1.15-1.244 2.575-2.812 4.269-2.812 1.65 0 2.587 1.3 2.587 2.75 0 1.463-.856 2.688-2.487 2.688C19.572 17.7 18.103 16.406 16.953 15.081z\" fill-rule=\"evenodd\">  ") } /* "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 { background-image: none !important; }

/* 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) */