User:Amrsatrio/global.css

@import url(http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400&subset=cyrillic,cyrillic-ext,latin,greek-ext,greek,latin-ext,vietnamese); @import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);

body, input, select, a.wikia-button, .wikia-single-button a, .wikia-menu-button, .button, button, .SpeechBubble textarea.title, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .MainPageHeroHeader .sg-title, .MainPageHeroHeader .sg-main, .ve-ui-overlay, .oo-ui-window, .oo-ui-window-isolated, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { font-family: "Roboto", Segoe UI, Tahoma, sans-serif !important; }

h1 { font-weight: 300; }

.EditPageEditor textarea, .ace_editor, .ve-ui-wikiaSourceModeDialog-content .oo-ui-window-body .oo-ui-textInputWidget textarea, .MiniEditorWrapper .editarea .cke_source, .MiniEditorWrapper .editarea textarea, pre { font-family: "Droid Sans Mono", Consolas, monospace !important; }

/** * Chat Message Styles * by: User:Amrsatrio .Chat .inline-alert { color: #9c9c9c; font-size: 12px; font-style: italic; font-weight: normal; margin: 20px 10px; padding: 0; text-align: left; }

.Chat .inline-alert:before, .Chat .inline-alert:after { content: ""; }

.Chat li:not(.inline-alert) { background: #e3e7ea; border-radius: 0 2px 2px 2px; display: table; margin-left: 70px; margin-right: auto; margin-top: 38px; max-width: 50%; min-height: 0; padding: 5px 10px; }

.Chat li:not(.inline-alert):not(.you):before { border-color: transparent #e3e7ea transparent transparent; border-style: solid; border-width: 0 10px 10px 0; content: ""; height: 0; left: -10px; position: absolute; top: 0; width: 0; }

.Chat li:first-child { margin-top: 28px; }

.Chat li.inline-alert:first-child, .Chat li.you:first-child { margin-top: 10px !important; }

.Chat li:last-child { margin-bottom: 10px !important; }

.Chat li .avatar { border-radius: 50%; border: none; height: 45px; left: -60px; position: absolute; top: -18px; width: 45px; }

.Chat li:not(.you) .time { bottom: 0px; color: #9c9c9c; position: absolute; right: -48px; width: 40px; }

.Chat .username { color: #9c9c9c; font-weight: normal; left: -10px; position: absolute; top: -18px; white-space: nowrap; }

.Chat .username:after { content: ""; }

.Chat .you { background: #bef18c !important; border-radius: 2px 0 2px 2px !important; margin-left: auto !important; margin-right: 20px !important; margin-top: 20px !important; }

.Chat .you:after { border-color: #bef18c transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 0; content: ""; height: 0; position: absolute; right: -10px; top: 0; width: 0; }

.Chat .you .time { bottom: 0px; left: -48px; position: absolute; text-align: right; width: 40px; }

.Chat .you .avatar, .Chat .you .username { display: none !important; }

.Chat .continued { margin-bottom: 0; min-height: 0; padding-top: 5px; top: auto; }

.Chat .continued .avatar, .Chat .continued .username, .Chat .continued .time { display: block; }

/* Attempt on Windows 95 style */ button, .button { /* Style the initial state */ background: #c2c6ca !important; border-color: white black black white !important; border-radius: 0; border-style: solid; border-width: 1px; box-shadow: -1px -1px #85898d inset; color: black !important; cursor: default; font-smooth: never; font: 8pt "MS Sans Serif" !important; height: auto; outline: none; padding: 4px 6px 5px; text-transform: none; -webkit-font-smoothing: aliased; }

.WikiaArticle .button { padding: 4px 6px 5px !important; }

button:active, .button:active { border-color: black !important; box-shadow: 0 0 0 1px #85898d inset !important; padding: 5px 5px 4px 7px; }

button:focus, .button:focus { border-color: black !important; box-shadow: -1px -1px black inset, 1px 1px white inset, -2px -2px #85898d inset; }

button:before { /* Let's hide this for a while */ display: none !important; }

/*button:after { Fake the black borders, failed */ border-bottom: 1px solid black; border-right: 1px solid black; content: ""; top: 0; height: calc(100% - 1px); left: 0; position: absolute; width: calc(100% - 1px); }*/