github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/public/jquery-emojiarea/jquery.emojiarea.css (about)

     1  .emoji-wysiwyg-editor {
     2  	border: 1px solid #d0d0d0;
     3  	overflow: auto;
     4  	outline: none;
     5  }
     6  .emoji-wysiwyg-editor img {
     7  	width: 20px;
     8  	height: 20px;
     9  	vertical-align: middle;
    10  	margin: -3px 0 0 0;
    11  }
    12  .emoji-menu {
    13  	position: absolute;
    14  	z-index: 999;
    15  	width: 180px;
    16  	margin-left: -100px;
    17  	padding: 0;
    18  	overflow: hidden;
    19  	-webkit-box-sizing: border-box;
    20  	-moz-box-sizing: border-box;
    21  	box-sizing: border-box;
    22  }
    23  .emoji-menu > div {
    24  	max-height: 200px;
    25  	overflow: hidden;
    26  	background: #fff;
    27  	width: 200px;
    28  	-webkit-overflow-scrolling: touch;
    29  	overflow: auto;
    30  	-webkit-border-radius: 3px;
    31  	-moz-border-radius: 3px;
    32  	border-radius: 3px;
    33  	-webkit-box-sizing: border-box;
    34  	-moz-box-sizing: border-box;
    35  	box-sizing: border-box;
    36  	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    37  	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    38  	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    39  	padding-top: 40px;
    40  }
    41  .emoji-menu img {
    42  	width: 25px;
    43  	height: 25px;
    44  	vertical-align: middle;
    45  	border: 0 none;
    46  }
    47  .emoji-menu a {
    48  	margin: -1px 0 0 -1px;
    49  	border: 1px solid #f2f2f2;
    50  	padding: 5px;
    51  	display: block;
    52  	float: left;
    53  }
    54  .emoji-menu a:hover {
    55  	background-color: #fffae7;
    56  }
    57  .emoji-menu:after {
    58  	content: ' ';
    59  	display: block;
    60  	clear: left;
    61  }
    62  .emoji-menu a .label {
    63  	display: none;
    64  }
    65  
    66  .emoji-menu div {
    67      overflow-x: hidden;
    68      overflow-y: auto;   
    69  }
    70  
    71  .emoji-menu .group-selector {
    72  	position: absolute;
    73  	list-style-type: none;
    74  	height: 40px;
    75  	top: 0;
    76  	left: 0;
    77  	width: 100%;
    78  	background-color: rgb(255,255,255);
    79  	background-color: rgba(255,255,255, .9);
    80  }
    81  .emoji-menu .group-selector li {
    82  	height: 15px;
    83  	width: 17px;
    84  	padding: 5px;
    85  }
    86  .emoji-menu .group-selector a:last-child li {
    87  	width: 15px;
    88  }
    89  .emoji-menu .group-selector a {
    90  	color: #EB7878;
    91  	text-decoration: none;
    92  	border: none;
    93  	background-color: transparent;
    94  }
    95  .emoji-menu .group-selector a:hover, .emoji-menu .group-selector a.active {
    96  	color:#000000;
    97  }