discourse/plugins/emoji/assets/stylesheets/emoji.css

84 lines
1.1 KiB
CSS

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: white;
}
.emoji-page td {
border: 1px solid #eee;
}
.emoji-page a {
padding: 8px;
display: block;
}
.emoji-page a:hover {
background-color: rgb(210, 236, 252);
}
.emoji-page {
border-collapse: collapse;
margin: 3px;
}
.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;
padding: 0;
margin-top: 10px;
margin-left: 5px;
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;
}