PHP Classes

File: chat/emojis.css

Recommend this page to a friend!
  Classes of Free Ment   PHP Live Chat Browser   chat/emojis.css   Download  
File: chat/emojis.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Live Chat Browser
Live chat with users of the same or another site
Author: By
Last change:
Date: 1 year ago
Size: 2,456 bytes
 

Contents

Class file image Download
#emojis { z-index: 100; display: none; position: fixed; bottom: 79%; height: 79%; /*border: 1px solid blue;*/ width: 400px; opacity: 0.7; } #emojis * { padding: 0; margin: 0; /*box-sizing: border-box;*/ font-size: 110%; } .emoji-selectables { font-size: 130% !important; } #emojis img { display: block; } .emoji-selectables { /*background-color: #212427; background-color: #eeeeee;*/ background-color: #663300; /* brown tree trunk */ /*width: 200px;*/ height: 100%; /*padding: 100px 150px;*/ display: flex; flex-direction: column; align-items: center; opacity: 1; border-radius: 4px; } .emoji-smileys, .emoji-gestures, .emoji-peoples, .emoji-symbos, .emoji-nature, .emoji-food, .emoji-activity, .emoji-travel { margin-left: 4px !important; margin-right: 4px !important; } /*.picker-emoji-sel span { margin: 0 12px 0 12px; width: 100px; }*/ .emoji-picker { /*background-color: #303841; background-color: #ffffff;*/ width: 420px; margin: 50px; border-radius: 5px; /*height: 400px;*/ height: 780%; /* arcane magic */ display: flex; } .emoji-selectables span { /*margin-bottom: 7px;*/ margin-bottom: 0; cursor: pointer; } .emoji-selectables span.active img { filter: none; } .emoji-selectables span img { width: 25px; display: block; display: flex; align-items: center; filter: grayscale(100%) } .emoji-content { opacity: 0.7; } .emoji-content div { /* width: 100%; */ flex-wrap: wrap; justify-content: center; /*padding: 5px;*/ padding: 0; } .emoji-content span { display: block; /*padding: 5px;*/ padding: 0; cursor: pointer; } .emoji-content span:hover { transform: scale(1.1); background-color: #3f4953; border-radius: 5px; } .picker-emoji-content { display: none; } .picker-emoji-sel.face { color: aliceblue; font-size: 10px; } .picker-emoji-content.active { display: flex; display: flex; height: 100%; overflow-y: scroll; } .emoji-content span img { width: 32px; height: 32px; } .picker-emoji-content::-webkit-scrollbar-thumb { height: 10px; background-color: #65B88D; border-radius: 100px; } .picker-emoji-content::-webkit-scrollbar-track { background-color: #303841; } .picker-emoji-content::-webkit-scrollbar { width: 6px; } #emojis img { display: block; }