User:Ultimate Dark Carnage/wikia.css

.WikiaToolbarWrapper { position: fixed; right: 0; top: 150px; z-index: 5000000 !important; min-height: 450px; min-width: 200px; display: inline-block; } .WikiaToolbarWrapper .toolbar-arrow { display: inline-block; height: 30px; width: 30px; position: relative; top: 180px; border: none; background: #04080f; left: -15%; border-radius: 2px 0 0 2px; } .WikiaToolbarWrapper .toolbar-arrow.left:after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid white; position: absolute; height: 0; width: 0; top: 9px; left: 10px; } .WikiaToolbarWrapper .toolbar-arrow.right:after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid white; position: absolute; height: 0; width: 0; top: 9px; left: 10px; }

.WikiaToolbar { background: #04080f; min-height: 400px; font-family: Helvetica, Arial, sans-serif; padding: 4px; }

.WikiaToolbar .toolbar-header .user-wrapper { position: relative; }

.WikiaToolbar .toolbar-header .user-wrapper .avatar { height: 40px; border: 1px solid white; border-radius: 100%; }

.WikiaToolbar .toolbar-header .user-wrapper > a { padding: 10px; display: inline-block; color: white; text-decoration: none; position: absolute; min-width: 250px; top: 9px; left: 40px; font-family: 'Gill Sans MT', 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 8pt; }

/* Chat */ .Rail .public { margin: 0 !important; }

.User { border-left: 3px solid black !important; margin-bottom: 3px !important; }

.User.chat-mod { border-left: 3px solid #df8f45 !important; }

.User.staff { border-left: 3px solid rgb(0, 45, 85) !important; }

/* User Edits script */ bottom: 100px; right: 0; position: absolute; }
 * 1) user-data-container {

border: none; position: relative; background-color: #242444; background-image: linear-gradient(to bottom, #242444 0, #34348f 100%); box-shadow: 0 0 8px black; border-radius: 5px; padding: 4px; }
 * 1) user-data-wrapper {

left: -15px; border-radius: 5px 0 0 5px; background-color: #242444; background-image: linear-gradient(to bottom, #2a2a64 0, #2f2f6f 100%); top: 40%; padding: 8px; display: inline-block; color: white; position: absolute; }
 * 1) toggle-user-data {

padding: 8px; background-color: #34348f; background-image: linear-gradient(to bottom, #34348f 0, black 100%); color: white; border-radius: 5px; font-weight: bold; font-family: 'Gill Sans MT', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 8pt; }
 * 1) user-data-container #user-data-header {

padding: 4px; min-height: 200px; max-height: 300px; overflow: hidden; color: white; }
 * 1) user-data {

overflow: hidden; margin: 0; padding: 0; }
 * 1) user-data .user-data-list {

display: block; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background: #242434; padding: 5px; margin-bottom: 2px; }
 * 1) user-data .user-data-list > li {

padding: 10px; font-size: 9pt; }
 * 1) user-data .user-data-list > li .username {

background-color: #343434; padding: 6px 9px; display: inline-block; border-radius: 5px; }
 * 1) user-data .user-data-list > li .numberofedits {

padding: 4px; }
 * 1) user-data .user-data-list > li .user-data-edits {

min-width: 100px; }
 * 1) user-data .user-data-list > li .user-data-username {

padding-left: 6px; font-weight: bold; font-family: 'Gill Sans MT', 'Trebuchet MS', Arial, sans-serif;; text-transform: uppercase; }
 * 1) user-data .user-data-list > li .edits-label {

background-color: white; border-radius: 5px; display: block; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
 * 1) user-data-container #user-data-form {

width: 100%; }
 * 1) user-data-input {

background: none; border: none; padding-left: 5px; width: 77.3%; display: inline-block; }
 * 1) user-data-container input {

padding: 10px; display: inline-block; background: black; border-radius: 5px; margin-left: 2px; color: white; }
 * 1) user-data-form #user-data-button {

/* Custom Modal */ background-color: black !important; background-color: rgba(0, 0, 0, 0.65) !important; width: 100% !important; height: 100% !important; position: fixed !important; -webkit-transition-duration: .25s; -moz-transition-duration: .25s; -ms-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; z-index: 5001 !important; top: 0; left: 0; }
 * 1) custom-modal {

.modal-body { position: fixed; z-index: 5001; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 10px; min-height: 300px; width: 650px; background-color: white; box-shadow: 0 0 18px black; -webkit-transition-duration: .25s; -moz-transition-duration: .25s; -ms-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; }

.modal-header { display: block; border-bottom: 1px solid black; margin-bottom: 6px; position: relative; }

.modal-header > * { padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 6px; display: inline-block; }

.modal-header h2 { width: 90%; }

.modal-header .close-modal { font-size: 15pt; line-height: 15pt; color: black; text-decoration: none !important; float: right; clear: right; }

.modal-header .close-modal:hover { color: #343434; }

.modal-content { min-height: 230px !important; height: auto !important; margin-bottom: 6px; padding: 2px; display: block; line-height: 80%; }

.modal-footer { border-top: thin solid black !important; padding: 5px; padding-top: 8px; text-align: right; position: relative; bottom: 0; }

.modal-footer .modal-button { padding: 1px 10px; border: 1px solid black; color: black; cursor: pointer; }

.UserProfileMasthead .masthead-info { width: 95%; margin-left: 30px; box-shadow: none !important; }

.UserProfileMasthead .masthead-info div { color: black !important; } .UserProfileMasthead .masthead-info:after { margin-bottom: 6px; }

.UserProfileMasthead .masthead-info > div { padding: 8px !important; } .UserProfileMasthead .masthead-info-lower { width: 490px !important; } .UserProfileMasthead .masthead-info > div { width: 329px; } .UserProfileMasthead .details li { padding-top: 3px; } .UserProfileMasthead .details span, .UserProfileMasthead .wikis span { width: 115px; color: #999999; } .UserProfileMasthead .wikis ul { width: 365px; } .UserProfileMasthead .masthead-info-lower:before { display: none; }

.UserProfileMasthead .masthead-avatar, .UserProfileMasthead .avatar { z-index: 100; border-radius: 100%; float: left; top: -8px; left: 20px; }

.UserProfileMasthead .avatar { width: 100px; height: 100px; }

.UserProfileMasthead hgroup { padding: 4px 4px 4px 4px !important; height: auto !important; overflow: visible !important; }

.UserProfileMasthead hgroup h1 { margin-left: 90px; font-size: 12pt !important; }

.UserProfileMasthead hgroup h2 { font-size: 10pt !important; }

.UserProfileMasthead .tally { margin-left: 80px; width: 100%; margin-bottom: 0 !important; }

.UserProfileMasthead .links { margin-left: 50px; }

.UserProfileMasthead .tally em { font-size: 14pt; }

.UserProfileMasthead .tally span { font-size: 10px; }

/* Custom */ .custom-menu { position: absolute; top: 0; left: 0; background: #3a424f; border-radius: 2px; z-index: 25000; }

.custom-menu, .custom-menu * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.custom-menu > .custom-menu-list { margin: 0; padding: 2px 0; position: relative; }

.custom-menu > .custom-menu-list .custom-menu-link { padding: 4px 10px; display: inline-block; width: 100%; text-transform: uppercase; font-size: 10pt; font-family: Raleway, Helvetica, Arial, sans-serif; color: #dfdef1; }