body img.emoji { width: 20px; height: 20px; vertical-align: middle; } #wmd-emoji-button:before { content: "\f118"; } .emoji-modal { z-index: 10000; position: fixed; margin-left: -195px; margin-top: -100px; left: 50%; top: 50%; background-color: #dadada; } .emoji-page td { border: 1px solid transparent; background-color: white; } .emoji-page a { padding: 8px; display: block; } .emoji-page a:hover { background-color: rgb(210, 236, 252); } .emoji-table-wrapper { min-width: 442px; min-height: 185px; background-color: white; } .emoji-modal-wrapper { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-color: black; } .emoji-modal .toolbar { margin: 0; margin-top: 8px; margin-bottom: 5px } .emoji-modal .toolbar li { display: inline; margin: 0; padding: 0; } .emoji-modal .toolbar li a { padding: 8px; background-color: #dadada; } .emoji-modal .toolbar li a.selected { background-color: #fff; } .emoji-modal .info { height: 30px; margin-left: 8px; margin-top: 15px; margin-bottom: 0px; } .emoji-modal .info span { margin-left: 5px; font-weight: bold; } .emoji-modal .info { float: left; } .emoji-modal .nav { float: right; margin-top: 15px; } .emoji-modal .nav span { color: #aaa; margin-right: 10px; } .emoji-modal .nav a { color: #333; }