MediaWiki talk:UPM.css

Code that was working prior to advent of Darwin: /* ================    USER PROFILE MASTHEAD

Originally inspired by CSS at    Kirby Wiki and Criminal Minds Wiki ================   ++++++++++++++++    SPANS are the little headings for each of the sections of the UPM, such as "I LIVE IN" +++++++++++++++++ */

.UserProfileMasthead .wikis span, .UserProfileMasthead .details span, .tally span { font-family: 'Lucida Grande', 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:lowercase; font-weight:normal; line-height:1.1em; margin-bottom:5px; font-size:.95em; }

.tally span { font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; font-weight:normal; }

/* +++++++++++++++++    TALLY NUMBER itself +++++++++++++++++ */

.UserProfileMasthead .tally em { font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; line-height:.8em; text-transform:uppercase; font-weight:normal; }

/* +++++++++++++++    AVATARS +++++++++++++++ */

.WikiaUserPagesHeader .wikia-avatar, .WikiaUserPagesHeader .avatar-link, .WikiaUserPagesHeader .wikia-avatar-menu:hover, .WikiaUserPagesHeader .wikia-avatar-menu:hover ul { border:1px solid #012c57; }

.WikiaUserPagesHeader .wikia-avatar ul { background:#012c57 repeat scroll 0 0 red; left:-1px; }

.WikiaUserPagesHeader .wikia-avatar ul a { color: #012c57; }

.WikiaUserPagesHeader .wikia-avatar ul a:hover { background:green repeat scroll 0 0 green; }

/* +++++++++++++++    User rights tags +++++++++++++++ */

.UserProfileMasthead .masthead-info .tag { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color:white; display: inline-block; position: relative; text-transform: lowercase; top: -4px; color: #012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; border: 2px white solid; padding: 2px; font-size: 10px; font-style: italics; margin: 2px; }

a.tag { color:inherit; }

.WikiaUserPagesHeader { width: 99%; float: left; background: transparent; }

.WikiaUserPagesHeader:before, .WikiaUserPagesHeader:after { display:none } .UserProfileMastheadSearch .WikiaSearch { float: right; margin-left:-20px; margin-right: 3px; margin-bottom: -39px; z-index:1002; } .UserProfileMastheadSearch .WikiaSearch input[type="text"]:focus, .UserProfileMastheadSearch .WikiaSearch input[type="text"] { background: #ececec; color:#012c57!important; border:2px solid #fff; -webkit-border-radius: 2%/50%; -moz-border-radius: 2%/50%; -o-border-radius: 2%/50%; -ms-border-radius: 2%/50%; border-radius: 2%/50%; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; margin-top:3px; font-size:90%; margin-left:-20px; }

/* 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; -ms-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; z-index: 1000; width:80%; padding:5px; } /* Remove chevron  */

.UserProfileMasthead .masthead-info:before { display: none; } /* Masthead top half  */

.UserProfileMasthead .masthead-info hgroup { background: #012c57; 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; letter-spacing:2px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:white; text-transform:uppercase; } /* Real name field  */

.UserProfileMasthead .masthead-info h2 { margin-bottom: 5px; font-size: 14px; letter-spacing:3px; display:inline-block; color:white }

/* Masthead bottom half    */

.UserProfileMasthead .masthead-info > div { padding: 6px 15px 6px 15px; } .UserProfileMasthead .masthead-info h2 span { color: #f2f2f2; line-height:100%; } .UserProfileMasthead .masthead-info .group { background: #ebebeb; border: 1px dashed #dfdfdf; top: -1px; color: #012c57; font-size: 12px; text-transform: lowercase; -webkit-border-radius: 50%/5%; -moz-border-radius: 50%/5%; -ms-border-radius: 50%/5%; -o-border-radius: 50%/5%; border-radius: 50%/5%; -webkit-box-shadow: 1px 1px 2px #cccccc; -moz-box-shadow: 1px 1px 2px #cccccc; -ms-box-shadow: 1px 1px 2px #cccccc; -o-box-shadow: 1px 1px 2px #cccccc; box-shadow: 1px 1px 2px #cccccc; } /* ++++++++++++++    Styling the user-customised portions of the UPM +++++++++++++++ */

.UserProfileMasthead .wikis li { line-height:.9em; font-family:'Gill Sans', Verdana, sans-serif; text-transform:lowercase; font-style:italic; margin-left:5px; color:#999999; } .UserProfileMasthead .details li { line-height:.9em; font-family:'Gill Sans', Verdana, sans-serif; text-transform:lowercase; color:#999999; font-style:italic; margin-left:auto; margin-right:-100px }

/* Masthead tabs  */

.WikiaUserPagesHeader div.tabs-container { overflow: hidden; min-width: 500px; margin: 0px 0px 10px 0px; } .WikiaUserPagesHeader .tabs { border-bottom: 1px solid #d9d9d9; margin-left: 10px; margin-right: 10px; color:white; text-transform:uppercase; } .WikiaUserPagesHeader .tabs .selected { -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -ms-border-radius: 8px 8px 0px 0px; -o-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; color:white; text-transform:uppercase; font-weight:bold; } .WikiaUserPagesHeader .tabs li a { display: inline-block; background-color: #012c57; font-size: 12px; letter-spacing:3px; margin-top: 4px; margin-bottom: -3px; padding: 3px 10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #012c57), color-stop(100%, #cccccc)); background-image:   -moz-linear-gradient(top, #012c57 50%, #cccccc 100%); background-image:    -ms-linear-gradient(top, #012c57 50%, #cccccc 100%); background-image:     -o-linear-gradient(top, #012c57 50%, #cccccc 100%); background-image:        linear-gradient(top, #012c57 50%, #cccccc 100%); -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color:white; text-transform:uppercase; } .WikiaUserPagesHeader .tabs .selected a { background: #640d02; border: none; color: #fff; font-weight: normal; letter-spacing:3px; text-transform:uppercase; margin-top: 0px; padding: 6px 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }