User:CoolBurnMtW/global.css

/*- USER PAGES --*/ /* User page masthead styling * modified from CSS for Kirby Wiki by CoolBurnMtW */

/* .UserProfileMastheadSearch .WikiaSearch { float: right; margin-right: 10px; margin-bottom: -39px; width: 220px; z-index: 996; } .UserProfileMastheadSearch .WikiaSearch input[type="text"] { width: 200px; /*           background: #ffffff; border: 2px solid Silver;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset; -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset; box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset; } .UserProfileMastheadSearch .WikiaSearch button { height: 25px; position: absolute; background: none !important; background-color: #000000 !important; /*           background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #ffffff), color-stop(65%, Silver)) !important; background-image:   -moz-linear-gradient(top, #25883d 35%, #000000 65%) !important; background-image:     -o-linear-gradient(top,  #25883d 35%, #000000 65%) !important; background-image:        linear-gradient(top,  #25883d 35%, #000000 65%) !important;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*   -webkit-box-shadow: 1px 1px 2px #b0b0b0; -moz-box-shadow: 1px 1px 2px #b0b0b0; -o-box-shadow: 1px 1px 2px #b0b0b0; box-shadow: 1px 1px 2px #b0b0b0;*/ transition-timing-function: ease-out; -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; /*           border: 1px solid Silver !important;*/ } .UserProfileMastheadSearch .WikiaSearch button:hover { border: 1px solid SpringGreen !important; } /*.UserProfileMastheadSearch .WikiaSearch button:active { background-color: #000000 !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, SpringGreen), color-stop(65%, #25883d)) !important; background-image:   -moz-linear-gradient(top, SpringGreen 35%, #25883d 65%) !important; background-image:     -o-linear-gradient(top, SpringGreen 35%, #25883d 65%) !important; background-image:        linear-gradient(top, SpringGreen 35%, #25883d 65%) !important; /*   border: 1px solid SpringGreen !important;*/ }*/ /* Establish top line of floated elements */ .UserProfileMasthead { position: relative; padding: 0px 10px; z-index: 999; } .UserProfileMasthead .masthead-avatar { height: 140px; width: 140px; position: relative; float: left; left: 0px; top: 0px; margin-top: -5px; margin-bottom: 0px; margin-right: 0px; padding: 0px; border: none; background: none; } .UserProfileMasthead .masthead-avatar .avatar { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; } .UserProfileMasthead .masthead-info { position: relative; float: left; margin-left: 10px; margin-top: -5px; width: 830px; z-index: 1000; } /* Remove chevron */ .UserProfileMasthead .masthead-info::before { display: none; } /* Masthead top half */ .UserProfileMasthead .masthead-info hgroup { /*   background: #25883d;*/ padding: 1px 15px 1px 15px; height: auto; min-height: 40px; } .UserProfileMasthead .tally { padding-left: 0px; margin-bottom: 10px; } /* Username field */ .UserProfileMasthead .masthead-info h1 { font-size: 20px; } /* Real name field */ .UserProfileMasthead .masthead-info h2 { margin-bottom: 5px; font-size: 14px; }

/* Masthead bottom half */ .UserProfileMasthead .masthead-info > div { padding: 6px 15px 6px 15px; } .UserProfileMasthead .masthead-info h2 span { /*   color: SpringGreen;*/ } .UserProfileMasthead .masthead-info .group { /*           background: #ebebeb; border: 5px solid #dfdfdf;*/ top: -1px; /*           color: #000000;*/ font-size: 12px; text-transform: capitalize; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*   -webkit-box-shadow: 1px 1px 2px #000000; -moz-box-shadow: 1px 1px 2px #cccccc; -o-box-shadow: 1px 1px 2px #cccccc; box-shadow: 1px 1px 2px #cccccc;*/ } .WikiaUserPagesHeader div.tabs-container { overflow: hidden; min-width: 500px; margin: 0px; } .WikiaUserPagesHeader .tabs { /*   border-bottom: 1px solid Silver;*/ margin-left: 0px; margin-right: 0px; } .WikiaUserPagesHeader .tabs .selected { -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -o-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; } .WikiaUserPagesHeader .tabs li a { display: inline-block; /*           background-color: #d9d9d9;*/ font-size: 12px; margin-top: 4px; margin-bottom: -3px; padding: 3px 10px; /*           background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #ffffff), color-stop(65%, #bfbfbf)); background-image:   -moz-linear-gradient(top, #ffffff 35%, Silver 100%); background-image:     -o-linear-gradient(top, #ffffff 35%, Silver 100%); background-image:        linear-gradient(top, #ffffff 35%, Silver 100%); */ -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .WikiaUserPagesHeader .tabs .selected a { /*           background: #25883d; border: 1px solid #ffffff; color: SpringGreen;*/ font-weight: bold; margin-top: 0px; padding: 5px 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }