MediaWiki:FandomizedChat/emoticons.css

/* Emoticon panel trigger */ left: 96%; position: absolute; top: 8px; }
 * 1) Write #EmoticonButton {

border: none; height: 30px; width: 30px; }
 * 1) Write #EmoticonButton .emoticon-icon {

/* Emoticon panel */ bottom: 12px; min-width: 400px; position: absolute; right: -12px; z-index: 500; }
 * 1) Write #EmoticonPanel {

position: relative; }
 * 1) Write #EmoticonPanel .emoticon-panel-wrapper {

background-color: white; border: 1px solid black; border-radius: 8px; padding: 10px; }
 * 1) Write #EmoticonPanel .panel-content {

display: inline-block; padding: 4px 8px; background-color: #888888; border-radius: 8px; margin: 4px; }
 * 1) Write #EmoticonPanel .panel-content .panel-item {

position: relative; height: 19px; width: 19px; border: none; left: 0; vertical-align: middle; }
 * 1) Write #EmoticonPanel .panel-content .panel-item .emoticon {

width: 100%; }
 * 1) Write #EmoticonPanel .panel-triangle-wrapper {

border-width: 8px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-top-color: black; display: inline-block; left: 90%; position: relative; top: -4px; width: 0; z-index: 501; }
 * 1) Write #EmoticonPanel .panel-triangle-wrapper .panel-triangle {

content: ''; border-width: 7px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-top-color: white; border-bottom-color: transparent; display: inline-block; left: -7px; position: absolute; top: -8px; width: 0; }
 * 1) Write #EmoticonPanel .panel-triangle-wrapper .panel-triangle:before {