├── CNAME ├── favicon.ico ├── static ├── images │ ├── tweet.png │ ├── peerdium.png │ ├── peerdium2.png │ ├── peerdium_logo.png │ └── peerdium_with_name.png ├── sheet_apple_20.png ├── css │ ├── style.css │ ├── quill.bubble.css │ └── quill-emoji.css └── js │ ├── aes.min.js │ └── editor.js ├── LICENSE ├── index.html ├── README.md └── hooli /CNAME: -------------------------------------------------------------------------------- 1 | peerdium.vishnuks.com -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/favicon.ico -------------------------------------------------------------------------------- /static/images/tweet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/images/tweet.png -------------------------------------------------------------------------------- /static/images/peerdium.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/images/peerdium.png -------------------------------------------------------------------------------- /static/images/peerdium2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/images/peerdium2.png -------------------------------------------------------------------------------- /static/sheet_apple_20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/sheet_apple_20.png -------------------------------------------------------------------------------- /static/images/peerdium_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/images/peerdium_logo.png -------------------------------------------------------------------------------- /static/images/peerdium_with_name.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hackerkid/peerdium/HEAD/static/images/peerdium_with_name.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Vishnu K.S 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 18 | 19 | 20 | 21 | Peerdium 22 | 23 | 24 | 25 |
26 |
27 |
28 |
29 | 30 |
{{num_peers}}
31 |
32 |
33 |
34 |
35 |
36 |
37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /static/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | color: #333; 3 | font-family: Georgia, serif; 4 | line-height: 1.4em; 5 | } 6 | 7 | .fa-heart { 8 | cursor: pointer; 9 | } 10 | 11 | article { 12 | max-width: 900px; 13 | margin-left: auto; 14 | margin-right: auto; 15 | } 16 | 17 | #post-public-button { 18 | font-family: CustomSansSerif,'Lucida Grande',Arial,sans-serif; 19 | font-weight: 600; 20 | font-style: normal; 21 | font-size: 17px; 22 | color: #000; 23 | text-decoration: none; 24 | border: 2px solid #333; 25 | border-radius: 16px; 26 | text-transform: uppercase; 27 | padding: 4px 12px; 28 | background-color: #fff; 29 | cursor: pointer; 30 | z-index: 900; 31 | position: relative; 32 | float: right; 33 | } 34 | 35 | #heart-parent { 36 | float: left; 37 | position: relative; 38 | } 39 | 40 | #peer-info { 41 | float: right; 42 | position: relative; 43 | } 44 | 45 | .standalone-container { 46 | margin-left: 50px; 47 | max-width: 900px; 48 | } 49 | 50 | .ql-editor { 51 | overflow: hidden; 52 | height: auto; 53 | } 54 | 55 | .ql-bubble .ql-editor h1 { 56 | font-size: 32px; 57 | line-height: 34px; 58 | } 59 | 60 | .ql-bubble .ql-editor h2 { 61 | font-size: 28px; 62 | line-height: 30px; 63 | } 64 | 65 | .ql-bubble .ql-editor h3 { 66 | font-size: 24px; 67 | line-height: 26px; 68 | } 69 | 70 | .ql-bubble .ql-editor h4 { 71 | font-size: 20px; 72 | line-height: 22px; 73 | } 74 | 75 | .ql-bubble .ql-editor * { 76 | font-size: 18px; 77 | } 78 | 79 | #post-info-section { 80 | max-width: 900px; 81 | margin-left: auto; 82 | margin-right: auto; 83 | margin-bottom: 20px; 84 | } 85 | 86 | .ql-bubble .ql-editor img { 87 | margin-left: auto; 88 | margin-right: auto; 89 | margin-top: 20px; 90 | margin-bottom: 20px; 91 | } 92 | 93 | .ql-editor.ql-blank { 94 | font-size: 19px; 95 | } 96 | 97 | a { 98 | color: #333; 99 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 |

4 | 🔥🔥 5 | Check out my latest project - diff.blog 6 |

7 |
8 | 9 | 10 | Peerdium is a peer to peer publishing platform. The posts are stored as torrents 11 | in the browser. Only the people with link to the post can see the content of the post. Peerdium is built using [WebTorrent](https://github.com/webtorrent/webtorrent). 12 | 13 | 14 | Peerdium was [featured](https://news.ycombinator.com/item?id=17060272) in the front page of Hacker News. There was a lot of interesting discussions in the comment section and you should defintely check it out. 15 | 16 | 17 | ## How it works? 18 | 19 | When the publish button is clicked the browser encrypts the post using a random 15 digit key, creates a torrent and starts seeding the torrent. Each post has a URL in the format `https://peerdium.com/#post_id`. The first 40 characters of the post_id is the magnet URI of the torrent and the rest 15 is the key used for encrypting the content of the torrent. When someone open a post for the first time the magnet URI encoded in the link is used for fetching the torrent from other seeders and the key is used for decrypting the torrent. 20 | 21 | Click on the heart button If you like a post and want to to access it later. The post would be saved to your browser and you can see the content of the post even if no one else is seeding. 22 | 23 | ## How to contribute 24 | Setting up peerdium development environment is quite easy. There is no backend involved. All you need to do is start a static file server that can serve the index.html and the static assets in /static folder. 25 | 26 | Here is how to do this in Linux. Make sure that you have python3 and git installed. 27 | 28 | ```bash 29 | git clone https://github.com/hackerkid/peerdium 30 | cd peerdium 31 | python3 -m http.server 32 | ``` 33 | 34 | You are all set. Now head over to [localhost:8000](http://localhost:8000) in browser and start experimenting. 35 | -------------------------------------------------------------------------------- /static/js/aes.min.js: -------------------------------------------------------------------------------- 1 | !function(e,r,i){"object"==typeof exports?module.exports=exports=r(require("./core"),require("./enc-base64"),require("./md5"),require("./evpkdf"),require("./cipher-core")):"function"==typeof define&&define.amd?define(["./core","./enc-base64","./md5","./evpkdf","./cipher-core"],r):r(e.CryptoJS)}(this,function(e){return function(){var r=e,i=r.lib,o=i.BlockCipher,t=r.algo,n=[],c=[],s=[],f=[],a=[],d=[],u=[],v=[],h=[],y=[];!function(){for(var e=[],r=0;r<256;r++)r<128?e[r]=r<<1:e[r]=r<<1^283;for(var i=0,o=0,r=0;r<256;r++){var t=o^o<<1^o<<2^o<<3^o<<4;t=t>>>8^255&t^99,n[i]=t,c[t]=i;var p=e[i],l=e[p],_=e[l],k=257*e[t]^16843008*t;s[i]=k<<24|k>>>8,f[i]=k<<16|k>>>16,a[i]=k<<8|k>>>24,d[i]=k;var k=16843009*_^65537*l^257*p^16843008*i;u[t]=k<<24|k>>>8,v[t]=k<<16|k>>>16,h[t]=k<<8|k>>>24,y[t]=k,i?(i=p^e[e[e[_^p]]],o^=e[e[o]]):i=o=1}}();var p=[0,1,2,4,8,16,32,64,128,27,54],l=t.AES=o.extend({_doReset:function(){if(!this._nRounds||this._keyPriorReset!==this._key){for(var e=this._keyPriorReset=this._key,r=e.words,i=e.sigBytes/4,o=this._nRounds=i+6,t=4*(o+1),c=this._keySchedule=[],s=0;s6&&s%i==4&&(f=n[f>>>24]<<24|n[f>>>16&255]<<16|n[f>>>8&255]<<8|n[255&f]):(f=f<<8|f>>>24,f=n[f>>>24]<<24|n[f>>>16&255]<<16|n[f>>>8&255]<<8|n[255&f],f^=p[s/i|0]<<24),c[s]=c[s-i]^f}for(var a=this._invKeySchedule=[],d=0;d>>24]]^v[n[f>>>16&255]]^h[n[f>>>8&255]]^y[n[255&f]]}}},encryptBlock:function(e,r){this._doCryptBlock(e,r,this._keySchedule,s,f,a,d,n)},decryptBlock:function(e,r){var i=e[r+1];e[r+1]=e[r+3],e[r+3]=i,this._doCryptBlock(e,r,this._invKeySchedule,u,v,h,y,c);var i=e[r+1];e[r+1]=e[r+3],e[r+3]=i},_doCryptBlock:function(e,r,i,o,t,n,c,s){for(var f=this._nRounds,a=e[r]^i[0],d=e[r+1]^i[1],u=e[r+2]^i[2],v=e[r+3]^i[3],h=4,y=1;y>>24]^t[d>>>16&255]^n[u>>>8&255]^c[255&v]^i[h++],l=o[d>>>24]^t[u>>>16&255]^n[v>>>8&255]^c[255&a]^i[h++],_=o[u>>>24]^t[v>>>16&255]^n[a>>>8&255]^c[255&d]^i[h++],k=o[v>>>24]^t[a>>>16&255]^n[d>>>8&255]^c[255&u]^i[h++];a=p,d=l,u=_,v=k}var p=(s[a>>>24]<<24|s[d>>>16&255]<<16|s[u>>>8&255]<<8|s[255&v])^i[h++],l=(s[d>>>24]<<24|s[u>>>16&255]<<16|s[v>>>8&255]<<8|s[255&a])^i[h++],_=(s[u>>>24]<<24|s[v>>>16&255]<<16|s[a>>>8&255]<<8|s[255&d])^i[h++],k=(s[v>>>24]<<24|s[a>>>16&255]<<16|s[d>>>8&255]<<8|s[255&u])^i[h++];e[r]=p,e[r+1]=l,e[r+2]=_,e[r+3]=k},keySize:8});r.AES=o._createHelper(l)}(),e.AES}); 2 | //# sourceMappingURL=aes.min.js.map -------------------------------------------------------------------------------- /hooli: -------------------------------------------------------------------------------- 1 | U2FsdGVkX19iBql42VYS1ooznQZDu3c11ccUItKfc7xO7pdJ98eLgNxcSquHGEBWNqLNHQPnCQXiLqetKGWRJ+/CxWjNbP/LS1NVdwdrwd0Hx09MCF+6mQ8fnegvJ8LhRPMw8t5bLIP84blP5kvpF7ont37J2D/lG1D34fenrnQEG1erdVDrQZYmWBj1m+/Zv561poW73C67APoU5ZhHJ7F0/5shGA2K9oD5aLvB6AqENZNMjsKsYg/s3VZzTNswqiCHP9kAf3MlUMta/eOTTVF4qhLRoXByTc0zmRHFjGtHNcFP+STp0yEKOhgWTpm2ZIxm1ZlFZhG2r4exqR6pRsE7QqYpAoJP86b3gFqUaXsycaQF5Ld9fYfyIlOrkcxF8AdtjdRt1e0hmUx4tiNPBIQwo0tCOmHYRpSYrWc4xiPTJrTRmenmCaGXm4Ct1EF+3vnjcv7VLarXPAhdep9CIYrMBvdAgzXJ3P/DzN0+KSlrHAkAYVkeLM/r0DVerFfHoe2JhqB7MAgZsxKbvOSs0JoUhOyl8nvNvvAoTtlbuzE35caYgyniXMZHPg9a9OgPIjv4Z5Qsef3RFOVdM0gmVxaYFJb9gxkMq4mcUn82Vx7cseBpaCPoA3Zg09HKyv4VHLEu3BWiBlSNxXVQrf5CBP7cSafACWUhXop4dzcE3YpoECT1lG/83o3E4iMOH1nCLb6RgBwgQDyIAyAJSkeMrwvoTgSK4Tv4oTRsIUwXw4D1aQsphkFWFj/6xqmHR9MzoD5UTRnMBGWAsU0XhUYEzGmridiz5DIMLIwl43bpf7wpN47y9vPN0nb54wROOG8AD7CO8TLkl2XCRqxQzwXLrrmz8uVWl7xFY3kg0makY2GmlxouanvocXmuQgcFfd47iBBtasgAnU/sHfeO/26BLJ77J7EUwMDhPSjm/exNrMNdWhEQWIV8ag0S5eP+54ipZRIDTrNkvp8IPjt/lcJj767TczUfC5Ixdws6MsxXWhf5CCdiSl4bS9ekt00QL6xs2fzL+8PUvcThLzOLxapdQrGs9gE8i/IXxej0YsJlLlZFL8PUW1QleAMJHDpNPZSGoQDD4nJRwlQf9MPYCiqSXYxYkCmtvaHR2Y3Bszmq0UVJ9DRB3ptSFdnAACvZ8K077+L2TFeH6oCrhtdPjJv/8+2lYXWXPMLxL5epciSjtBGty5FjBJMw1n9HuhaG7rbkVphFUNdT/sd/doewgVCNjFG+f0Puy7QXhKwD0kvfOZ7THMmaYLTUbtFVyJBZDzyWCMoNtJbHkekVfR6+1NjPZ2744JI/bOVnKyXtrlZYuBAlwomRBPlh+Mbf79bnqdQUjE3WyJ/hdJwxfb8XhaxRqiytFTszOqXCbCDH8/wOgw9nNEsEPUwCrqtBXG+8pQoF7odo8M+/DyPYfkSIm0ZrLmXHYIvZ+AJnqcw79cKzwIX8jMKjd/np4b8wUNyi29lrRFVey1L9edWyQ7zvEBL6QW0xn/NNLmA0Faz7wiYvYzb8g0yEIZKIm2oFWZTh4VgZeaJOZbZiAaXn7W9Evy5QnJz0wlBsxlzJAfMrWS2+xmWI5gCt6DqjWk/u3mdqYMi60joRpK4zsNdrCpSig5jsnWcVYsJyKYc6z/FSwD2pruxtJ8KQYZD+BBWctmv6WS/FoO2Fzn6at+N8/gZhziv+u24j8rQmxR6KJ14lQfZxdLgBe3goSW1R1Q5VGuGWDhcb5gqu1LpdgTthG83xc2dNhYa+mz813jBvzdX+QWwryQD9HZP+Gcd2q7cOeVKYeT1XiWxOvfX04KS4Pwal/BpKsYhc2yosI/KtS+qMSpBDyDYDFEacZ8hxBfQNhPg+yRAkHkfgNbve/CdeNPBI0UGD1oJ48wsO3Q9Mb9tUfsjSYELQNOIe6ET/c+ZcAHzyfY+3S19/agrbd4JBTSiART6sr8EdoqzS5FRS7WPdoo9d1v1t8Fp364X4TCciEZSSjerLJmQIqXJzykIgeHj0sJrutHLoQ3Ra5t+HXGIVa8n7EaZE/bvmb9vHIBCFpcpp3yQxf8zvdKVggwGnQ0//XD8zzh1jwSxv4GgEF5GmZUN6rL1KdoR4+aWot1wDC4CCrJVs6vIQgQX3IBY6IKbuoJc02nJmfgNbYH0QzuvdtRYML2PyOJTlzCh2s1vYqSm4QT2vSbyyG/IdiPZSQyFZ4SZpkijyQa5LOS7z5Ji2DYqHs9V+DM3Aq48/vsf15dS4Z6OskBSBpoKGXIwZzpJfDlrebgqShWAcARtKUf0njgWryWy3YNrl6BwyC3GNaoHz2H0Vt8ayo+PYySOuZwEnA7PztVynDvpNYP6117H+QjTkJtNi5wQhIQELpbtWnZE/cVtk1P5qdT6y3lZywzESLQYTBtCKDJFpREt3TwE1+T3codBP+0M0bqZUPj2KSycvEtbLIeFX678202czOyacnQSJaavn2MNNur6jwMepxtwRiw3xlZFpNUSZAlqlp2Kr6989XTpz7Qg1pS26i39zn8xaOS2f+tllYLqIIvf3DGLMBj3Z9Sp0cFcHa+aG77oL5bJu3ww8l8NCbZllYhAfgHTn55CH1FgJ3rGTkB4wqjXwbQspYL16ONFgL7VvUTj3Khc0PSfCaNl+mh5jcTqqZFDoNnMyoYUg98iVx+hzj1DcAWZANsgDeFjXo1pSEFDgBOVG8Jzy5kVvniFgVDjSPcDZs1kXH3DNXxPOvzLEb84eRaur3MVGfsCMSBUa2zg9SR5nHq25HhjnFdzL65WPMc076IVMQjPkgDK6hK5dMSCUprpHYwDykDcgqsbJmK5VVTsvJWaHGjDtLahOJh0CuJQP4dnBc8OoNrbRicyhPlOrBjCjByVuch/hFUNefvxpTtLyCHWa7wiaoJddFIhQhytuK/Ovd4Rgcxu67VB0dtnVir9frKQ/t7irUtYYCoqK2bniG7PP5mJ4FP64Ws8sYgrYoDRdiWChPNNikTal4ec6jFb2/l6nE+riorsCAjsYEFpB/fZz5wRIw/C5Zt+nlZQdgiUJvtD/HznJuTFvY9vhAryVT7Xh7uZl8wwCyecyTAuFwrttXxNVjYiZheI1FQhR+lSuNNn1REkRkQ8wOuXbAUJwmZHVEJ5QetYrRykvAENGXPgJb+PdvkOM7N/DktRukr8gUcdKtK0mL2TmL2/flFdF6ajgrBKHIuCvUa6FwXED8hJC9BfpY7PeYNPh3KwZ3TN1RZMSXcIVbjeK3KTC7OhHtdjkRIbzZZyqIriU0vqiqfJ4zvU1Y6vdv0gxU0J97KMnR+wB2ZhVvb2PqQYVygKwNQnG99afUWzY+SEGWgik8rvcoK9B8TXf2rQEG4RrjxfcKUzWo7v0Xb9+WXJhxDtZ4adyYQgieRk6pfENTEs5B0U6kd8TQHizDkYG/1O3AG9RJF8yCQMTFDzNuwDy1mVDzKFO7ggJXLReU8wu4KPwQz9BX7F6gN//qmXoYlKQz3yMqBvdrCQ26y5PBElZaZlk/IQ32ZVqHek5wK1Lbx88m1OoAglkZ1XgWRdRJu+nY56RWkTgTa+fvLTHP2lzLdNeLxLpA1CwPP5MxrNWjIiOesZbkIdn4zDFHEIjlVLHqBTRrJDOHamRhHAJ3RO3QFTfpxe5TNqNZN9iUDHldtlBHIBCnexKqpnucaXNVAoRMXlGvXk5MbuvqmGetirWAkx8Jg7zSTbxVAngtzq1of2sR2PuwICLFZZCecZKBUqpDBr5wRZsYKuzYqTxNaaNM0jHlqkqJGkRdQpeQ852uw30jT9CFaMmglYmXMdD9IeU/XP1yssPTAl3NYO9Kt5DUJI0WbcI7nwSyA8TT4Z9Y06Zfky2+w2IBjqbDfd3siushJl9qhd6sWuBakLiF8XM41ZOQsJtTJwL9qp0mtjk9JqgjNHSO2/N244JnCZT3I7WC2J7hqVznfq9VTEC1Fem7XGN66W6l3/UyGcQVdJsWDm4QtZ0KzCe+NIEVTIWk9NMhPEb/LuFzUGXwgsZ52Rw+tUMt8lp9z6CFyM8Yq76REwpVgD22625A8HxqJsNU7UWh/dDoc9eGHSGndLL3wubQk4tvFlA3JbPIBmgMp4aaWw/umKEybsNyegyqbGKERrdYd/d5CtsJVLGM3WsVQYchdivI8YNn1B77S+zOZdKgHSvekQ/Jkeo2+6enp0wb5cCCccpkcQw0hmxOgSv0IH9a9pkCimksfH6BjNLmnJOtESRzcF8frxSx6+OAcyOAFKIFrti/r1Auu0W87HsePukcv3nNXEKBw0nw4sRdX9C/P8naDlvkZ+Kv4utQWF5CfK7k9Fq89zcAr4PZutq9bULGskPD/Fsg6B2knytI3edajE6PBoV/ahPTeJRaEY+vBo1NsUFWvh/5y+R2ulgU08hvrC61SWTjmllZj9kes7Xyrb3LUemdmngXChNxAYw3tq6kRFkTwx6aLSAIKwVDy3BkLFop9a8jasrDVsOFBO+aGhcIfjmQBu5cdmSgPhZMGJO7aRl+WQ4xeT1kqw+CRHW4xUzB+OI/Hd71nHRl5Tl/KqOXeSpM3GBqKTqbQqxorZQVXcZfH7QEWD7dF2N/v9Ftq+911vGLLqwkqZstppS+0QEIVXDuW1e2KKJHzUBXsDWlYbRpIacC3FmMWPQgWlTWPV2iYtctrtA+UDZlrJ3sP2LUtmPPkmXmyUeNiPsu3xK/bOkK2MNzDHewNfZtX7EXhnav3VnG3lPZzFGNpIOO3XMKSyqkNmNBZFC2WN4cw0d2lb1OwGmzB42cmK/lZnXvXinrqcSUlCrQMV/7vVe8CJfWGUB7C0wv5GpC165znJ26DV/yEybcBK0n30g27XjzWjUuVG+5ki9zV0w9WLy+AS5EJW4hU0r+rJxC6ZOm/tnPhxHYMP0wDPlZ4KdH2c3m9ERkPITxxlt5wfE8AGqwrS00tKGsIxXv4wJj3dK5pEiY7j6J5hsjYBSlynggUSPnaHU5l16oI5zfyqMyB73wZ+D2dik1/Yibr7TCQIfdCSdZ4DVdbFx5sxl2UZ8TsaGG5yOnhOrcJN+oon9JWNoo2hSdSrRS3ZEf0RsnJzdjP0mgQCQ9X6R6o7WP8ZrGE/jG35h+q70whgfEHln2wRF3kD0xe88GU+jK4d+8NqfibcKkN2/OnfyYkpyaiEr4J8wbgE= 2 | -------------------------------------------------------------------------------- /static/js/editor.js: -------------------------------------------------------------------------------- 1 | const localstorage_available = typeof (Storage) !== "undefined"; 2 | var quill; 3 | 4 | var client; 5 | 6 | var encryped_content; 7 | 8 | function get_info_hash_from_url() { 9 | hash_value = window.location.hash; 10 | return hash_value.slice(1, 41); 11 | } 12 | 13 | function get_key_from_url() { 14 | hash_value = window.location.hash; 15 | return hash_value.slice(41); 16 | } 17 | 18 | const info_hash = get_info_hash_from_url(); 19 | var magnet_link; 20 | if (info_hash) { 21 | var template_magnet_link = "magnet:?xt=urn:btih:{{INFO_HASH}}&dn=inetd.c&tr=udp%3A%2F%2Fexodus.desync.com%3A6969&tr=udp%3A%2F%2Ftracker.coppersurfer.tk%3A6969&tr=udp%3A%2F%2Ftracker.internetwarriors.net%3A1337&tr=udp%3A%2F%2Ftracker.leechers-paradise.org%3A6969&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80&tr=wss%3A%2F%2Ftracker.btorrent.xyz&tr=wss%3A%2F%2Ftracker.fastcast.nz&tr=wss%3A%2F%2Ftracker.openwebtorrent.com"; 22 | magnet_link = template_magnet_link.replace("{{INFO_HASH}}", info_hash) 23 | } 24 | var file_name = "hooli"; 25 | 26 | function is_published() { 27 | return window.location.hash.length >= 32; 28 | } 29 | 30 | function get_local_decrypted_content() { 31 | if (is_published()) { 32 | if (localstorage_available) { 33 | const info_hash = get_info_hash_from_url(); 34 | encryped_content = localStorage.getItem(info_hash); 35 | if (encryped_content) { 36 | decrypted = CryptoJS.AES.decrypt(encryped_content, get_key_from_url()); 37 | return decrypted.toString(CryptoJS.enc.Utf8) 38 | } 39 | } 40 | } 41 | } 42 | 43 | 44 | function get_local_encrypted_content() { 45 | if (is_published()) { 46 | if (localstorage_available) { 47 | const info_hash = get_info_hash_from_url(); 48 | encryped_content = localStorage.getItem(info_hash); 49 | return encryped_content; 50 | } 51 | } 52 | } 53 | 54 | function peer_info_updater(torrent) { 55 | var interval = setInterval(function () { 56 | post_info.num_peers = torrent.numPeers; 57 | }, 4000) 58 | }; 59 | 60 | function update_heart(class_name) { 61 | var heart_div_parent = document.getElementById("heart-parent"); 62 | while (heart_div_parent.hasChildNodes()) { 63 | heart_div_parent.removeChild(heart_div_parent.lastChild); 64 | } 65 | var heart_div = document.createElement("div"); 66 | heart_div.className = class_name; 67 | heart_div_parent.appendChild(heart_div); 68 | } 69 | 70 | function save_doc() { 71 | if (localstorage_available) { 72 | localStorage.setItem(get_info_hash_from_url(), encryped_content); 73 | } 74 | } 75 | 76 | function remove_doc() { 77 | if (localstorage_available) { 78 | localStorage.removeItem(get_info_hash_from_url()); 79 | } 80 | } 81 | 82 | function get_random_key() { 83 | var text = ""; 84 | var possible = "abcdefghijklmnopqrstuvwxyz0123456789"; 85 | 86 | for (var i = 0; i < 15; i++) 87 | text += possible.charAt(Math.floor(Math.random() * possible.length)); 88 | 89 | return text; 90 | } 91 | 92 | var post_info = new Vue({ 93 | el: "#post-info-section", 94 | data: { 95 | show_post_button: true, 96 | class_name: "", 97 | num_peers: 0, 98 | }, 99 | methods: { 100 | post_document: function() { 101 | var content = quill.getContents(); 102 | var stringified_content = JSON.stringify(content); 103 | var key = get_random_key(); 104 | var encrypted_string = CryptoJS.AES.encrypt(stringified_content, key); 105 | var f = new File([encrypted_string], file_name); 106 | client.seed(f, function (torrent) { 107 | const new_info_hash = torrent.infoHash; 108 | var url = new_info_hash + key; 109 | window.location.hash = url; 110 | encryped_content = encrypted_string; 111 | save_doc(); 112 | post_info.show_post_button = false; 113 | post_info.class_name = "fas fa-heart"; 114 | update_heart(post_info.class_name); 115 | quill.enable(false); 116 | peer_info_updater(torrent); 117 | }) 118 | }, 119 | toogle_heart: function() { 120 | if (post_info.class_name === "fas fa-heart") { 121 | post_info.class_name = "far fa-heart"; 122 | update_heart(post_info.class_name); 123 | remove_doc(); 124 | } else { 125 | post_info.class_name = "fas fa-heart"; 126 | update_heart(post_info.class_name); 127 | save_doc(); 128 | } 129 | } 130 | }, 131 | }); 132 | 133 | var editor = new Vue({ 134 | el: "#editor", 135 | mounted() { 136 | var xhttp = new XMLHttpRequest(); 137 | xhttp.onreadystatechange = function() { 138 | if (this.readyState == 4 && this.status == 200) { 139 | response = JSON.parse(this.responseText); 140 | var rtcConfig = { 141 | iceServers: response["ice_servers"] 142 | } 143 | console.log(rtcConfig); 144 | client = new WebTorrent({ 145 | tracker: { 146 | rtcConfig: rtcConfig 147 | } 148 | }); 149 | 150 | var toolbarOptions = { 151 | container: [ 152 | [{ 'header': 1 }, { 'header': 2 }], 153 | ['bold', 'italic', 'underline', 'strike'], 154 | ['blockquote', 'code-block'], 155 | [{ 'color': [] }], 156 | [{ 'list': 'bullet' }], 157 | ['link', 'image'] 158 | ] 159 | } 160 | 161 | placeholder = "Start writing.\n\nSelect the text for formatting options." 162 | quill = new Quill('#editor', { 163 | modules: { 164 | "toolbar": toolbarOptions, 165 | }, 166 | theme: 'bubble', 167 | placeholder: placeholder, 168 | }); 169 | 170 | const local_content = get_local_decrypted_content(); 171 | 172 | if (local_content) { 173 | var object = JSON.parse(local_content); 174 | quill.setText("Loading from local storage......."); 175 | quill.setContents(object); 176 | post_info.class_name = "fas fa-heart"; 177 | quill.enable(false); 178 | 179 | var encrypted_string = get_local_encrypted_content(); 180 | var f = new File([encrypted_string], file_name); 181 | post_info.show_post_button = false; 182 | client.seed(f, function (torrent) { 183 | peer_info_updater(torrent); 184 | }); 185 | } else { 186 | var json_file; 187 | if (magnet_link) { 188 | quill.enable(false); 189 | quill.setText("Loading from peers......."); 190 | post_info.class_name = "far fa-heart"; 191 | post_info.show_post_button = false; 192 | client.add(magnet_link, function (torrent) { 193 | torrent.files.forEach(function (file) { 194 | var reader = new FileReader(); 195 | reader.addEventListener("loadend", function () { 196 | encryped_content = reader.result; 197 | var decrypted_content = CryptoJS.AES.decrypt(reader.result, get_key_from_url()); 198 | var object = JSON.parse(decrypted_content.toString(CryptoJS.enc.Utf8)); 199 | quill.setContents(object); 200 | }); 201 | 202 | file.getBlob(function (err, blob) { 203 | reader.readAsText(blob); 204 | }); 205 | 206 | var interval = setInterval(function () { 207 | post_info.num_peers = torrent.numPeers; 208 | }, 2000) 209 | }) 210 | }); 211 | } else { 212 | quill.focus(); 213 | } 214 | } 215 | } 216 | }; 217 | 218 | xhttp.open("GET", "https://young-sea-71500.herokuapp.com/", true); 219 | xhttp.send(); 220 | 221 | 222 | 223 | 224 | }, 225 | }); 226 | -------------------------------------------------------------------------------- /static/css/quill.bubble.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Quill Editor v1.3.6 3 | * https://quilljs.com/ 4 | * Copyright (c) 2014, Jason Chen 5 | * Copyright (c) 2013, salesforce.com 6 | */ 7 | .ql-container { 8 | box-sizing: border-box; 9 | font-family: Helvetica, Arial, sans-serif; 10 | font-size: 13px; 11 | height: 100%; 12 | margin: 0px; 13 | position: relative; 14 | } 15 | .ql-container.ql-disabled .ql-tooltip { 16 | visibility: hidden; 17 | } 18 | .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { 19 | pointer-events: none; 20 | } 21 | .ql-clipboard { 22 | left: -100000px; 23 | height: 1px; 24 | overflow-y: hidden; 25 | position: absolute; 26 | top: 50%; 27 | } 28 | .ql-clipboard p { 29 | margin: 0; 30 | padding: 0; 31 | } 32 | .ql-editor { 33 | box-sizing: border-box; 34 | line-height: 1.42; 35 | height: 100%; 36 | outline: none; 37 | overflow-y: auto; 38 | padding: 12px 15px; 39 | tab-size: 4; 40 | -moz-tab-size: 4; 41 | text-align: left; 42 | white-space: pre-wrap; 43 | word-wrap: break-word; 44 | } 45 | .ql-editor > * { 46 | cursor: text; 47 | } 48 | .ql-editor p, 49 | .ql-editor ol, 50 | .ql-editor ul, 51 | .ql-editor pre, 52 | .ql-editor blockquote, 53 | .ql-editor h1, 54 | .ql-editor h2, 55 | .ql-editor h3, 56 | .ql-editor h4, 57 | .ql-editor h5, 58 | .ql-editor h6 { 59 | margin: 0; 60 | padding: 0; 61 | counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 62 | } 63 | .ql-editor ol, 64 | .ql-editor ul { 65 | padding-left: 1.5em; 66 | } 67 | .ql-editor ol > li, 68 | .ql-editor ul > li { 69 | list-style-type: none; 70 | } 71 | .ql-editor ul > li::before { 72 | content: '\2022'; 73 | } 74 | .ql-editor ul[data-checked=true], 75 | .ql-editor ul[data-checked=false] { 76 | pointer-events: none; 77 | } 78 | .ql-editor ul[data-checked=true] > li *, 79 | .ql-editor ul[data-checked=false] > li * { 80 | pointer-events: all; 81 | } 82 | .ql-editor ul[data-checked=true] > li::before, 83 | .ql-editor ul[data-checked=false] > li::before { 84 | color: #777; 85 | cursor: pointer; 86 | pointer-events: all; 87 | } 88 | .ql-editor ul[data-checked=true] > li::before { 89 | content: '\2611'; 90 | } 91 | .ql-editor ul[data-checked=false] > li::before { 92 | content: '\2610'; 93 | } 94 | .ql-editor li::before { 95 | display: inline-block; 96 | white-space: nowrap; 97 | width: 1.2em; 98 | } 99 | .ql-editor li:not(.ql-direction-rtl)::before { 100 | margin-left: -1.5em; 101 | margin-right: 0.3em; 102 | text-align: right; 103 | } 104 | .ql-editor li.ql-direction-rtl::before { 105 | margin-left: 0.3em; 106 | margin-right: -1.5em; 107 | } 108 | .ql-editor ol li:not(.ql-direction-rtl), 109 | .ql-editor ul li:not(.ql-direction-rtl) { 110 | padding-left: 1.5em; 111 | } 112 | .ql-editor ol li.ql-direction-rtl, 113 | .ql-editor ul li.ql-direction-rtl { 114 | padding-right: 1.5em; 115 | } 116 | .ql-editor ol li { 117 | counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 118 | counter-increment: list-0; 119 | } 120 | .ql-editor ol li:before { 121 | content: counter(list-0, decimal) '. '; 122 | } 123 | .ql-editor ol li.ql-indent-1 { 124 | counter-increment: list-1; 125 | } 126 | .ql-editor ol li.ql-indent-1:before { 127 | content: counter(list-1, lower-alpha) '. '; 128 | } 129 | .ql-editor ol li.ql-indent-1 { 130 | counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 131 | } 132 | .ql-editor ol li.ql-indent-2 { 133 | counter-increment: list-2; 134 | } 135 | .ql-editor ol li.ql-indent-2:before { 136 | content: counter(list-2, lower-roman) '. '; 137 | } 138 | .ql-editor ol li.ql-indent-2 { 139 | counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; 140 | } 141 | .ql-editor ol li.ql-indent-3 { 142 | counter-increment: list-3; 143 | } 144 | .ql-editor ol li.ql-indent-3:before { 145 | content: counter(list-3, decimal) '. '; 146 | } 147 | .ql-editor ol li.ql-indent-3 { 148 | counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; 149 | } 150 | .ql-editor ol li.ql-indent-4 { 151 | counter-increment: list-4; 152 | } 153 | .ql-editor ol li.ql-indent-4:before { 154 | content: counter(list-4, lower-alpha) '. '; 155 | } 156 | .ql-editor ol li.ql-indent-4 { 157 | counter-reset: list-5 list-6 list-7 list-8 list-9; 158 | } 159 | .ql-editor ol li.ql-indent-5 { 160 | counter-increment: list-5; 161 | } 162 | .ql-editor ol li.ql-indent-5:before { 163 | content: counter(list-5, lower-roman) '. '; 164 | } 165 | .ql-editor ol li.ql-indent-5 { 166 | counter-reset: list-6 list-7 list-8 list-9; 167 | } 168 | .ql-editor ol li.ql-indent-6 { 169 | counter-increment: list-6; 170 | } 171 | .ql-editor ol li.ql-indent-6:before { 172 | content: counter(list-6, decimal) '. '; 173 | } 174 | .ql-editor ol li.ql-indent-6 { 175 | counter-reset: list-7 list-8 list-9; 176 | } 177 | .ql-editor ol li.ql-indent-7 { 178 | counter-increment: list-7; 179 | } 180 | .ql-editor ol li.ql-indent-7:before { 181 | content: counter(list-7, lower-alpha) '. '; 182 | } 183 | .ql-editor ol li.ql-indent-7 { 184 | counter-reset: list-8 list-9; 185 | } 186 | .ql-editor ol li.ql-indent-8 { 187 | counter-increment: list-8; 188 | } 189 | .ql-editor ol li.ql-indent-8:before { 190 | content: counter(list-8, lower-roman) '. '; 191 | } 192 | .ql-editor ol li.ql-indent-8 { 193 | counter-reset: list-9; 194 | } 195 | .ql-editor ol li.ql-indent-9 { 196 | counter-increment: list-9; 197 | } 198 | .ql-editor ol li.ql-indent-9:before { 199 | content: counter(list-9, decimal) '. '; 200 | } 201 | .ql-editor .ql-indent-1:not(.ql-direction-rtl) { 202 | padding-left: 3em; 203 | } 204 | .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { 205 | padding-left: 4.5em; 206 | } 207 | .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { 208 | padding-right: 3em; 209 | } 210 | .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { 211 | padding-right: 4.5em; 212 | } 213 | .ql-editor .ql-indent-2:not(.ql-direction-rtl) { 214 | padding-left: 6em; 215 | } 216 | .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { 217 | padding-left: 7.5em; 218 | } 219 | .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { 220 | padding-right: 6em; 221 | } 222 | .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { 223 | padding-right: 7.5em; 224 | } 225 | .ql-editor .ql-indent-3:not(.ql-direction-rtl) { 226 | padding-left: 9em; 227 | } 228 | .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { 229 | padding-left: 10.5em; 230 | } 231 | .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { 232 | padding-right: 9em; 233 | } 234 | .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { 235 | padding-right: 10.5em; 236 | } 237 | .ql-editor .ql-indent-4:not(.ql-direction-rtl) { 238 | padding-left: 12em; 239 | } 240 | .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { 241 | padding-left: 13.5em; 242 | } 243 | .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { 244 | padding-right: 12em; 245 | } 246 | .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { 247 | padding-right: 13.5em; 248 | } 249 | .ql-editor .ql-indent-5:not(.ql-direction-rtl) { 250 | padding-left: 15em; 251 | } 252 | .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { 253 | padding-left: 16.5em; 254 | } 255 | .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { 256 | padding-right: 15em; 257 | } 258 | .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { 259 | padding-right: 16.5em; 260 | } 261 | .ql-editor .ql-indent-6:not(.ql-direction-rtl) { 262 | padding-left: 18em; 263 | } 264 | .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { 265 | padding-left: 19.5em; 266 | } 267 | .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { 268 | padding-right: 18em; 269 | } 270 | .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { 271 | padding-right: 19.5em; 272 | } 273 | .ql-editor .ql-indent-7:not(.ql-direction-rtl) { 274 | padding-left: 21em; 275 | } 276 | .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { 277 | padding-left: 22.5em; 278 | } 279 | .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { 280 | padding-right: 21em; 281 | } 282 | .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { 283 | padding-right: 22.5em; 284 | } 285 | .ql-editor .ql-indent-8:not(.ql-direction-rtl) { 286 | padding-left: 24em; 287 | } 288 | .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { 289 | padding-left: 25.5em; 290 | } 291 | .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { 292 | padding-right: 24em; 293 | } 294 | .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { 295 | padding-right: 25.5em; 296 | } 297 | .ql-editor .ql-indent-9:not(.ql-direction-rtl) { 298 | padding-left: 27em; 299 | } 300 | .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { 301 | padding-left: 28.5em; 302 | } 303 | .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { 304 | padding-right: 27em; 305 | } 306 | .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { 307 | padding-right: 28.5em; 308 | } 309 | .ql-editor .ql-video { 310 | display: block; 311 | max-width: 100%; 312 | } 313 | .ql-editor .ql-video.ql-align-center { 314 | margin: 0 auto; 315 | } 316 | .ql-editor .ql-video.ql-align-right { 317 | margin: 0 0 0 auto; 318 | } 319 | .ql-editor .ql-bg-black { 320 | background-color: #000; 321 | } 322 | .ql-editor .ql-bg-red { 323 | background-color: #e60000; 324 | } 325 | .ql-editor .ql-bg-orange { 326 | background-color: #f90; 327 | } 328 | .ql-editor .ql-bg-yellow { 329 | background-color: #ff0; 330 | } 331 | .ql-editor .ql-bg-green { 332 | background-color: #008a00; 333 | } 334 | .ql-editor .ql-bg-blue { 335 | background-color: #06c; 336 | } 337 | .ql-editor .ql-bg-purple { 338 | background-color: #93f; 339 | } 340 | .ql-editor .ql-color-white { 341 | color: #fff; 342 | } 343 | .ql-editor .ql-color-red { 344 | color: #e60000; 345 | } 346 | .ql-editor .ql-color-orange { 347 | color: #f90; 348 | } 349 | .ql-editor .ql-color-yellow { 350 | color: #ff0; 351 | } 352 | .ql-editor .ql-color-green { 353 | color: #008a00; 354 | } 355 | .ql-editor .ql-color-blue { 356 | color: #06c; 357 | } 358 | .ql-editor .ql-color-purple { 359 | color: #93f; 360 | } 361 | .ql-editor .ql-font-serif { 362 | font-family: Georgia, Times New Roman, serif; 363 | } 364 | .ql-editor .ql-font-monospace { 365 | font-family: Monaco, Courier New, monospace; 366 | } 367 | .ql-editor .ql-size-small { 368 | font-size: 0.75em; 369 | } 370 | .ql-editor .ql-size-large { 371 | font-size: 1.5em; 372 | } 373 | .ql-editor .ql-size-huge { 374 | font-size: 2.5em; 375 | } 376 | .ql-editor .ql-direction-rtl { 377 | direction: rtl; 378 | text-align: inherit; 379 | } 380 | .ql-editor .ql-align-center { 381 | text-align: center; 382 | } 383 | .ql-editor .ql-align-justify { 384 | text-align: justify; 385 | } 386 | .ql-editor .ql-align-right { 387 | text-align: right; 388 | } 389 | .ql-editor.ql-blank::before { 390 | color: rgba(0,0,0,0.6); 391 | content: attr(data-placeholder); 392 | font-style: italic; 393 | left: 15px; 394 | pointer-events: none; 395 | position: absolute; 396 | right: 15px; 397 | } 398 | .ql-bubble.ql-toolbar:after, 399 | .ql-bubble .ql-toolbar:after { 400 | clear: both; 401 | content: ''; 402 | display: table; 403 | } 404 | .ql-bubble.ql-toolbar button, 405 | .ql-bubble .ql-toolbar button { 406 | background: none; 407 | border: none; 408 | cursor: pointer; 409 | display: inline-block; 410 | float: left; 411 | height: 24px; 412 | padding: 3px 5px; 413 | width: 28px; 414 | } 415 | .ql-bubble.ql-toolbar button svg, 416 | .ql-bubble .ql-toolbar button svg { 417 | float: left; 418 | height: 100%; 419 | } 420 | .ql-bubble.ql-toolbar button:active:hover, 421 | .ql-bubble .ql-toolbar button:active:hover { 422 | outline: none; 423 | } 424 | .ql-bubble.ql-toolbar input.ql-image[type=file], 425 | .ql-bubble .ql-toolbar input.ql-image[type=file] { 426 | display: none; 427 | } 428 | .ql-bubble.ql-toolbar button:hover, 429 | .ql-bubble .ql-toolbar button:hover, 430 | .ql-bubble.ql-toolbar button:focus, 431 | .ql-bubble .ql-toolbar button:focus, 432 | .ql-bubble.ql-toolbar button.ql-active, 433 | .ql-bubble .ql-toolbar button.ql-active, 434 | .ql-bubble.ql-toolbar .ql-picker-label:hover, 435 | .ql-bubble .ql-toolbar .ql-picker-label:hover, 436 | .ql-bubble.ql-toolbar .ql-picker-label.ql-active, 437 | .ql-bubble .ql-toolbar .ql-picker-label.ql-active, 438 | .ql-bubble.ql-toolbar .ql-picker-item:hover, 439 | .ql-bubble .ql-toolbar .ql-picker-item:hover, 440 | .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, 441 | .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { 442 | color: #fff; 443 | } 444 | .ql-bubble.ql-toolbar button:hover .ql-fill, 445 | .ql-bubble .ql-toolbar button:hover .ql-fill, 446 | .ql-bubble.ql-toolbar button:focus .ql-fill, 447 | .ql-bubble .ql-toolbar button:focus .ql-fill, 448 | .ql-bubble.ql-toolbar button.ql-active .ql-fill, 449 | .ql-bubble .ql-toolbar button.ql-active .ql-fill, 450 | .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, 451 | .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, 452 | .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, 453 | .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, 454 | .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, 455 | .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, 456 | .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, 457 | .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, 458 | .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, 459 | .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, 460 | .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, 461 | .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, 462 | .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, 463 | .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, 464 | .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, 465 | .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, 466 | .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, 467 | .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, 468 | .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, 469 | .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, 470 | .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, 471 | .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { 472 | fill: #fff; 473 | } 474 | .ql-bubble.ql-toolbar button:hover .ql-stroke, 475 | .ql-bubble .ql-toolbar button:hover .ql-stroke, 476 | .ql-bubble.ql-toolbar button:focus .ql-stroke, 477 | .ql-bubble .ql-toolbar button:focus .ql-stroke, 478 | .ql-bubble.ql-toolbar button.ql-active .ql-stroke, 479 | .ql-bubble .ql-toolbar button.ql-active .ql-stroke, 480 | .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, 481 | .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, 482 | .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, 483 | .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, 484 | .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, 485 | .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, 486 | .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, 487 | .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, 488 | .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, 489 | .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, 490 | .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, 491 | .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, 492 | .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, 493 | .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, 494 | .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, 495 | .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, 496 | .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, 497 | .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, 498 | .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, 499 | .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, 500 | .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, 501 | .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { 502 | stroke: #fff; 503 | } 504 | @media (pointer: coarse) { 505 | .ql-bubble.ql-toolbar button:hover:not(.ql-active), 506 | .ql-bubble .ql-toolbar button:hover:not(.ql-active) { 507 | color: #ccc; 508 | } 509 | .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, 510 | .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, 511 | .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, 512 | .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { 513 | fill: #ccc; 514 | } 515 | .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, 516 | .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, 517 | .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, 518 | .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { 519 | stroke: #ccc; 520 | } 521 | } 522 | .ql-bubble { 523 | box-sizing: border-box; 524 | } 525 | .ql-bubble * { 526 | box-sizing: border-box; 527 | } 528 | .ql-bubble .ql-hidden { 529 | display: none; 530 | } 531 | .ql-bubble .ql-out-bottom, 532 | .ql-bubble .ql-out-top { 533 | visibility: hidden; 534 | } 535 | .ql-bubble .ql-tooltip { 536 | position: absolute; 537 | transform: translateY(10px); 538 | } 539 | .ql-bubble .ql-tooltip a { 540 | cursor: pointer; 541 | text-decoration: none; 542 | } 543 | .ql-bubble .ql-tooltip.ql-flip { 544 | transform: translateY(-10px); 545 | } 546 | .ql-bubble .ql-formats { 547 | display: inline-block; 548 | vertical-align: middle; 549 | } 550 | .ql-bubble .ql-formats:after { 551 | clear: both; 552 | content: ''; 553 | display: table; 554 | } 555 | .ql-bubble .ql-stroke { 556 | fill: none; 557 | stroke: #ccc; 558 | stroke-linecap: round; 559 | stroke-linejoin: round; 560 | stroke-width: 2; 561 | } 562 | .ql-bubble .ql-stroke-miter { 563 | fill: none; 564 | stroke: #ccc; 565 | stroke-miterlimit: 10; 566 | stroke-width: 2; 567 | } 568 | .ql-bubble .ql-fill, 569 | .ql-bubble .ql-stroke.ql-fill { 570 | fill: #ccc; 571 | } 572 | .ql-bubble .ql-empty { 573 | fill: none; 574 | } 575 | .ql-bubble .ql-even { 576 | fill-rule: evenodd; 577 | } 578 | .ql-bubble .ql-thin, 579 | .ql-bubble .ql-stroke.ql-thin { 580 | stroke-width: 1; 581 | } 582 | .ql-bubble .ql-transparent { 583 | opacity: 0.4; 584 | } 585 | .ql-bubble .ql-direction svg:last-child { 586 | display: none; 587 | } 588 | .ql-bubble .ql-direction.ql-active svg:last-child { 589 | display: inline; 590 | } 591 | .ql-bubble .ql-direction.ql-active svg:first-child { 592 | display: none; 593 | } 594 | .ql-bubble .ql-editor h1 { 595 | font-size: 2em; 596 | } 597 | .ql-bubble .ql-editor h2 { 598 | font-size: 1.5em; 599 | } 600 | .ql-bubble .ql-editor h3 { 601 | font-size: 1.17em; 602 | } 603 | .ql-bubble .ql-editor h4 { 604 | font-size: 1em; 605 | } 606 | .ql-bubble .ql-editor h5 { 607 | font-size: 0.83em; 608 | } 609 | .ql-bubble .ql-editor h6 { 610 | font-size: 0.67em; 611 | } 612 | .ql-bubble .ql-editor a { 613 | text-decoration: underline; 614 | } 615 | .ql-bubble .ql-editor blockquote { 616 | border-left: 4px solid #ccc; 617 | margin-bottom: 5px; 618 | margin-top: 5px; 619 | padding-left: 16px; 620 | } 621 | .ql-bubble .ql-editor code, 622 | .ql-bubble .ql-editor pre { 623 | background-color: #f0f0f0; 624 | border-radius: 3px; 625 | } 626 | .ql-bubble .ql-editor pre { 627 | white-space: pre-wrap; 628 | margin-bottom: 5px; 629 | margin-top: 5px; 630 | padding: 5px 10px; 631 | } 632 | .ql-bubble .ql-editor code { 633 | font-size: 85%; 634 | padding: 2px 4px; 635 | } 636 | .ql-bubble .ql-editor pre.ql-syntax { 637 | background-color: #23241f; 638 | color: #f8f8f2; 639 | overflow: visible; 640 | } 641 | .ql-bubble .ql-editor img { 642 | max-width: 100%; 643 | } 644 | .ql-bubble .ql-picker { 645 | color: #ccc; 646 | display: inline-block; 647 | float: left; 648 | font-size: 14px; 649 | font-weight: 500; 650 | height: 24px; 651 | position: relative; 652 | vertical-align: middle; 653 | } 654 | .ql-bubble .ql-picker-label { 655 | cursor: pointer; 656 | display: inline-block; 657 | height: 100%; 658 | padding-left: 8px; 659 | padding-right: 2px; 660 | position: relative; 661 | width: 100%; 662 | } 663 | .ql-bubble .ql-picker-label::before { 664 | display: inline-block; 665 | line-height: 22px; 666 | } 667 | .ql-bubble .ql-picker-options { 668 | background-color: #444; 669 | display: none; 670 | min-width: 100%; 671 | padding: 4px 8px; 672 | position: absolute; 673 | white-space: nowrap; 674 | } 675 | .ql-bubble .ql-picker-options .ql-picker-item { 676 | cursor: pointer; 677 | display: block; 678 | padding-bottom: 5px; 679 | padding-top: 5px; 680 | } 681 | .ql-bubble .ql-picker.ql-expanded .ql-picker-label { 682 | color: #777; 683 | z-index: 2; 684 | } 685 | .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { 686 | fill: #777; 687 | } 688 | .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { 689 | stroke: #777; 690 | } 691 | .ql-bubble .ql-picker.ql-expanded .ql-picker-options { 692 | display: block; 693 | margin-top: -1px; 694 | top: 100%; 695 | z-index: 1; 696 | } 697 | .ql-bubble .ql-color-picker, 698 | .ql-bubble .ql-icon-picker { 699 | width: 28px; 700 | } 701 | .ql-bubble .ql-color-picker .ql-picker-label, 702 | .ql-bubble .ql-icon-picker .ql-picker-label { 703 | padding: 2px 4px; 704 | } 705 | .ql-bubble .ql-color-picker .ql-picker-label svg, 706 | .ql-bubble .ql-icon-picker .ql-picker-label svg { 707 | right: 4px; 708 | } 709 | .ql-bubble .ql-icon-picker .ql-picker-options { 710 | padding: 4px 0px; 711 | } 712 | .ql-bubble .ql-icon-picker .ql-picker-item { 713 | height: 24px; 714 | width: 24px; 715 | padding: 2px 4px; 716 | } 717 | .ql-bubble .ql-color-picker .ql-picker-options { 718 | padding: 3px 5px; 719 | width: 152px; 720 | } 721 | .ql-bubble .ql-color-picker .ql-picker-item { 722 | border: 1px solid transparent; 723 | float: left; 724 | height: 16px; 725 | margin: 2px; 726 | padding: 0px; 727 | width: 16px; 728 | } 729 | .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { 730 | position: absolute; 731 | margin-top: -9px; 732 | right: 0; 733 | top: 50%; 734 | width: 18px; 735 | } 736 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, 737 | .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, 738 | .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, 739 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, 740 | .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, 741 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { 742 | content: attr(data-label); 743 | } 744 | .ql-bubble .ql-picker.ql-header { 745 | width: 98px; 746 | } 747 | .ql-bubble .ql-picker.ql-header .ql-picker-label::before, 748 | .ql-bubble .ql-picker.ql-header .ql-picker-item::before { 749 | content: 'Normal'; 750 | } 751 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, 752 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { 753 | content: 'Heading 1'; 754 | } 755 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, 756 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { 757 | content: 'Heading 2'; 758 | } 759 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, 760 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { 761 | content: 'Heading 3'; 762 | } 763 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, 764 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { 765 | content: 'Heading 4'; 766 | } 767 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, 768 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { 769 | content: 'Heading 5'; 770 | } 771 | .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, 772 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { 773 | content: 'Heading 6'; 774 | } 775 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { 776 | font-size: 2em; 777 | } 778 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { 779 | font-size: 1.5em; 780 | } 781 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { 782 | font-size: 1.17em; 783 | } 784 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { 785 | font-size: 1em; 786 | } 787 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { 788 | font-size: 0.83em; 789 | } 790 | .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { 791 | font-size: 0.67em; 792 | } 793 | .ql-bubble .ql-picker.ql-font { 794 | width: 108px; 795 | } 796 | .ql-bubble .ql-picker.ql-font .ql-picker-label::before, 797 | .ql-bubble .ql-picker.ql-font .ql-picker-item::before { 798 | content: 'Sans Serif'; 799 | } 800 | .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, 801 | .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { 802 | content: 'Serif'; 803 | } 804 | .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, 805 | .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { 806 | content: 'Monospace'; 807 | } 808 | .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { 809 | font-family: Georgia, Times New Roman, serif; 810 | } 811 | .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { 812 | font-family: Monaco, Courier New, monospace; 813 | } 814 | .ql-bubble .ql-picker.ql-size { 815 | width: 98px; 816 | } 817 | .ql-bubble .ql-picker.ql-size .ql-picker-label::before, 818 | .ql-bubble .ql-picker.ql-size .ql-picker-item::before { 819 | content: 'Normal'; 820 | } 821 | .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, 822 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { 823 | content: 'Small'; 824 | } 825 | .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, 826 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { 827 | content: 'Large'; 828 | } 829 | .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, 830 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { 831 | content: 'Huge'; 832 | } 833 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { 834 | font-size: 10px; 835 | } 836 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { 837 | font-size: 18px; 838 | } 839 | .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { 840 | font-size: 32px; 841 | } 842 | .ql-bubble .ql-color-picker.ql-background .ql-picker-item { 843 | background-color: #fff; 844 | } 845 | .ql-bubble .ql-color-picker.ql-color .ql-picker-item { 846 | background-color: #000; 847 | } 848 | .ql-bubble .ql-toolbar .ql-formats { 849 | margin: 8px 12px 8px 0px; 850 | } 851 | .ql-bubble .ql-toolbar .ql-formats:first-child { 852 | margin-left: 12px; 853 | } 854 | .ql-bubble .ql-color-picker svg { 855 | margin: 1px; 856 | } 857 | .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, 858 | .ql-bubble .ql-color-picker .ql-picker-item:hover { 859 | border-color: #fff; 860 | } 861 | .ql-bubble .ql-tooltip { 862 | background-color: #444; 863 | border-radius: 25px; 864 | color: #fff; 865 | } 866 | .ql-bubble .ql-tooltip-arrow { 867 | border-left: 6px solid transparent; 868 | border-right: 6px solid transparent; 869 | content: " "; 870 | display: block; 871 | left: 50%; 872 | margin-left: -6px; 873 | position: absolute; 874 | } 875 | .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { 876 | border-bottom: 6px solid #444; 877 | top: -6px; 878 | } 879 | .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { 880 | border-top: 6px solid #444; 881 | bottom: -6px; 882 | } 883 | .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { 884 | display: block; 885 | } 886 | .ql-bubble .ql-tooltip.ql-editing .ql-formats { 887 | visibility: hidden; 888 | } 889 | .ql-bubble .ql-tooltip-editor { 890 | display: none; 891 | } 892 | .ql-bubble .ql-tooltip-editor input[type=text] { 893 | background: transparent; 894 | border: none; 895 | color: #fff; 896 | font-size: 13px; 897 | height: 100%; 898 | outline: none; 899 | padding: 10px 20px; 900 | position: absolute; 901 | width: 100%; 902 | } 903 | .ql-bubble .ql-tooltip-editor a { 904 | top: 10px; 905 | position: absolute; 906 | right: 20px; 907 | } 908 | .ql-bubble .ql-tooltip-editor a:before { 909 | color: #ccc; 910 | content: "\D7"; 911 | font-size: 16px; 912 | font-weight: bold; 913 | } 914 | .ql-container.ql-bubble:not(.ql-disabled) a { 915 | position: relative; 916 | white-space: nowrap; 917 | } 918 | .ql-container.ql-bubble:not(.ql-disabled) a::before { 919 | background-color: #444; 920 | border-radius: 15px; 921 | top: -5px; 922 | font-size: 12px; 923 | color: #fff; 924 | content: attr(href); 925 | font-weight: normal; 926 | overflow: hidden; 927 | padding: 5px 15px; 928 | text-decoration: none; 929 | z-index: 1; 930 | } 931 | .ql-container.ql-bubble:not(.ql-disabled) a::after { 932 | border-top: 6px solid #444; 933 | border-left: 6px solid transparent; 934 | border-right: 6px solid transparent; 935 | top: 0; 936 | content: " "; 937 | height: 0; 938 | width: 0; 939 | } 940 | .ql-container.ql-bubble:not(.ql-disabled) a::before, 941 | .ql-container.ql-bubble:not(.ql-disabled) a::after { 942 | left: 0; 943 | margin-left: 50%; 944 | position: absolute; 945 | transform: translate(-50%, -100%); 946 | transition: visibility 0s ease 200ms; 947 | visibility: hidden; 948 | } 949 | .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, 950 | .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { 951 | visibility: visible; 952 | } 953 | -------------------------------------------------------------------------------- /static/css/quill-emoji.css: -------------------------------------------------------------------------------- 1 | #quill-editor { 2 | position: relative; 3 | } 4 | 5 | .mention { 6 | color: #0366d6; 7 | } 8 | 9 | .completions { 10 | list-style: none; 11 | margin: 0; 12 | padding: 0; 13 | background: #FFF; 14 | border-radius: 2px; 15 | box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); 16 | } 17 | 18 | .completions > li { 19 | margin: 0; 20 | padding: 0; 21 | } 22 | 23 | .completions > li > button { 24 | box-sizing: border-box; 25 | height: 2em; 26 | padding: .25em .5em; 27 | margin: 0; 28 | display: block; 29 | width: 100%; 30 | text-align: left; 31 | border: none; 32 | background: none; 33 | } 34 | 35 | .completions > li > button:hover { 36 | background: #ddd; 37 | } 38 | 39 | .completions > li > button:focus { 40 | background: #ddd; 41 | outline: none; 42 | } 43 | 44 | .completions > li > button > .matched { 45 | font-weight: bold; 46 | color: black; 47 | } 48 | 49 | .completions > li > button > * { 50 | vertical-align: middle; 51 | } 52 | 53 | .emoji_completions { 54 | list-style: none; 55 | margin: 0; 56 | border: 1px solid rgba(0, 0, 0, 0.15); 57 | padding: 6px; 58 | background: #FFF; 59 | border-radius: 3px; 60 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); 61 | } 62 | 63 | .emoji_completions li { 64 | margin: 2px 0; 65 | padding: 0; 66 | display: inline-block; 67 | } 68 | 69 | .emoji_completions li:not(:last-of-type) { 70 | margin-right: 3px; 71 | } 72 | 73 | .emoji_completions > li > button { 74 | box-sizing: border-box; 75 | padding: 3px 2px 6px; 76 | margin: 0; 77 | display: block; 78 | width: 100%; 79 | text-align: left; 80 | border: none; 81 | background: #efefef; 82 | border-radius: 3px; 83 | } 84 | 85 | .emoji_completions > li > button:hover { 86 | background: #2D9EE0; 87 | color: #FFF; 88 | } 89 | 90 | .emoji_completions > li > button:focus { 91 | background: #2D9EE0; 92 | outline: none; 93 | color: #FFF; 94 | } 95 | 96 | .emoji_completions > li > button.emoji-active { 97 | background: red; 98 | background: #2d9ee0; 99 | outline: none; 100 | color: #fff; 101 | } 102 | 103 | .emoji_completions > li > button > .matched { 104 | font-weight: bold; 105 | } 106 | 107 | .emoji_completions > li > button > * { 108 | vertical-align: middle; 109 | } 110 | 111 | .ico { 112 | margin-right: 5px; 113 | font-size: 18px; 114 | line-height: 0; 115 | vertical-align: middle; 116 | } 117 | 118 | #emoji-palette { 119 | position: absolute; 120 | max-width: 250px; 121 | z-index: 999; 122 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); 123 | border-radius: 3px; 124 | border: 1px solid rgba(0, 0, 0, 0.15); 125 | } 126 | 127 | .bem { 128 | font-size: 24px; 129 | width: 34px; 130 | display: inline-block; 131 | text-align: center; 132 | cursor: pointer; 133 | margin: 2px; 134 | } 135 | 136 | #tab-filters { 137 | width: 210px; 138 | margin: 0px auto; 139 | margin-top: 20px; 140 | } 141 | 142 | .emoji-tab { 143 | display: inline-table; 144 | text-align: center; 145 | width: 30px; 146 | height: 100%; 147 | min-height: 30px; 148 | cursor: pointer; 149 | } 150 | 151 | #tab-toolbar { 152 | background-color: #f7f7f7; 153 | padding: 4px 4px 0; 154 | border-bottom: 1px solid rgba(0, 0, 0, 0.15); 155 | } 156 | 157 | #tab-toolbar ul { 158 | margin: 0px; 159 | padding: 0px; 160 | } 161 | 162 | #tab-toolbar .active { 163 | border-bottom: 3px solid #2ab27b; 164 | } 165 | 166 | #tab-panel { 167 | display: flex; 168 | flex-wrap: wrap; 169 | justify-content: center; 170 | max-height: 220px; 171 | overflow-y: scroll; 172 | padding: 2px; 173 | background: #FFF; 174 | } 175 | 176 | #quill-editor x-contain, contain { 177 | background: #ffbb88; 178 | display: block; 179 | } 180 | 181 | #quill-editor table { 182 | width: 100%; 183 | border-collapse: collapse; 184 | } 185 | 186 | #quill-editor table td { 187 | border: 1px solid black; 188 | padding: 5px; 189 | height: 25px; 190 | } 191 | 192 | button.ql-table::after { 193 | content: "TABLE"; 194 | } 195 | 196 | .ql-picker.ql-table .ql-picker-label::before { 197 | content: "TABLE"; 198 | } 199 | 200 | button.ql-contain::after { 201 | content: "WRAP"; 202 | } 203 | 204 | button.ql-table[value="append-row"]::after { 205 | content: "ROWS+"; 206 | } 207 | 208 | button.ql-table[value="append-col"]::after { 209 | content: "COLS+"; 210 | } 211 | 212 | .ql-table, 213 | .ql-contain { 214 | width: auto !important; 215 | margin-right: -15px; 216 | } 217 | 218 | #emoji-close-div { 219 | width: 100%; 220 | height: 100%; 221 | position: fixed; 222 | top: 0; 223 | left: 0; 224 | } 225 | 226 | .textarea-emoji-control { 227 | width: 25px; 228 | height: 25px; 229 | right: 4px; 230 | top: 10px; 231 | } 232 | 233 | #textarea-emoji { 234 | position: absolute; 235 | right: 0px; 236 | max-width: 250px; 237 | z-index: 999; 238 | border: 1px solid #66afe9; 239 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); 240 | border-radius: 3px; 241 | border: 1px solid rgba(0, 0, 0, 0.15); 242 | } 243 | 244 | .ql-editor { 245 | padding-right: 26px; 246 | } 247 | 248 | .i-activity { 249 | content: ''; 250 | height: 25px; 251 | width: 25px; 252 | margin: auto; 253 | background: url('data:image/svg+xml;utf8,'); 254 | } 255 | 256 | .i-flags { 257 | content: ''; 258 | height: 25px; 259 | width: 25px; 260 | margin: auto; 261 | background: url('data:image/svg+xml;utf8,'); 262 | } 263 | 264 | .i-food { 265 | content: ''; 266 | height: 25px; 267 | width: 25px; 268 | margin: auto; 269 | background: url('data:image/svg+xml;utf8,'); 270 | } 271 | 272 | .i-nature { 273 | content: ''; 274 | height: 25px; 275 | width: 25px; 276 | margin: auto; 277 | background: url('data:image/svg+xml;utf8,'); 278 | } 279 | 280 | .i-objects { 281 | content: ''; 282 | height: 25px; 283 | width: 25px; 284 | margin: auto; 285 | background: url('data:image/svg+xml;utf8,'); 286 | } 287 | 288 | .i-people { 289 | content: ''; 290 | height: 25px; 291 | width: 25px; 292 | margin: auto; 293 | background: url('data:image/svg+xml;utf8,'); 294 | } 295 | 296 | .i-symbols { 297 | content: ''; 298 | height: 25px; 299 | width: 25px; 300 | margin: auto; 301 | background: url('data:image/svg+xml;utf8,'); 302 | } 303 | 304 | .i-travel { 305 | content: ''; 306 | height: 25px; 307 | width: 25px; 308 | margin: auto; 309 | background: url('data:image/svg+xml;utf8,'); 310 | } 311 | 312 | .emoji { 313 | margin-bottom: -5px; 314 | } 315 | 316 | .ap { 317 | display: inline-block; 318 | height: 20px; 319 | width: 20px; 320 | background-image: url(../sheet_apple_20.png); 321 | background-repeat: no-repeat; 322 | text-indent: -999px; 323 | padding-left: 20px; 324 | box-sizing: border-box; 325 | overflow: hidden; 326 | } 327 | 328 | .ap-copyright { 329 | background-position: -0px -0px; 330 | } 331 | 332 | .ap-registered { 333 | background-position: -0px -20px; 334 | } 335 | 336 | .ap-bangbang { 337 | background-position: -0px -40px; 338 | } 339 | 340 | .ap-interrobang { 341 | background-position: -0px -60px; 342 | } 343 | 344 | .ap-tm { 345 | background-position: -0px -80px; 346 | } 347 | 348 | .ap-information_source { 349 | background-position: -0px -100px; 350 | } 351 | 352 | .ap-left_right_arrow { 353 | background-position: -0px -120px; 354 | } 355 | 356 | .ap-arrow_up_down { 357 | background-position: -0px -140px; 358 | } 359 | 360 | .ap-arrow_upper_left { 361 | background-position: -0px -160px; 362 | } 363 | 364 | .ap-arrow_upper_right { 365 | background-position: -0px -180px; 366 | } 367 | 368 | .ap-arrow_lower_right { 369 | background-position: -0px -200px; 370 | } 371 | 372 | .ap-arrow_lower_left { 373 | background-position: -0px -220px; 374 | } 375 | 376 | .ap-leftwards_arrow_with_hook { 377 | background-position: -0px -240px; 378 | } 379 | 380 | .ap-arrow_right_hook { 381 | background-position: -0px -260px; 382 | } 383 | 384 | .ap-watch { 385 | background-position: -0px -280px; 386 | } 387 | 388 | .ap-hourglass { 389 | background-position: -0px -300px; 390 | } 391 | 392 | .ap-keyboard { 393 | background-position: -0px -320px; 394 | } 395 | 396 | .ap-fast_forward { 397 | background-position: -0px -360px; 398 | } 399 | 400 | .ap-rewind { 401 | background-position: -0px -380px; 402 | } 403 | 404 | .ap-arrow_double_up { 405 | background-position: -0px -400px; 406 | } 407 | 408 | .ap-arrow_double_down { 409 | background-position: -0px -420px; 410 | } 411 | 412 | .ap-black_right_pointing_double_triangle_with_vertical_bar { 413 | background-position: -0px -440px; 414 | } 415 | 416 | .ap-black_left_pointing_double_triangle_with_vertical_bar { 417 | background-position: -0px -460px; 418 | } 419 | 420 | .ap-black_right_pointing_triangle_with_double_vertical_bar { 421 | background-position: -0px -480px; 422 | } 423 | 424 | .ap-alarm_clock { 425 | background-position: -0px -500px; 426 | } 427 | 428 | .ap-stopwatch { 429 | background-position: -0px -520px; 430 | } 431 | 432 | .ap-timer_clock { 433 | background-position: -0px -540px; 434 | } 435 | 436 | .ap-hourglass_flowing_sand { 437 | background-position: -0px -560px; 438 | } 439 | 440 | .ap-double_vertical_bar { 441 | background-position: -0px -580px; 442 | } 443 | 444 | .ap-black_square_for_stop { 445 | background-position: -0px -600px; 446 | } 447 | 448 | .ap-black_circle_for_record { 449 | background-position: -0px -620px; 450 | } 451 | 452 | .ap-m { 453 | background-position: -0px -640px; 454 | } 455 | 456 | .ap-black_small_square { 457 | background-position: -0px -660px; 458 | } 459 | 460 | .ap-white_small_square { 461 | background-position: -0px -680px; 462 | } 463 | 464 | .ap-arrow_forward { 465 | background-position: -0px -700px; 466 | } 467 | 468 | .ap-arrow_backward { 469 | background-position: -0px -720px; 470 | } 471 | 472 | .ap-white_medium_square { 473 | background-position: -0px -740px; 474 | } 475 | 476 | .ap-black_medium_square { 477 | background-position: -0px -760px; 478 | } 479 | 480 | .ap-white_medium_small_square { 481 | background-position: -0px -780px; 482 | } 483 | 484 | .ap-black_medium_small_square { 485 | background-position: -0px -800px; 486 | } 487 | 488 | .ap-sunny { 489 | background-position: -20px -0px; 490 | } 491 | 492 | .ap-cloud { 493 | background-position: -20px -20px; 494 | } 495 | 496 | .ap-umbrella { 497 | background-position: -20px -40px; 498 | } 499 | 500 | .ap-snowman { 501 | background-position: -20px -60px; 502 | } 503 | 504 | .ap-comet { 505 | background-position: -20px -80px; 506 | } 507 | 508 | .ap-phone { 509 | background-position: -20px -100px; 510 | } 511 | 512 | .ap-ballot_box_with_check { 513 | background-position: -20px -120px; 514 | } 515 | 516 | .ap-umbrella_with_rain_drops { 517 | background-position: -20px -140px; 518 | } 519 | 520 | .ap-coffee { 521 | background-position: -20px -160px; 522 | } 523 | 524 | .ap-shamrock { 525 | background-position: -20px -180px; 526 | } 527 | 528 | .ap-point_up { 529 | background-position: -20px -200px; 530 | } 531 | 532 | .ap-skull_and_crossbones { 533 | background-position: -20px -320px; 534 | } 535 | 536 | .ap-radioactive_sign { 537 | background-position: -20px -340px; 538 | } 539 | 540 | .ap-biohazard_sign { 541 | background-position: -20px -360px; 542 | } 543 | 544 | .ap-orthodox_cross { 545 | background-position: -20px -380px; 546 | } 547 | 548 | .ap-star_and_crescent { 549 | background-position: -20px -400px; 550 | } 551 | 552 | .ap-peace_symbol { 553 | background-position: -20px -420px; 554 | } 555 | 556 | .ap-yin_yang { 557 | background-position: -20px -440px; 558 | } 559 | 560 | .ap-wheel_of_dharma { 561 | background-position: -20px -460px; 562 | } 563 | 564 | .ap-white_frowning_face { 565 | background-position: -20px -480px; 566 | } 567 | 568 | .ap-relaxed { 569 | background-position: -20px -500px; 570 | } 571 | 572 | .ap-aries { 573 | background-position: -20px -520px; 574 | } 575 | 576 | .ap-taurus { 577 | background-position: -20px -540px; 578 | } 579 | 580 | .ap-gemini { 581 | background-position: -20px -560px; 582 | } 583 | 584 | .ap-cancer { 585 | background-position: -20px -580px; 586 | } 587 | 588 | .ap-leo { 589 | background-position: -20px -600px; 590 | } 591 | 592 | .ap-virgo { 593 | background-position: -20px -620px; 594 | } 595 | 596 | .ap-libra { 597 | background-position: -20px -640px; 598 | } 599 | 600 | .ap-scorpius { 601 | background-position: -20px -660px; 602 | } 603 | 604 | .ap-sagittarius { 605 | background-position: -20px -680px; 606 | } 607 | 608 | .ap-capricorn { 609 | background-position: -20px -700px; 610 | } 611 | 612 | .ap-aquarius { 613 | background-position: -20px -720px; 614 | } 615 | 616 | .ap-pisces { 617 | background-position: -20px -740px; 618 | } 619 | 620 | .ap-spades { 621 | background-position: -20px -760px; 622 | } 623 | 624 | .ap-clubs { 625 | background-position: -20px -780px; 626 | } 627 | 628 | .ap-hearts { 629 | background-position: -20px -800px; 630 | } 631 | 632 | .ap-diamonds { 633 | background-position: -40px -0px; 634 | } 635 | 636 | .ap-hotsprings { 637 | background-position: -40px -20px; 638 | } 639 | 640 | .ap-recycle { 641 | background-position: -40px -40px; 642 | } 643 | 644 | .ap-wheelchair { 645 | background-position: -40px -60px; 646 | } 647 | 648 | .ap-hammer_and_pick { 649 | background-position: -40px -80px; 650 | } 651 | 652 | .ap-anchor { 653 | background-position: -40px -100px; 654 | } 655 | 656 | .ap-crossed_swords { 657 | background-position: -40px -120px; 658 | } 659 | 660 | .ap-scales { 661 | background-position: -40px -140px; 662 | } 663 | 664 | .ap-alembic { 665 | background-position: -40px -160px; 666 | } 667 | 668 | .ap-gear { 669 | background-position: -40px -180px; 670 | } 671 | 672 | .ap-atom_symbol { 673 | background-position: -40px -200px; 674 | } 675 | 676 | .ap-fleur_de_lis { 677 | background-position: -40px -220px; 678 | } 679 | 680 | .ap-warning { 681 | background-position: -40px -240px; 682 | } 683 | 684 | .ap-zap { 685 | background-position: -40px -260px; 686 | } 687 | 688 | .ap-white_circle { 689 | background-position: -40px -280px; 690 | } 691 | 692 | .ap-black_circle { 693 | background-position: -40px -300px; 694 | } 695 | 696 | .ap-coffin { 697 | background-position: -40px -320px; 698 | } 699 | 700 | .ap-funeral_urn { 701 | background-position: -40px -340px; 702 | } 703 | 704 | .ap-soccer { 705 | background-position: -40px -360px; 706 | } 707 | 708 | .ap-baseball { 709 | background-position: -40px -380px; 710 | } 711 | 712 | .ap-snowman_without_snow { 713 | background-position: -40px -400px; 714 | } 715 | 716 | .ap-partly_sunny { 717 | background-position: -40px -420px; 718 | } 719 | 720 | .ap-thunder_cloud_and_rain { 721 | background-position: -40px -440px; 722 | } 723 | 724 | .ap-ophiuchus { 725 | background-position: -40px -460px; 726 | } 727 | 728 | .ap-pick { 729 | background-position: -40px -480px; 730 | } 731 | 732 | .ap-helmet_with_white_cross { 733 | background-position: -40px -500px; 734 | } 735 | 736 | .ap-chains { 737 | background-position: -40px -520px; 738 | } 739 | 740 | .ap-no_entry { 741 | background-position: -40px -540px; 742 | } 743 | 744 | .ap-shinto_shrine { 745 | background-position: -40px -560px; 746 | } 747 | 748 | .ap-church { 749 | background-position: -40px -580px; 750 | } 751 | 752 | .ap-mountain { 753 | background-position: -40px -600px; 754 | } 755 | 756 | .ap-umbrella_on_ground { 757 | background-position: -40px -620px; 758 | } 759 | 760 | .ap-fountain { 761 | background-position: -40px -640px; 762 | } 763 | 764 | .ap-golf { 765 | background-position: -40px -660px; 766 | } 767 | 768 | .ap-ferry { 769 | background-position: -40px -680px; 770 | } 771 | 772 | .ap-boat { 773 | background-position: -40px -700px; 774 | } 775 | 776 | .ap-skier { 777 | background-position: -40px -720px; 778 | } 779 | 780 | .ap-ice_skate { 781 | background-position: -40px -740px; 782 | } 783 | 784 | .ap-person_with_ball { 785 | background-position: -40px -760px; 786 | } 787 | 788 | .ap-tent { 789 | background-position: -60px -60px; 790 | } 791 | 792 | .ap-fuelpump { 793 | background-position: -60px -80px; 794 | } 795 | 796 | .ap-scissors { 797 | background-position: -60px -100px; 798 | } 799 | 800 | .ap-white_check_mark { 801 | background-position: -60px -120px; 802 | } 803 | 804 | .ap-airplane { 805 | background-position: -60px -140px; 806 | } 807 | 808 | .ap-email { 809 | background-position: -60px -160px; 810 | } 811 | 812 | .ap-fist { 813 | background-position: -60px -180px; 814 | } 815 | 816 | .ap-hand { 817 | background-position: -60px -300px; 818 | } 819 | 820 | .ap-v { 821 | background-position: -60px -420px; 822 | } 823 | 824 | .ap-writing_hand { 825 | background-position: -60px -540px; 826 | } 827 | 828 | .ap-pencil2 { 829 | background-position: -60px -660px; 830 | } 831 | 832 | .ap-black_nib { 833 | background-position: -60px -680px; 834 | } 835 | 836 | .ap-heavy_check_mark { 837 | background-position: -60px -700px; 838 | } 839 | 840 | .ap-heavy_multiplication_x { 841 | background-position: -60px -720px; 842 | } 843 | 844 | .ap-latin_cross { 845 | background-position: -60px -740px; 846 | } 847 | 848 | .ap-star_of_david { 849 | background-position: -60px -760px; 850 | } 851 | 852 | .ap-sparkles { 853 | background-position: -60px -780px; 854 | } 855 | 856 | .ap-eight_spoked_asterisk { 857 | background-position: -60px -800px; 858 | } 859 | 860 | .ap-eight_pointed_black_star { 861 | background-position: -80px -0px; 862 | } 863 | 864 | .ap-snowflake { 865 | background-position: -80px -20px; 866 | } 867 | 868 | .ap-sparkle { 869 | background-position: -80px -40px; 870 | } 871 | 872 | .ap-x { 873 | background-position: -80px -60px; 874 | } 875 | 876 | .ap-negative_squared_cross_mark { 877 | background-position: -80px -80px; 878 | } 879 | 880 | .ap-question { 881 | background-position: -80px -100px; 882 | } 883 | 884 | .ap-grey_question { 885 | background-position: -80px -120px; 886 | } 887 | 888 | .ap-grey_exclamation { 889 | background-position: -80px -140px; 890 | } 891 | 892 | .ap-exclamation { 893 | background-position: -80px -160px; 894 | } 895 | 896 | .ap-heavy_heart_exclamation_mark_ornament { 897 | background-position: -80px -180px; 898 | } 899 | 900 | .ap-heart { 901 | background-position: -80px -200px; 902 | } 903 | 904 | .ap-heavy_plus_sign { 905 | background-position: -80px -220px; 906 | } 907 | 908 | .ap-heavy_minus_sign { 909 | background-position: -80px -240px; 910 | } 911 | 912 | .ap-heavy_division_sign { 913 | background-position: -80px -260px; 914 | } 915 | 916 | .ap-arrow_right { 917 | background-position: -80px -280px; 918 | } 919 | 920 | .ap-curly_loop { 921 | background-position: -80px -300px; 922 | } 923 | 924 | .ap-loop { 925 | background-position: -80px -320px; 926 | } 927 | 928 | .ap-arrow_heading_up { 929 | background-position: -80px -340px; 930 | } 931 | 932 | .ap-arrow_heading_down { 933 | background-position: -80px -360px; 934 | } 935 | 936 | .ap-arrow_left { 937 | background-position: -80px -380px; 938 | } 939 | 940 | .ap-arrow_up { 941 | background-position: -80px -400px; 942 | } 943 | 944 | .ap-arrow_down { 945 | background-position: -80px -420px; 946 | } 947 | 948 | .ap-black_large_square { 949 | background-position: -80px -440px; 950 | } 951 | 952 | .ap-white_large_square { 953 | background-position: -80px -460px; 954 | } 955 | 956 | .ap-star { 957 | background-position: -80px -480px; 958 | } 959 | 960 | .ap-o { 961 | background-position: -80px -500px; 962 | } 963 | 964 | .ap-wavy_dash { 965 | background-position: -80px -520px; 966 | } 967 | 968 | .ap-part_alternation_mark { 969 | background-position: -80px -540px; 970 | } 971 | 972 | .ap-congratulations { 973 | background-position: -80px -560px; 974 | } 975 | 976 | .ap-secret { 977 | background-position: -80px -580px; 978 | } 979 | 980 | .ap-mahjong { 981 | background-position: -80px -600px; 982 | } 983 | 984 | .ap-black_joker { 985 | background-position: -80px -620px; 986 | } 987 | 988 | .ap-a { 989 | background-position: -80px -640px; 990 | } 991 | 992 | .ap-b { 993 | background-position: -80px -660px; 994 | } 995 | 996 | .ap-o2 { 997 | background-position: -80px -680px; 998 | } 999 | 1000 | .ap-parking { 1001 | background-position: -80px -700px; 1002 | } 1003 | 1004 | .ap-ab { 1005 | background-position: -80px -720px; 1006 | } 1007 | 1008 | .ap-cl { 1009 | background-position: -80px -740px; 1010 | } 1011 | 1012 | .ap-cool { 1013 | background-position: -80px -760px; 1014 | } 1015 | 1016 | .ap-free { 1017 | background-position: -80px -780px; 1018 | } 1019 | 1020 | .ap-id { 1021 | background-position: -80px -800px; 1022 | } 1023 | 1024 | .ap-new { 1025 | background-position: -100px -0px; 1026 | } 1027 | 1028 | .ap-ng { 1029 | background-position: -100px -20px; 1030 | } 1031 | 1032 | .ap-ok { 1033 | background-position: -100px -40px; 1034 | } 1035 | 1036 | .ap-sos { 1037 | background-position: -100px -60px; 1038 | } 1039 | 1040 | .ap-up { 1041 | background-position: -100px -80px; 1042 | } 1043 | 1044 | .ap-vs { 1045 | background-position: -100px -100px; 1046 | } 1047 | 1048 | .ap-koko { 1049 | background-position: -100px -120px; 1050 | } 1051 | 1052 | .ap-sa { 1053 | background-position: -100px -140px; 1054 | } 1055 | 1056 | .ap-u7121 { 1057 | background-position: -100px -160px; 1058 | } 1059 | 1060 | .ap-u6307 { 1061 | background-position: -100px -180px; 1062 | } 1063 | 1064 | .ap-u7981 { 1065 | background-position: -100px -200px; 1066 | } 1067 | 1068 | .ap-u7a7a { 1069 | background-position: -100px -220px; 1070 | } 1071 | 1072 | .ap-u5408 { 1073 | background-position: -100px -240px; 1074 | } 1075 | 1076 | .ap-u6e80 { 1077 | background-position: -100px -260px; 1078 | } 1079 | 1080 | .ap-u6709 { 1081 | background-position: -100px -280px; 1082 | } 1083 | 1084 | .ap-u6708 { 1085 | background-position: -100px -300px; 1086 | } 1087 | 1088 | .ap-u7533 { 1089 | background-position: -100px -320px; 1090 | } 1091 | 1092 | .ap-u5272 { 1093 | background-position: -100px -340px; 1094 | } 1095 | 1096 | .ap-u55b6 { 1097 | background-position: -100px -360px; 1098 | } 1099 | 1100 | .ap-ideograph_advantage { 1101 | background-position: -100px -380px; 1102 | } 1103 | 1104 | .ap-accept { 1105 | background-position: -100px -400px; 1106 | } 1107 | 1108 | .ap-cyclone { 1109 | background-position: -100px -420px; 1110 | } 1111 | 1112 | .ap-foggy { 1113 | background-position: -100px -440px; 1114 | } 1115 | 1116 | .ap-closed_umbrella { 1117 | background-position: -100px -460px; 1118 | } 1119 | 1120 | .ap-night_with_stars { 1121 | background-position: -100px -480px; 1122 | } 1123 | 1124 | .ap-sunrise_over_mountains { 1125 | background-position: -100px -500px; 1126 | } 1127 | 1128 | .ap-sunrise { 1129 | background-position: -100px -520px; 1130 | } 1131 | 1132 | .ap-city_sunset { 1133 | background-position: -100px -540px; 1134 | } 1135 | 1136 | .ap-city_sunrise { 1137 | background-position: -100px -560px; 1138 | } 1139 | 1140 | .ap-rainbow { 1141 | background-position: -100px -580px; 1142 | } 1143 | 1144 | .ap-bridge_at_night { 1145 | background-position: -100px -600px; 1146 | } 1147 | 1148 | .ap-ocean { 1149 | background-position: -100px -620px; 1150 | } 1151 | 1152 | .ap-volcano { 1153 | background-position: -100px -640px; 1154 | } 1155 | 1156 | .ap-milky_way { 1157 | background-position: -100px -660px; 1158 | } 1159 | 1160 | .ap-earth_africa { 1161 | background-position: -100px -680px; 1162 | } 1163 | 1164 | .ap-earth_americas { 1165 | background-position: -100px -700px; 1166 | } 1167 | 1168 | .ap-earth_asia { 1169 | background-position: -100px -720px; 1170 | } 1171 | 1172 | .ap-globe_with_meridians { 1173 | background-position: -100px -740px; 1174 | } 1175 | 1176 | .ap-new_moon { 1177 | background-position: -100px -760px; 1178 | } 1179 | 1180 | .ap-waxing_crescent_moon { 1181 | background-position: -100px -780px; 1182 | } 1183 | 1184 | .ap-first_quarter_moon { 1185 | background-position: -100px -800px; 1186 | } 1187 | 1188 | .ap-moon { 1189 | background-position: -120px -0px; 1190 | } 1191 | 1192 | .ap-full_moon { 1193 | background-position: -120px -20px; 1194 | } 1195 | 1196 | .ap-waning_gibbous_moon { 1197 | background-position: -120px -40px; 1198 | } 1199 | 1200 | .ap-last_quarter_moon { 1201 | background-position: -120px -60px; 1202 | } 1203 | 1204 | .ap-waning_crescent_moon { 1205 | background-position: -120px -80px; 1206 | } 1207 | 1208 | .ap-crescent_moon { 1209 | background-position: -120px -100px; 1210 | } 1211 | 1212 | .ap-new_moon_with_face { 1213 | background-position: -120px -120px; 1214 | } 1215 | 1216 | .ap-first_quarter_moon_with_face { 1217 | background-position: -120px -140px; 1218 | } 1219 | 1220 | .ap-last_quarter_moon_with_face { 1221 | background-position: -120px -160px; 1222 | } 1223 | 1224 | .ap-full_moon_with_face { 1225 | background-position: -120px -180px; 1226 | } 1227 | 1228 | .ap-sun_with_face { 1229 | background-position: -120px -200px; 1230 | } 1231 | 1232 | .ap-star2 { 1233 | background-position: -120px -220px; 1234 | } 1235 | 1236 | .ap-stars { 1237 | background-position: -120px -240px; 1238 | } 1239 | 1240 | .ap-thermometer { 1241 | background-position: -120px -260px; 1242 | } 1243 | 1244 | .ap-mostly_sunny { 1245 | background-position: -120px -280px; 1246 | } 1247 | 1248 | .ap-barely_sunny { 1249 | background-position: -120px -300px; 1250 | } 1251 | 1252 | .ap-partly_sunny_rain { 1253 | background-position: -120px -320px; 1254 | } 1255 | 1256 | .ap-rain_cloud { 1257 | background-position: -120px -340px; 1258 | } 1259 | 1260 | .ap-snow_cloud { 1261 | background-position: -120px -360px; 1262 | } 1263 | 1264 | .ap-lightning { 1265 | background-position: -120px -380px; 1266 | } 1267 | 1268 | .ap-tornado { 1269 | background-position: -120px -400px; 1270 | } 1271 | 1272 | .ap-fog { 1273 | background-position: -120px -420px; 1274 | } 1275 | 1276 | .ap-wind_blowing_face { 1277 | background-position: -120px -440px; 1278 | } 1279 | 1280 | .ap-hotdog { 1281 | background-position: -120px -460px; 1282 | } 1283 | 1284 | .ap-taco { 1285 | background-position: -120px -480px; 1286 | } 1287 | 1288 | .ap-burrito { 1289 | background-position: -120px -500px; 1290 | } 1291 | 1292 | .ap-chestnut { 1293 | background-position: -120px -520px; 1294 | } 1295 | 1296 | .ap-seedling { 1297 | background-position: -120px -540px; 1298 | } 1299 | 1300 | .ap-evergreen_tree { 1301 | background-position: -120px -560px; 1302 | } 1303 | 1304 | .ap-deciduous_tree { 1305 | background-position: -120px -580px; 1306 | } 1307 | 1308 | .ap-palm_tree { 1309 | background-position: -120px -600px; 1310 | } 1311 | 1312 | .ap-cactus { 1313 | background-position: -120px -620px; 1314 | } 1315 | 1316 | .ap-hot_pepper { 1317 | background-position: -120px -640px; 1318 | } 1319 | 1320 | .ap-tulip { 1321 | background-position: -120px -660px; 1322 | } 1323 | 1324 | .ap-cherry_blossom { 1325 | background-position: -120px -680px; 1326 | } 1327 | 1328 | .ap-rose { 1329 | background-position: -120px -700px; 1330 | } 1331 | 1332 | .ap-hibiscus { 1333 | background-position: -120px -720px; 1334 | } 1335 | 1336 | .ap-sunflower { 1337 | background-position: -120px -740px; 1338 | } 1339 | 1340 | .ap-blossom { 1341 | background-position: -120px -760px; 1342 | } 1343 | 1344 | .ap-corn { 1345 | background-position: -120px -780px; 1346 | } 1347 | 1348 | .ap-ear_of_rice { 1349 | background-position: -120px -800px; 1350 | } 1351 | 1352 | .ap-herb { 1353 | background-position: -140px -0px; 1354 | } 1355 | 1356 | .ap-four_leaf_clover { 1357 | background-position: -140px -20px; 1358 | } 1359 | 1360 | .ap-maple_leaf { 1361 | background-position: -140px -40px; 1362 | } 1363 | 1364 | .ap-fallen_leaf { 1365 | background-position: -140px -60px; 1366 | } 1367 | 1368 | .ap-leaves { 1369 | background-position: -140px -80px; 1370 | } 1371 | 1372 | .ap-mushroom { 1373 | background-position: -140px -100px; 1374 | } 1375 | 1376 | .ap-tomato { 1377 | background-position: -140px -120px; 1378 | } 1379 | 1380 | .ap-eggplant { 1381 | background-position: -140px -140px; 1382 | } 1383 | 1384 | .ap-grapes { 1385 | background-position: -140px -160px; 1386 | } 1387 | 1388 | .ap-melon { 1389 | background-position: -140px -180px; 1390 | } 1391 | 1392 | .ap-watermelon { 1393 | background-position: -140px -200px; 1394 | } 1395 | 1396 | .ap-tangerine { 1397 | background-position: -140px -220px; 1398 | } 1399 | 1400 | .ap-lemon { 1401 | background-position: -140px -240px; 1402 | } 1403 | 1404 | .ap-banana { 1405 | background-position: -140px -260px; 1406 | } 1407 | 1408 | .ap-pineapple { 1409 | background-position: -140px -280px; 1410 | } 1411 | 1412 | .ap-apple { 1413 | background-position: -140px -300px; 1414 | } 1415 | 1416 | .ap-green_apple { 1417 | background-position: -140px -320px; 1418 | } 1419 | 1420 | .ap-pear { 1421 | background-position: -140px -340px; 1422 | } 1423 | 1424 | .ap-peach { 1425 | background-position: -140px -360px; 1426 | } 1427 | 1428 | .ap-cherries { 1429 | background-position: -140px -380px; 1430 | } 1431 | 1432 | .ap-strawberry { 1433 | background-position: -140px -400px; 1434 | } 1435 | 1436 | .ap-hamburger { 1437 | background-position: -140px -420px; 1438 | } 1439 | 1440 | .ap-pizza { 1441 | background-position: -140px -440px; 1442 | } 1443 | 1444 | .ap-meat_on_bone { 1445 | background-position: -140px -460px; 1446 | } 1447 | 1448 | .ap-poultry_leg { 1449 | background-position: -140px -480px; 1450 | } 1451 | 1452 | .ap-rice_cracker { 1453 | background-position: -140px -500px; 1454 | } 1455 | 1456 | .ap-rice_ball { 1457 | background-position: -140px -520px; 1458 | } 1459 | 1460 | .ap-rice { 1461 | background-position: -140px -540px; 1462 | } 1463 | 1464 | .ap-curry { 1465 | background-position: -140px -560px; 1466 | } 1467 | 1468 | .ap-ramen { 1469 | background-position: -140px -580px; 1470 | } 1471 | 1472 | .ap-spaghetti { 1473 | background-position: -140px -600px; 1474 | } 1475 | 1476 | .ap-bread { 1477 | background-position: -140px -620px; 1478 | } 1479 | 1480 | .ap-fries { 1481 | background-position: -140px -640px; 1482 | } 1483 | 1484 | .ap-sweet_potato { 1485 | background-position: -140px -660px; 1486 | } 1487 | 1488 | .ap-dango { 1489 | background-position: -140px -680px; 1490 | } 1491 | 1492 | .ap-oden { 1493 | background-position: -140px -700px; 1494 | } 1495 | 1496 | .ap-sushi { 1497 | background-position: -140px -720px; 1498 | } 1499 | 1500 | .ap-fried_shrimp { 1501 | background-position: -140px -740px; 1502 | } 1503 | 1504 | .ap-fish_cake { 1505 | background-position: -140px -760px; 1506 | } 1507 | 1508 | .ap-icecream { 1509 | background-position: -140px -780px; 1510 | } 1511 | 1512 | .ap-shaved_ice { 1513 | background-position: -140px -800px; 1514 | } 1515 | 1516 | .ap-ice_cream { 1517 | background-position: -160px -0px; 1518 | } 1519 | 1520 | .ap-doughnut { 1521 | background-position: -160px -20px; 1522 | } 1523 | 1524 | .ap-cookie { 1525 | background-position: -160px -40px; 1526 | } 1527 | 1528 | .ap-chocolate_bar { 1529 | background-position: -160px -60px; 1530 | } 1531 | 1532 | .ap-candy { 1533 | background-position: -160px -80px; 1534 | } 1535 | 1536 | .ap-lollipop { 1537 | background-position: -160px -100px; 1538 | } 1539 | 1540 | .ap-custard { 1541 | background-position: -160px -120px; 1542 | } 1543 | 1544 | .ap-honey_pot { 1545 | background-position: -160px -140px; 1546 | } 1547 | 1548 | .ap-cake { 1549 | background-position: -160px -160px; 1550 | } 1551 | 1552 | .ap-bento { 1553 | background-position: -160px -180px; 1554 | } 1555 | 1556 | .ap-stew { 1557 | background-position: -160px -200px; 1558 | } 1559 | 1560 | .ap-egg { 1561 | background-position: -160px -220px; 1562 | } 1563 | 1564 | .ap-fork_and_knife { 1565 | background-position: -160px -240px; 1566 | } 1567 | 1568 | .ap-tea { 1569 | background-position: -160px -260px; 1570 | } 1571 | 1572 | .ap-sake { 1573 | background-position: -160px -280px; 1574 | } 1575 | 1576 | .ap-wine_glass { 1577 | background-position: -160px -300px; 1578 | } 1579 | 1580 | .ap-cocktail { 1581 | background-position: -160px -320px; 1582 | } 1583 | 1584 | .ap-tropical_drink { 1585 | background-position: -160px -340px; 1586 | } 1587 | 1588 | .ap-beer { 1589 | background-position: -160px -360px; 1590 | } 1591 | 1592 | .ap-beers { 1593 | background-position: -160px -380px; 1594 | } 1595 | 1596 | .ap-baby_bottle { 1597 | background-position: -160px -400px; 1598 | } 1599 | 1600 | .ap-knife_fork_plate { 1601 | background-position: -160px -420px; 1602 | } 1603 | 1604 | .ap-champagne { 1605 | background-position: -160px -440px; 1606 | } 1607 | 1608 | .ap-popcorn { 1609 | background-position: -160px -460px; 1610 | } 1611 | 1612 | .ap-ribbon { 1613 | background-position: -160px -480px; 1614 | } 1615 | 1616 | .ap-gift { 1617 | background-position: -160px -500px; 1618 | } 1619 | 1620 | .ap-birthday { 1621 | background-position: -160px -520px; 1622 | } 1623 | 1624 | .ap-jack_o_lantern { 1625 | background-position: -160px -540px; 1626 | } 1627 | 1628 | .ap-christmas_tree { 1629 | background-position: -160px -560px; 1630 | } 1631 | 1632 | .ap-santa { 1633 | background-position: -160px -580px; 1634 | } 1635 | 1636 | .ap-fireworks { 1637 | background-position: -160px -700px; 1638 | } 1639 | 1640 | .ap-sparkler { 1641 | background-position: -160px -720px; 1642 | } 1643 | 1644 | .ap-balloon { 1645 | background-position: -160px -740px; 1646 | } 1647 | 1648 | .ap-tada { 1649 | background-position: -160px -760px; 1650 | } 1651 | 1652 | .ap-confetti_ball { 1653 | background-position: -160px -780px; 1654 | } 1655 | 1656 | .ap-tanabata_tree { 1657 | background-position: -160px -800px; 1658 | } 1659 | 1660 | .ap-crossed_flags { 1661 | background-position: -180px -0px; 1662 | } 1663 | 1664 | .ap-bamboo { 1665 | background-position: -180px -20px; 1666 | } 1667 | 1668 | .ap-dolls { 1669 | background-position: -180px -40px; 1670 | } 1671 | 1672 | .ap-flags { 1673 | background-position: -180px -60px; 1674 | } 1675 | 1676 | .ap-wind_chime { 1677 | background-position: -180px -80px; 1678 | } 1679 | 1680 | .ap-rice_scene { 1681 | background-position: -180px -100px; 1682 | } 1683 | 1684 | .ap-school_satchel { 1685 | background-position: -180px -120px; 1686 | } 1687 | 1688 | .ap-mortar_board { 1689 | background-position: -180px -140px; 1690 | } 1691 | 1692 | .ap-medal { 1693 | background-position: -180px -160px; 1694 | } 1695 | 1696 | .ap-reminder_ribbon { 1697 | background-position: -180px -180px; 1698 | } 1699 | 1700 | .ap-studio_microphone { 1701 | background-position: -180px -200px; 1702 | } 1703 | 1704 | .ap-level_slider { 1705 | background-position: -180px -220px; 1706 | } 1707 | 1708 | .ap-control_knobs { 1709 | background-position: -180px -240px; 1710 | } 1711 | 1712 | .ap-film_frames { 1713 | background-position: -180px -260px; 1714 | } 1715 | 1716 | .ap-admission_tickets { 1717 | background-position: -180px -280px; 1718 | } 1719 | 1720 | .ap-carousel_horse { 1721 | background-position: -180px -300px; 1722 | } 1723 | 1724 | .ap-ferris_wheel { 1725 | background-position: -180px -320px; 1726 | } 1727 | 1728 | .ap-roller_coaster { 1729 | background-position: -180px -340px; 1730 | } 1731 | 1732 | .ap-fishing_pole_and_fish { 1733 | background-position: -180px -360px; 1734 | } 1735 | 1736 | .ap-microphone { 1737 | background-position: -180px -380px; 1738 | } 1739 | 1740 | .ap-movie_camera { 1741 | background-position: -180px -400px; 1742 | } 1743 | 1744 | .ap-cinema { 1745 | background-position: -180px -420px; 1746 | } 1747 | 1748 | .ap-headphones { 1749 | background-position: -180px -440px; 1750 | } 1751 | 1752 | .ap-art { 1753 | background-position: -180px -460px; 1754 | } 1755 | 1756 | .ap-tophat { 1757 | background-position: -180px -480px; 1758 | } 1759 | 1760 | .ap-circus_tent { 1761 | background-position: -180px -500px; 1762 | } 1763 | 1764 | .ap-ticket { 1765 | background-position: -180px -520px; 1766 | } 1767 | 1768 | .ap-clapper { 1769 | background-position: -180px -540px; 1770 | } 1771 | 1772 | .ap-performing_arts { 1773 | background-position: -180px -560px; 1774 | } 1775 | 1776 | .ap-video_game { 1777 | background-position: -180px -580px; 1778 | } 1779 | 1780 | .ap-dart { 1781 | background-position: -180px -600px; 1782 | } 1783 | 1784 | .ap-slot_machine { 1785 | background-position: -180px -620px; 1786 | } 1787 | 1788 | .ap-8ball { 1789 | background-position: -180px -640px; 1790 | } 1791 | 1792 | .ap-game_die { 1793 | background-position: -180px -660px; 1794 | } 1795 | 1796 | .ap-bowling { 1797 | background-position: -180px -680px; 1798 | } 1799 | 1800 | .ap-flower_playing_cards { 1801 | background-position: -180px -700px; 1802 | } 1803 | 1804 | .ap-musical_note { 1805 | background-position: -180px -720px; 1806 | } 1807 | 1808 | .ap-notes { 1809 | background-position: -180px -740px; 1810 | } 1811 | 1812 | .ap-saxophone { 1813 | background-position: -180px -760px; 1814 | } 1815 | 1816 | .ap-guitar { 1817 | background-position: -180px -780px; 1818 | } 1819 | 1820 | .ap-musical_keyboard { 1821 | background-position: -180px -800px; 1822 | } 1823 | 1824 | .ap-trumpet { 1825 | background-position: -200px -0px; 1826 | } 1827 | 1828 | .ap-violin { 1829 | background-position: -200px -20px; 1830 | } 1831 | 1832 | .ap-musical_score { 1833 | background-position: -200px -40px; 1834 | } 1835 | 1836 | .ap-running_shirt_with_sash { 1837 | background-position: -200px -60px; 1838 | } 1839 | 1840 | .ap-tennis { 1841 | background-position: -200px -80px; 1842 | } 1843 | 1844 | .ap-ski { 1845 | background-position: -200px -100px; 1846 | } 1847 | 1848 | .ap-basketball { 1849 | background-position: -200px -120px; 1850 | } 1851 | 1852 | .ap-checkered_flag { 1853 | background-position: -200px -140px; 1854 | } 1855 | 1856 | .ap-snowboarder { 1857 | background-position: -200px -160px; 1858 | } 1859 | 1860 | .ap-runner { 1861 | background-position: -200px -180px; 1862 | } 1863 | 1864 | .ap-surfer { 1865 | background-position: -200px -300px; 1866 | } 1867 | 1868 | .ap-sports_medal { 1869 | background-position: -200px -420px; 1870 | } 1871 | 1872 | .ap-trophy { 1873 | background-position: -200px -440px; 1874 | } 1875 | 1876 | .ap-horse_racing { 1877 | background-position: -200px -460px; 1878 | } 1879 | 1880 | .ap-football { 1881 | background-position: -200px -480px; 1882 | } 1883 | 1884 | .ap-rugby_football { 1885 | background-position: -200px -500px; 1886 | } 1887 | 1888 | .ap-swimmer { 1889 | background-position: -200px -520px; 1890 | } 1891 | 1892 | .ap-weight_lifter { 1893 | background-position: -200px -640px; 1894 | } 1895 | 1896 | .ap-golfer { 1897 | background-position: -200px -760px; 1898 | } 1899 | 1900 | .ap-racing_motorcycle { 1901 | background-position: -200px -780px; 1902 | } 1903 | 1904 | .ap-racing_car { 1905 | background-position: -200px -800px; 1906 | } 1907 | 1908 | .ap-cricket_bat_and_ball { 1909 | background-position: -220px -0px; 1910 | } 1911 | 1912 | .ap-volleyball { 1913 | background-position: -220px -20px; 1914 | } 1915 | 1916 | .ap-field_hockey_stick_and_ball { 1917 | background-position: -220px -40px; 1918 | } 1919 | 1920 | .ap-ice_hockey_stick_and_puck { 1921 | background-position: -220px -60px; 1922 | } 1923 | 1924 | .ap-table_tennis_paddle_and_ball { 1925 | background-position: -220px -80px; 1926 | } 1927 | 1928 | .ap-snow_capped_mountain { 1929 | background-position: -220px -100px; 1930 | } 1931 | 1932 | .ap-camping { 1933 | background-position: -220px -120px; 1934 | } 1935 | 1936 | .ap-beach_with_umbrella { 1937 | background-position: -220px -140px; 1938 | } 1939 | 1940 | .ap-building_construction { 1941 | background-position: -220px -160px; 1942 | } 1943 | 1944 | .ap-house_buildings { 1945 | background-position: -220px -180px; 1946 | } 1947 | 1948 | .ap-cityscape { 1949 | background-position: -220px -200px; 1950 | } 1951 | 1952 | .ap-derelict_house_building { 1953 | background-position: -220px -220px; 1954 | } 1955 | 1956 | .ap-classical_building { 1957 | background-position: -220px -240px; 1958 | } 1959 | 1960 | .ap-desert { 1961 | background-position: -220px -260px; 1962 | } 1963 | 1964 | .ap-desert_island { 1965 | background-position: -220px -280px; 1966 | } 1967 | 1968 | .ap-national_park { 1969 | background-position: -220px -300px; 1970 | } 1971 | 1972 | .ap-stadium { 1973 | background-position: -220px -320px; 1974 | } 1975 | 1976 | .ap-house { 1977 | background-position: -220px -340px; 1978 | } 1979 | 1980 | .ap-house_with_garden { 1981 | background-position: -220px -360px; 1982 | } 1983 | 1984 | .ap-office { 1985 | background-position: -220px -380px; 1986 | } 1987 | 1988 | .ap-post_office { 1989 | background-position: -220px -400px; 1990 | } 1991 | 1992 | .ap-european_post_office { 1993 | background-position: -220px -420px; 1994 | } 1995 | 1996 | .ap-hospital { 1997 | background-position: -220px -440px; 1998 | } 1999 | 2000 | .ap-bank { 2001 | background-position: -220px -460px; 2002 | } 2003 | 2004 | .ap-atm { 2005 | background-position: -220px -480px; 2006 | } 2007 | 2008 | .ap-hotel { 2009 | background-position: -220px -500px; 2010 | } 2011 | 2012 | .ap-love_hotel { 2013 | background-position: -220px -520px; 2014 | } 2015 | 2016 | .ap-convenience_store { 2017 | background-position: -220px -540px; 2018 | } 2019 | 2020 | .ap-school { 2021 | background-position: -220px -560px; 2022 | } 2023 | 2024 | .ap-department_store { 2025 | background-position: -220px -580px; 2026 | } 2027 | 2028 | .ap-factory { 2029 | background-position: -220px -600px; 2030 | } 2031 | 2032 | .ap-izakaya_lantern { 2033 | background-position: -220px -620px; 2034 | } 2035 | 2036 | .ap-japanese_castle { 2037 | background-position: -220px -640px; 2038 | } 2039 | 2040 | .ap-european_castle { 2041 | background-position: -220px -660px; 2042 | } 2043 | 2044 | .ap-waving_white_flag { 2045 | background-position: -220px -680px; 2046 | } 2047 | 2048 | .ap-waving_black_flag { 2049 | background-position: -220px -700px; 2050 | } 2051 | 2052 | .ap-rosette { 2053 | background-position: -220px -720px; 2054 | } 2055 | 2056 | .ap-label { 2057 | background-position: -220px -740px; 2058 | } 2059 | 2060 | .ap-badminton_racquet_and_shuttlecock { 2061 | background-position: -220px -760px; 2062 | } 2063 | 2064 | .ap-bow_and_arrow { 2065 | background-position: -220px -780px; 2066 | } 2067 | 2068 | .ap-amphora { 2069 | background-position: -220px -800px; 2070 | } 2071 | 2072 | .ap-skin-tone-2 { 2073 | background-position: -240px -0px; 2074 | } 2075 | 2076 | .ap-skin-tone-3 { 2077 | background-position: -240px -20px; 2078 | } 2079 | 2080 | .ap-skin-tone-4 { 2081 | background-position: -240px -40px; 2082 | } 2083 | 2084 | .ap-skin-tone-5 { 2085 | background-position: -240px -60px; 2086 | } 2087 | 2088 | .ap-skin-tone-6 { 2089 | background-position: -240px -80px; 2090 | } 2091 | 2092 | .ap-rat { 2093 | background-position: -240px -100px; 2094 | } 2095 | 2096 | .ap-mouse2 { 2097 | background-position: -240px -120px; 2098 | } 2099 | 2100 | .ap-ox { 2101 | background-position: -240px -140px; 2102 | } 2103 | 2104 | .ap-water_buffalo { 2105 | background-position: -240px -160px; 2106 | } 2107 | 2108 | .ap-cow2 { 2109 | background-position: -240px -180px; 2110 | } 2111 | 2112 | .ap-tiger2 { 2113 | background-position: -240px -200px; 2114 | } 2115 | 2116 | .ap-leopard { 2117 | background-position: -240px -220px; 2118 | } 2119 | 2120 | .ap-rabbit2 { 2121 | background-position: -240px -240px; 2122 | } 2123 | 2124 | .ap-cat2 { 2125 | background-position: -240px -260px; 2126 | } 2127 | 2128 | .ap-dragon { 2129 | background-position: -240px -280px; 2130 | } 2131 | 2132 | .ap-crocodile { 2133 | background-position: -240px -300px; 2134 | } 2135 | 2136 | .ap-whale2 { 2137 | background-position: -240px -320px; 2138 | } 2139 | 2140 | .ap-snail { 2141 | background-position: -240px -340px; 2142 | } 2143 | 2144 | .ap-snake { 2145 | background-position: -240px -360px; 2146 | } 2147 | 2148 | .ap-racehorse { 2149 | background-position: -240px -380px; 2150 | } 2151 | 2152 | .ap-ram { 2153 | background-position: -240px -400px; 2154 | } 2155 | 2156 | .ap-goat { 2157 | background-position: -240px -420px; 2158 | } 2159 | 2160 | .ap-sheep { 2161 | background-position: -240px -440px; 2162 | } 2163 | 2164 | .ap-monkey { 2165 | background-position: -240px -460px; 2166 | } 2167 | 2168 | .ap-rooster { 2169 | background-position: -240px -480px; 2170 | } 2171 | 2172 | .ap-chicken { 2173 | background-position: -240px -500px; 2174 | } 2175 | 2176 | .ap-dog2 { 2177 | background-position: -240px -520px; 2178 | } 2179 | 2180 | .ap-pig2 { 2181 | background-position: -240px -540px; 2182 | } 2183 | 2184 | .ap-boar { 2185 | background-position: -240px -560px; 2186 | } 2187 | 2188 | .ap-elephant { 2189 | background-position: -240px -580px; 2190 | } 2191 | 2192 | .ap-octopus { 2193 | background-position: -240px -600px; 2194 | } 2195 | 2196 | .ap-shell { 2197 | background-position: -240px -620px; 2198 | } 2199 | 2200 | .ap-bug { 2201 | background-position: -240px -640px; 2202 | } 2203 | 2204 | .ap-ant { 2205 | background-position: -240px -660px; 2206 | } 2207 | 2208 | .ap-bee { 2209 | background-position: -240px -680px; 2210 | } 2211 | 2212 | .ap-beetle { 2213 | background-position: -240px -700px; 2214 | } 2215 | 2216 | .ap-fish { 2217 | background-position: -240px -720px; 2218 | } 2219 | 2220 | .ap-tropical_fish { 2221 | background-position: -240px -740px; 2222 | } 2223 | 2224 | .ap-blowfish { 2225 | background-position: -240px -760px; 2226 | } 2227 | 2228 | .ap-turtle { 2229 | background-position: -240px -780px; 2230 | } 2231 | 2232 | .ap-hatching_chick { 2233 | background-position: -240px -800px; 2234 | } 2235 | 2236 | .ap-baby_chick { 2237 | background-position: -260px -0px; 2238 | } 2239 | 2240 | .ap-hatched_chick { 2241 | background-position: -260px -20px; 2242 | } 2243 | 2244 | .ap-bird { 2245 | background-position: -260px -40px; 2246 | } 2247 | 2248 | .ap-penguin { 2249 | background-position: -260px -60px; 2250 | } 2251 | 2252 | .ap-koala { 2253 | background-position: -260px -80px; 2254 | } 2255 | 2256 | .ap-poodle { 2257 | background-position: -260px -100px; 2258 | } 2259 | 2260 | .ap-dromedary_camel { 2261 | background-position: -260px -120px; 2262 | } 2263 | 2264 | .ap-camel { 2265 | background-position: -260px -140px; 2266 | } 2267 | 2268 | .ap-dolphin { 2269 | background-position: -260px -160px; 2270 | } 2271 | 2272 | .ap-mouse { 2273 | background-position: -260px -180px; 2274 | } 2275 | 2276 | .ap-cow { 2277 | background-position: -260px -200px; 2278 | } 2279 | 2280 | .ap-tiger { 2281 | background-position: -260px -220px; 2282 | } 2283 | 2284 | .ap-rabbit { 2285 | background-position: -260px -240px; 2286 | } 2287 | 2288 | .ap-cat { 2289 | background-position: -260px -260px; 2290 | } 2291 | 2292 | .ap-dragon_face { 2293 | background-position: -260px -280px; 2294 | } 2295 | 2296 | .ap-whale { 2297 | background-position: -260px -300px; 2298 | } 2299 | 2300 | .ap-horse { 2301 | background-position: -260px -320px; 2302 | } 2303 | 2304 | .ap-monkey_face { 2305 | background-position: -260px -340px; 2306 | } 2307 | 2308 | .ap-dog { 2309 | background-position: -260px -360px; 2310 | } 2311 | 2312 | .ap-pig { 2313 | background-position: -260px -380px; 2314 | } 2315 | 2316 | .ap-frog { 2317 | background-position: -260px -400px; 2318 | } 2319 | 2320 | .ap-hamster { 2321 | background-position: -260px -420px; 2322 | } 2323 | 2324 | .ap-wolf { 2325 | background-position: -260px -440px; 2326 | } 2327 | 2328 | .ap-bear { 2329 | background-position: -260px -460px; 2330 | } 2331 | 2332 | .ap-panda_face { 2333 | background-position: -260px -480px; 2334 | } 2335 | 2336 | .ap-pig_nose { 2337 | background-position: -260px -500px; 2338 | } 2339 | 2340 | .ap-feet { 2341 | background-position: -260px -520px; 2342 | } 2343 | 2344 | .ap-chipmunk { 2345 | background-position: -260px -540px; 2346 | } 2347 | 2348 | .ap-eyes { 2349 | background-position: -260px -560px; 2350 | } 2351 | 2352 | .ap-eye { 2353 | background-position: -260px -580px; 2354 | } 2355 | 2356 | .ap-ear { 2357 | background-position: -260px -600px; 2358 | } 2359 | 2360 | .ap-nose { 2361 | background-position: -260px -720px; 2362 | } 2363 | 2364 | .ap-lips { 2365 | background-position: -280px -20px; 2366 | } 2367 | 2368 | .ap-tongue { 2369 | background-position: -280px -40px; 2370 | } 2371 | 2372 | .ap-point_up_2 { 2373 | background-position: -280px -60px; 2374 | } 2375 | 2376 | .ap-point_down { 2377 | background-position: -280px -180px; 2378 | } 2379 | 2380 | .ap-point_left { 2381 | background-position: -280px -300px; 2382 | } 2383 | 2384 | .ap-point_right { 2385 | background-position: -280px -420px; 2386 | } 2387 | 2388 | .ap-facepunch { 2389 | background-position: -280px -540px; 2390 | } 2391 | 2392 | .ap-wave { 2393 | background-position: -280px -660px; 2394 | } 2395 | 2396 | .ap-ok_hand { 2397 | background-position: -280px -780px; 2398 | } 2399 | 2400 | .ap-+1 { 2401 | background-position: -300px -80px; 2402 | } 2403 | 2404 | .ap--1 { 2405 | background-position: -300px -200px; 2406 | } 2407 | 2408 | .ap-clap { 2409 | background-position: -300px -320px; 2410 | } 2411 | 2412 | .ap-open_hands { 2413 | background-position: -300px -440px; 2414 | } 2415 | 2416 | .ap-crown { 2417 | background-position: -300px -560px; 2418 | } 2419 | 2420 | .ap-womans_hat { 2421 | background-position: -300px -580px; 2422 | } 2423 | 2424 | .ap-eyeglasses { 2425 | background-position: -300px -600px; 2426 | } 2427 | 2428 | .ap-necktie { 2429 | background-position: -300px -620px; 2430 | } 2431 | 2432 | .ap-shirt { 2433 | background-position: -300px -640px; 2434 | } 2435 | 2436 | .ap-jeans { 2437 | background-position: -300px -660px; 2438 | } 2439 | 2440 | .ap-dress { 2441 | background-position: -300px -680px; 2442 | } 2443 | 2444 | .ap-kimono { 2445 | background-position: -300px -700px; 2446 | } 2447 | 2448 | .ap-bikini { 2449 | background-position: -300px -720px; 2450 | } 2451 | 2452 | .ap-womans_clothes { 2453 | background-position: -300px -740px; 2454 | } 2455 | 2456 | .ap-purse { 2457 | background-position: -300px -760px; 2458 | } 2459 | 2460 | .ap-handbag { 2461 | background-position: -300px -780px; 2462 | } 2463 | 2464 | .ap-pouch { 2465 | background-position: -300px -800px; 2466 | } 2467 | 2468 | .ap-mans_shoe { 2469 | background-position: -320px -0px; 2470 | } 2471 | 2472 | .ap-athletic_shoe { 2473 | background-position: -320px -20px; 2474 | } 2475 | 2476 | .ap-high_heel { 2477 | background-position: -320px -40px; 2478 | } 2479 | 2480 | .ap-sandal { 2481 | background-position: -320px -60px; 2482 | } 2483 | 2484 | .ap-boot { 2485 | background-position: -320px -80px; 2486 | } 2487 | 2488 | .ap-footprints { 2489 | background-position: -320px -100px; 2490 | } 2491 | 2492 | .ap-bust_in_silhouette { 2493 | background-position: -320px -120px; 2494 | } 2495 | 2496 | .ap-busts_in_silhouette { 2497 | background-position: -320px -140px; 2498 | } 2499 | 2500 | .ap-boy { 2501 | background-position: -320px -160px; 2502 | } 2503 | 2504 | .ap-girl { 2505 | background-position: -320px -280px; 2506 | } 2507 | 2508 | .ap-man { 2509 | background-position: -320px -400px; 2510 | } 2511 | 2512 | .ap-woman { 2513 | background-position: -320px -520px; 2514 | } 2515 | 2516 | .ap-family { 2517 | background-position: -320px -640px; 2518 | } 2519 | 2520 | .ap-couple { 2521 | background-position: -320px -660px; 2522 | } 2523 | 2524 | .ap-two_men_holding_hands { 2525 | background-position: -320px -680px; 2526 | } 2527 | 2528 | .ap-two_women_holding_hands { 2529 | background-position: -320px -700px; 2530 | } 2531 | 2532 | .ap-cop { 2533 | background-position: -320px -720px; 2534 | } 2535 | 2536 | .ap-dancers { 2537 | background-position: -340px -20px; 2538 | } 2539 | 2540 | .ap-bride_with_veil { 2541 | background-position: -340px -40px; 2542 | } 2543 | 2544 | .ap-person_with_blond_hair { 2545 | background-position: -340px -160px; 2546 | } 2547 | 2548 | .ap-man_with_gua_pi_mao { 2549 | background-position: -340px -280px; 2550 | } 2551 | 2552 | .ap-man_with_turban { 2553 | background-position: -340px -400px; 2554 | } 2555 | 2556 | .ap-older_man { 2557 | background-position: -340px -520px; 2558 | } 2559 | 2560 | .ap-older_woman { 2561 | background-position: -340px -640px; 2562 | } 2563 | 2564 | .ap-baby { 2565 | background-position: -340px -760px; 2566 | } 2567 | 2568 | .ap-construction_worker { 2569 | background-position: -360px -60px; 2570 | } 2571 | 2572 | .ap-princess { 2573 | background-position: -360px -180px; 2574 | } 2575 | 2576 | .ap-japanese_ogre { 2577 | background-position: -360px -300px; 2578 | } 2579 | 2580 | .ap-japanese_goblin { 2581 | background-position: -360px -320px; 2582 | } 2583 | 2584 | .ap-ghost { 2585 | background-position: -360px -340px; 2586 | } 2587 | 2588 | .ap-angel { 2589 | background-position: -360px -360px; 2590 | } 2591 | 2592 | .ap-alien { 2593 | background-position: -360px -480px; 2594 | } 2595 | 2596 | .ap-space_invader { 2597 | background-position: -360px -500px; 2598 | } 2599 | 2600 | .ap-imp { 2601 | background-position: -360px -520px; 2602 | } 2603 | 2604 | .ap-skull { 2605 | background-position: -360px -540px; 2606 | } 2607 | 2608 | .ap-information_desk_person { 2609 | background-position: -360px -560px; 2610 | } 2611 | 2612 | .ap-guardsman { 2613 | background-position: -360px -680px; 2614 | } 2615 | 2616 | .ap-dancer { 2617 | background-position: -360px -800px; 2618 | } 2619 | 2620 | .ap-lipstick { 2621 | background-position: -380px -100px; 2622 | } 2623 | 2624 | .ap-nail_care { 2625 | background-position: -380px -120px; 2626 | } 2627 | 2628 | .ap-massage { 2629 | background-position: -380px -240px; 2630 | } 2631 | 2632 | .ap-haircut { 2633 | background-position: -380px -360px; 2634 | } 2635 | 2636 | .ap-barber { 2637 | background-position: -380px -480px; 2638 | } 2639 | 2640 | .ap-syringe { 2641 | background-position: -380px -500px; 2642 | } 2643 | 2644 | .ap-pill { 2645 | background-position: -380px -520px; 2646 | } 2647 | 2648 | .ap-kiss { 2649 | background-position: -380px -540px; 2650 | } 2651 | 2652 | .ap-love_letter { 2653 | background-position: -380px -560px; 2654 | } 2655 | 2656 | .ap-ring { 2657 | background-position: -380px -580px; 2658 | } 2659 | 2660 | .ap-gem { 2661 | background-position: -380px -600px; 2662 | } 2663 | 2664 | .ap-couplekiss { 2665 | background-position: -380px -620px; 2666 | } 2667 | 2668 | .ap-bouquet { 2669 | background-position: -380px -640px; 2670 | } 2671 | 2672 | .ap-couple_with_heart { 2673 | background-position: -380px -660px; 2674 | } 2675 | 2676 | .ap-wedding { 2677 | background-position: -380px -680px; 2678 | } 2679 | 2680 | .ap-heartbeat { 2681 | background-position: -380px -700px; 2682 | } 2683 | 2684 | .ap-broken_heart { 2685 | background-position: -380px -720px; 2686 | } 2687 | 2688 | .ap-two_hearts { 2689 | background-position: -380px -740px; 2690 | } 2691 | 2692 | .ap-sparkling_heart { 2693 | background-position: -380px -760px; 2694 | } 2695 | 2696 | .ap-heartpulse { 2697 | background-position: -380px -780px; 2698 | } 2699 | 2700 | .ap-cupid { 2701 | background-position: -380px -800px; 2702 | } 2703 | 2704 | .ap-blue_heart { 2705 | background-position: -400px -0px; 2706 | } 2707 | 2708 | .ap-green_heart { 2709 | background-position: -400px -20px; 2710 | } 2711 | 2712 | .ap-yellow_heart { 2713 | background-position: -400px -40px; 2714 | } 2715 | 2716 | .ap-purple_heart { 2717 | background-position: -400px -60px; 2718 | } 2719 | 2720 | .ap-gift_heart { 2721 | background-position: -400px -80px; 2722 | } 2723 | 2724 | .ap-revolving_hearts { 2725 | background-position: -400px -100px; 2726 | } 2727 | 2728 | .ap-heart_decoration { 2729 | background-position: -400px -120px; 2730 | } 2731 | 2732 | .ap-diamond_shape_with_a_dot_inside { 2733 | background-position: -400px -140px; 2734 | } 2735 | 2736 | .ap-bulb { 2737 | background-position: -400px -160px; 2738 | } 2739 | 2740 | .ap-anger { 2741 | background-position: -400px -180px; 2742 | } 2743 | 2744 | .ap-bomb { 2745 | background-position: -400px -200px; 2746 | } 2747 | 2748 | .ap-zzz { 2749 | background-position: -400px -220px; 2750 | } 2751 | 2752 | .ap-boom { 2753 | background-position: -400px -240px; 2754 | } 2755 | 2756 | .ap-sweat_drops { 2757 | background-position: -400px -260px; 2758 | } 2759 | 2760 | .ap-droplet { 2761 | background-position: -400px -280px; 2762 | } 2763 | 2764 | .ap-dash { 2765 | background-position: -400px -300px; 2766 | } 2767 | 2768 | .ap-hankey { 2769 | background-position: -400px -320px; 2770 | } 2771 | 2772 | .ap-thumbsup { 2773 | background-position: -300px -80px; 2774 | } 2775 | 2776 | .ap-thumbsdown { 2777 | background-position: -300px -200px; 2778 | } 2779 | 2780 | .ap-muscle { 2781 | background-position: -400px -340px; 2782 | } 2783 | 2784 | .ap-dizzy { 2785 | background-position: -400px -460px; 2786 | } 2787 | 2788 | .ap-speech_balloon { 2789 | background-position: -400px -480px; 2790 | } 2791 | 2792 | .ap-thought_balloon { 2793 | background-position: -400px -500px; 2794 | } 2795 | 2796 | .ap-white_flower { 2797 | background-position: -400px -520px; 2798 | } 2799 | 2800 | .ap-100 { 2801 | background-position: -400px -540px; 2802 | } 2803 | 2804 | .ap-moneybag { 2805 | background-position: -400px -560px; 2806 | } 2807 | 2808 | .ap-currency_exchange { 2809 | background-position: -400px -580px; 2810 | } 2811 | 2812 | .ap-heavy_dollar_sign { 2813 | background-position: -400px -600px; 2814 | } 2815 | 2816 | .ap-credit_card { 2817 | background-position: -400px -620px; 2818 | } 2819 | 2820 | .ap-yen { 2821 | background-position: -400px -640px; 2822 | } 2823 | 2824 | .ap-dollar { 2825 | background-position: -400px -660px; 2826 | } 2827 | 2828 | .ap-euro { 2829 | background-position: -400px -680px; 2830 | } 2831 | 2832 | .ap-pound { 2833 | background-position: -400px -700px; 2834 | } 2835 | 2836 | .ap-money_with_wings { 2837 | background-position: -400px -720px; 2838 | } 2839 | 2840 | .ap-chart { 2841 | background-position: -400px -740px; 2842 | } 2843 | 2844 | .ap-seat { 2845 | background-position: -400px -760px; 2846 | } 2847 | 2848 | .ap-computer { 2849 | background-position: -400px -780px; 2850 | } 2851 | 2852 | .ap-briefcase { 2853 | background-position: -400px -800px; 2854 | } 2855 | 2856 | .ap-minidisc { 2857 | background-position: -420px -0px; 2858 | } 2859 | 2860 | .ap-floppy_disk { 2861 | background-position: -420px -20px; 2862 | } 2863 | 2864 | .ap-cd { 2865 | background-position: -420px -40px; 2866 | } 2867 | 2868 | .ap-dvd { 2869 | background-position: -420px -60px; 2870 | } 2871 | 2872 | .ap-file_folder { 2873 | background-position: -420px -80px; 2874 | } 2875 | 2876 | .ap-open_file_folder { 2877 | background-position: -420px -100px; 2878 | } 2879 | 2880 | .ap-page_with_curl { 2881 | background-position: -420px -120px; 2882 | } 2883 | 2884 | .ap-page_facing_up { 2885 | background-position: -420px -140px; 2886 | } 2887 | 2888 | .ap-date { 2889 | background-position: -420px -160px; 2890 | } 2891 | 2892 | .ap-calendar { 2893 | background-position: -420px -180px; 2894 | } 2895 | 2896 | .ap-card_index { 2897 | background-position: -420px -200px; 2898 | } 2899 | 2900 | .ap-chart_with_upwards_trend { 2901 | background-position: -420px -220px; 2902 | } 2903 | 2904 | .ap-chart_with_downwards_trend { 2905 | background-position: -420px -240px; 2906 | } 2907 | 2908 | .ap-bar_chart { 2909 | background-position: -420px -260px; 2910 | } 2911 | 2912 | .ap-clipboard { 2913 | background-position: -420px -280px; 2914 | } 2915 | 2916 | .ap-pushpin { 2917 | background-position: -420px -300px; 2918 | } 2919 | 2920 | .ap-round_pushpin { 2921 | background-position: -420px -320px; 2922 | } 2923 | 2924 | .ap-paperclip { 2925 | background-position: -420px -340px; 2926 | } 2927 | 2928 | .ap-straight_ruler { 2929 | background-position: -420px -360px; 2930 | } 2931 | 2932 | .ap-triangular_ruler { 2933 | background-position: -420px -380px; 2934 | } 2935 | 2936 | .ap-bookmark_tabs { 2937 | background-position: -420px -400px; 2938 | } 2939 | 2940 | .ap-ledger { 2941 | background-position: -420px -420px; 2942 | } 2943 | 2944 | .ap-notebook { 2945 | background-position: -420px -440px; 2946 | } 2947 | 2948 | .ap-notebook_with_decorative_cover { 2949 | background-position: -420px -460px; 2950 | } 2951 | 2952 | .ap-closed_book { 2953 | background-position: -420px -480px; 2954 | } 2955 | 2956 | .ap-book { 2957 | background-position: -420px -500px; 2958 | } 2959 | 2960 | .ap-green_book { 2961 | background-position: -420px -520px; 2962 | } 2963 | 2964 | .ap-blue_book { 2965 | background-position: -420px -540px; 2966 | } 2967 | 2968 | .ap-orange_book { 2969 | background-position: -420px -560px; 2970 | } 2971 | 2972 | .ap-books { 2973 | background-position: -420px -580px; 2974 | } 2975 | 2976 | .ap-name_badge { 2977 | background-position: -420px -600px; 2978 | } 2979 | 2980 | .ap-scroll { 2981 | background-position: -420px -620px; 2982 | } 2983 | 2984 | .ap-memo { 2985 | background-position: -420px -640px; 2986 | } 2987 | 2988 | .ap-telephone_receiver { 2989 | background-position: -420px -660px; 2990 | } 2991 | 2992 | .ap-pager { 2993 | background-position: -420px -680px; 2994 | } 2995 | 2996 | .ap-fax { 2997 | background-position: -420px -700px; 2998 | } 2999 | 3000 | .ap-satellite_antenna { 3001 | background-position: -420px -720px; 3002 | } 3003 | 3004 | .ap-loudspeaker { 3005 | background-position: -420px -740px; 3006 | } 3007 | 3008 | .ap-mega { 3009 | background-position: -420px -760px; 3010 | } 3011 | 3012 | .ap-outbox_tray { 3013 | background-position: -420px -780px; 3014 | } 3015 | 3016 | .ap-inbox_tray { 3017 | background-position: -420px -800px; 3018 | } 3019 | 3020 | .ap-package { 3021 | background-position: -440px -0px; 3022 | } 3023 | 3024 | .ap-e-mail { 3025 | background-position: -440px -20px; 3026 | } 3027 | 3028 | .ap-incoming_envelope { 3029 | background-position: -440px -40px; 3030 | } 3031 | 3032 | .ap-envelope_with_arrow { 3033 | background-position: -440px -60px; 3034 | } 3035 | 3036 | .ap-mailbox_closed { 3037 | background-position: -440px -80px; 3038 | } 3039 | 3040 | .ap-mailbox { 3041 | background-position: -440px -100px; 3042 | } 3043 | 3044 | .ap-mailbox_with_mail { 3045 | background-position: -440px -120px; 3046 | } 3047 | 3048 | .ap-mailbox_with_no_mail { 3049 | background-position: -440px -140px; 3050 | } 3051 | 3052 | .ap-postbox { 3053 | background-position: -440px -160px; 3054 | } 3055 | 3056 | .ap-postal_horn { 3057 | background-position: -440px -180px; 3058 | } 3059 | 3060 | .ap-newspaper { 3061 | background-position: -440px -200px; 3062 | } 3063 | 3064 | .ap-iphone { 3065 | background-position: -440px -220px; 3066 | } 3067 | 3068 | .ap-calling { 3069 | background-position: -440px -240px; 3070 | } 3071 | 3072 | .ap-vibration_mode { 3073 | background-position: -440px -260px; 3074 | } 3075 | 3076 | .ap-mobile_phone_off { 3077 | background-position: -440px -280px; 3078 | } 3079 | 3080 | .ap-no_mobile_phones { 3081 | background-position: -440px -300px; 3082 | } 3083 | 3084 | .ap-signal_strength { 3085 | background-position: -440px -320px; 3086 | } 3087 | 3088 | .ap-camera { 3089 | background-position: -440px -340px; 3090 | } 3091 | 3092 | .ap-camera_with_flash { 3093 | background-position: -440px -360px; 3094 | } 3095 | 3096 | .ap-video_camera { 3097 | background-position: -440px -380px; 3098 | } 3099 | 3100 | .ap-tv { 3101 | background-position: -440px -400px; 3102 | } 3103 | 3104 | .ap-radio { 3105 | background-position: -440px -420px; 3106 | } 3107 | 3108 | .ap-vhs { 3109 | background-position: -440px -440px; 3110 | } 3111 | 3112 | .ap-film_projector { 3113 | background-position: -440px -460px; 3114 | } 3115 | 3116 | .ap-prayer_beads { 3117 | background-position: -440px -480px; 3118 | } 3119 | 3120 | .ap-twisted_rightwards_arrows { 3121 | background-position: -440px -500px; 3122 | } 3123 | 3124 | .ap-repeat { 3125 | background-position: -440px -520px; 3126 | } 3127 | 3128 | .ap-repeat_one { 3129 | background-position: -440px -540px; 3130 | } 3131 | 3132 | .ap-arrows_clockwise { 3133 | background-position: -440px -560px; 3134 | } 3135 | 3136 | .ap-arrows_counterclockwise { 3137 | background-position: -440px -580px; 3138 | } 3139 | 3140 | .ap-low_brightness { 3141 | background-position: -440px -600px; 3142 | } 3143 | 3144 | .ap-high_brightness { 3145 | background-position: -440px -620px; 3146 | } 3147 | 3148 | .ap-mute { 3149 | background-position: -440px -640px; 3150 | } 3151 | 3152 | .ap-speaker { 3153 | background-position: -440px -660px; 3154 | } 3155 | 3156 | .ap-sound { 3157 | background-position: -440px -680px; 3158 | } 3159 | 3160 | .ap-loud_sound { 3161 | background-position: -440px -700px; 3162 | } 3163 | 3164 | .ap-battery { 3165 | background-position: -440px -720px; 3166 | } 3167 | 3168 | .ap-electric_plug { 3169 | background-position: -440px -740px; 3170 | } 3171 | 3172 | .ap-mag { 3173 | background-position: -440px -760px; 3174 | } 3175 | 3176 | .ap-mag_right { 3177 | background-position: -440px -780px; 3178 | } 3179 | 3180 | .ap-lock_with_ink_pen { 3181 | background-position: -440px -800px; 3182 | } 3183 | 3184 | .ap-closed_lock_with_key { 3185 | background-position: -460px -0px; 3186 | } 3187 | 3188 | .ap-key { 3189 | background-position: -460px -20px; 3190 | } 3191 | 3192 | .ap-lock { 3193 | background-position: -460px -40px; 3194 | } 3195 | 3196 | .ap-unlock { 3197 | background-position: -460px -60px; 3198 | } 3199 | 3200 | .ap-bell { 3201 | background-position: -460px -80px; 3202 | } 3203 | 3204 | .ap-no_bell { 3205 | background-position: -460px -100px; 3206 | } 3207 | 3208 | .ap-bookmark { 3209 | background-position: -460px -120px; 3210 | } 3211 | 3212 | .ap-link { 3213 | background-position: -460px -140px; 3214 | } 3215 | 3216 | .ap-radio_button { 3217 | background-position: -460px -160px; 3218 | } 3219 | 3220 | .ap-back { 3221 | background-position: -460px -180px; 3222 | } 3223 | 3224 | .ap-end { 3225 | background-position: -460px -200px; 3226 | } 3227 | 3228 | .ap-on { 3229 | background-position: -460px -220px; 3230 | } 3231 | 3232 | .ap-soon { 3233 | background-position: -460px -240px; 3234 | } 3235 | 3236 | .ap-top { 3237 | background-position: -460px -260px; 3238 | } 3239 | 3240 | .ap-underage { 3241 | background-position: -460px -280px; 3242 | } 3243 | 3244 | .ap-keycap_ten { 3245 | background-position: -460px -300px; 3246 | } 3247 | 3248 | .ap-capital_abcd { 3249 | background-position: -460px -320px; 3250 | } 3251 | 3252 | .ap-abcd { 3253 | background-position: -460px -340px; 3254 | } 3255 | 3256 | .ap-1234 { 3257 | background-position: -460px -360px; 3258 | } 3259 | 3260 | .ap-symbols { 3261 | background-position: -460px -380px; 3262 | } 3263 | 3264 | .ap-abc { 3265 | background-position: -460px -400px; 3266 | } 3267 | 3268 | .ap-fire { 3269 | background-position: -460px -420px; 3270 | } 3271 | 3272 | .ap-flashlight { 3273 | background-position: -460px -440px; 3274 | } 3275 | 3276 | .ap-wrench { 3277 | background-position: -460px -460px; 3278 | } 3279 | 3280 | .ap-hammer { 3281 | background-position: -460px -480px; 3282 | } 3283 | 3284 | .ap-nut_and_bolt { 3285 | background-position: -460px -500px; 3286 | } 3287 | 3288 | .ap-hocho { 3289 | background-position: -460px -520px; 3290 | } 3291 | 3292 | .ap-gun { 3293 | background-position: -460px -540px; 3294 | } 3295 | 3296 | .ap-microscope { 3297 | background-position: -460px -560px; 3298 | } 3299 | 3300 | .ap-telescope { 3301 | background-position: -460px -580px; 3302 | } 3303 | 3304 | .ap-crystal_ball { 3305 | background-position: -460px -600px; 3306 | } 3307 | 3308 | .ap-six_pointed_star { 3309 | background-position: -460px -620px; 3310 | } 3311 | 3312 | .ap-beginner { 3313 | background-position: -460px -640px; 3314 | } 3315 | 3316 | .ap-trident { 3317 | background-position: -460px -660px; 3318 | } 3319 | 3320 | .ap-black_square_button { 3321 | background-position: -460px -680px; 3322 | } 3323 | 3324 | .ap-white_square_button { 3325 | background-position: -460px -700px; 3326 | } 3327 | 3328 | .ap-red_circle { 3329 | background-position: -460px -720px; 3330 | } 3331 | 3332 | .ap-large_blue_circle { 3333 | background-position: -460px -740px; 3334 | } 3335 | 3336 | .ap-large_orange_diamond { 3337 | background-position: -460px -760px; 3338 | } 3339 | 3340 | .ap-large_blue_diamond { 3341 | background-position: -460px -780px; 3342 | } 3343 | 3344 | .ap-small_orange_diamond { 3345 | background-position: -460px -800px; 3346 | } 3347 | 3348 | .ap-small_blue_diamond { 3349 | background-position: -480px -0px; 3350 | } 3351 | 3352 | .ap-small_red_triangle { 3353 | background-position: -480px -20px; 3354 | } 3355 | 3356 | .ap-small_red_triangle_down { 3357 | background-position: -480px -40px; 3358 | } 3359 | 3360 | .ap-arrow_up_small { 3361 | background-position: -480px -60px; 3362 | } 3363 | 3364 | .ap-arrow_down_small { 3365 | background-position: -480px -80px; 3366 | } 3367 | 3368 | .ap-om_symbol { 3369 | background-position: -480px -100px; 3370 | } 3371 | 3372 | .ap-dove_of_peace { 3373 | background-position: -480px -120px; 3374 | } 3375 | 3376 | .ap-kaaba { 3377 | background-position: -480px -140px; 3378 | } 3379 | 3380 | .ap-mosque { 3381 | background-position: -480px -160px; 3382 | } 3383 | 3384 | .ap-synagogue { 3385 | background-position: -480px -180px; 3386 | } 3387 | 3388 | .ap-menorah_with_nine_branches { 3389 | background-position: -480px -200px; 3390 | } 3391 | 3392 | .ap-clock1 { 3393 | background-position: -480px -220px; 3394 | } 3395 | 3396 | .ap-clock2 { 3397 | background-position: -480px -240px; 3398 | } 3399 | 3400 | .ap-clock3 { 3401 | background-position: -480px -260px; 3402 | } 3403 | 3404 | .ap-clock4 { 3405 | background-position: -480px -280px; 3406 | } 3407 | 3408 | .ap-clock5 { 3409 | background-position: -480px -300px; 3410 | } 3411 | 3412 | .ap-clock6 { 3413 | background-position: -480px -320px; 3414 | } 3415 | 3416 | .ap-clock7 { 3417 | background-position: -480px -340px; 3418 | } 3419 | 3420 | .ap-clock8 { 3421 | background-position: -480px -360px; 3422 | } 3423 | 3424 | .ap-clock9 { 3425 | background-position: -480px -380px; 3426 | } 3427 | 3428 | .ap-clock10 { 3429 | background-position: -480px -400px; 3430 | } 3431 | 3432 | .ap-clock11 { 3433 | background-position: -480px -420px; 3434 | } 3435 | 3436 | .ap-clock12 { 3437 | background-position: -480px -440px; 3438 | } 3439 | 3440 | .ap-clock130 { 3441 | background-position: -480px -460px; 3442 | } 3443 | 3444 | .ap-clock230 { 3445 | background-position: -480px -480px; 3446 | } 3447 | 3448 | .ap-clock330 { 3449 | background-position: -480px -500px; 3450 | } 3451 | 3452 | .ap-clock430 { 3453 | background-position: -480px -520px; 3454 | } 3455 | 3456 | .ap-clock530 { 3457 | background-position: -480px -540px; 3458 | } 3459 | 3460 | .ap-clock630 { 3461 | background-position: -480px -560px; 3462 | } 3463 | 3464 | .ap-clock730 { 3465 | background-position: -480px -580px; 3466 | } 3467 | 3468 | .ap-clock830 { 3469 | background-position: -480px -600px; 3470 | } 3471 | 3472 | .ap-clock930 { 3473 | background-position: -480px -620px; 3474 | } 3475 | 3476 | .ap-clock1030 { 3477 | background-position: -480px -640px; 3478 | } 3479 | 3480 | .ap-clock1130 { 3481 | background-position: -480px -660px; 3482 | } 3483 | 3484 | .ap-clock1230 { 3485 | background-position: -480px -680px; 3486 | } 3487 | 3488 | .ap-candle { 3489 | background-position: -480px -700px; 3490 | } 3491 | 3492 | .ap-mantelpiece_clock { 3493 | background-position: -480px -720px; 3494 | } 3495 | 3496 | .ap-hole { 3497 | background-position: -480px -740px; 3498 | } 3499 | 3500 | .ap-man_in_business_suit_levitating { 3501 | background-position: -480px -760px; 3502 | } 3503 | 3504 | .ap-sleuth_or_spy { 3505 | background-position: -480px -780px; 3506 | } 3507 | 3508 | .ap-dark_sunglasses { 3509 | background-position: -500px -80px; 3510 | } 3511 | 3512 | .ap-spider { 3513 | background-position: -500px -100px; 3514 | } 3515 | 3516 | .ap-spider_web { 3517 | background-position: -500px -120px; 3518 | } 3519 | 3520 | .ap-joystick { 3521 | background-position: -500px -140px; 3522 | } 3523 | 3524 | .ap-linked_paperclips { 3525 | background-position: -500px -160px; 3526 | } 3527 | 3528 | .ap-lower_left_ballpoint_pen { 3529 | background-position: -500px -180px; 3530 | } 3531 | 3532 | .ap-lower_left_fountain_pen { 3533 | background-position: -500px -200px; 3534 | } 3535 | 3536 | .ap-lower_left_paintbrush { 3537 | background-position: -500px -220px; 3538 | } 3539 | 3540 | .ap-lower_left_crayon { 3541 | background-position: -500px -240px; 3542 | } 3543 | 3544 | .ap-raised_hand_with_fingers_splayed { 3545 | background-position: -500px -260px; 3546 | } 3547 | 3548 | .ap-middle_finger { 3549 | background-position: -500px -380px; 3550 | } 3551 | 3552 | .ap-spock-hand { 3553 | background-position: -500px -500px; 3554 | } 3555 | 3556 | .ap-desktop_computer { 3557 | background-position: -500px -620px; 3558 | } 3559 | 3560 | .ap-printer { 3561 | background-position: -500px -640px; 3562 | } 3563 | 3564 | .ap-three_button_mouse { 3565 | background-position: -500px -660px; 3566 | } 3567 | 3568 | .ap-trackball { 3569 | background-position: -500px -680px; 3570 | } 3571 | 3572 | .ap-frame_with_picture { 3573 | background-position: -500px -700px; 3574 | } 3575 | 3576 | .ap-card_index_dividers { 3577 | background-position: -500px -720px; 3578 | } 3579 | 3580 | .ap-card_file_box { 3581 | background-position: -500px -740px; 3582 | } 3583 | 3584 | .ap-file_cabinet { 3585 | background-position: -500px -760px; 3586 | } 3587 | 3588 | .ap-wastebasket { 3589 | background-position: -500px -780px; 3590 | } 3591 | 3592 | .ap-spiral_note_pad { 3593 | background-position: -500px -800px; 3594 | } 3595 | 3596 | .ap-spiral_calendar_pad { 3597 | background-position: -520px -0px; 3598 | } 3599 | 3600 | .ap-compression { 3601 | background-position: -520px -20px; 3602 | } 3603 | 3604 | .ap-old_key { 3605 | background-position: -520px -40px; 3606 | } 3607 | 3608 | .ap-rolled_up_newspaper { 3609 | background-position: -520px -60px; 3610 | } 3611 | 3612 | .ap-dagger_knife { 3613 | background-position: -520px -80px; 3614 | } 3615 | 3616 | .ap-speaking_head_in_silhouette { 3617 | background-position: -520px -100px; 3618 | } 3619 | 3620 | .ap-left_speech_bubble { 3621 | background-position: -520px -120px; 3622 | } 3623 | 3624 | .ap-right_anger_bubble { 3625 | background-position: -520px -140px; 3626 | } 3627 | 3628 | .ap-ballot_box_with_ballot { 3629 | background-position: -520px -160px; 3630 | } 3631 | 3632 | .ap-world_map { 3633 | background-position: -520px -180px; 3634 | } 3635 | 3636 | .ap-mount_fuji { 3637 | background-position: -520px -200px; 3638 | } 3639 | 3640 | .ap-tokyo_tower { 3641 | background-position: -520px -220px; 3642 | } 3643 | 3644 | .ap-statue_of_liberty { 3645 | background-position: -520px -240px; 3646 | } 3647 | 3648 | .ap-japan { 3649 | background-position: -520px -260px; 3650 | } 3651 | 3652 | .ap-moyai { 3653 | background-position: -520px -280px; 3654 | } 3655 | 3656 | .ap-grinning { 3657 | background-position: -520px -300px; 3658 | } 3659 | 3660 | .ap-grin { 3661 | background-position: -520px -320px; 3662 | } 3663 | 3664 | .ap-joy { 3665 | background-position: -520px -340px; 3666 | } 3667 | 3668 | .ap-smiley { 3669 | background-position: -520px -360px; 3670 | } 3671 | 3672 | .ap-smile { 3673 | background-position: -520px -380px; 3674 | } 3675 | 3676 | .ap-sweat_smile { 3677 | background-position: -520px -400px; 3678 | } 3679 | 3680 | .ap-laughing { 3681 | background-position: -520px -420px; 3682 | } 3683 | 3684 | .ap-innocent { 3685 | background-position: -520px -440px; 3686 | } 3687 | 3688 | .ap-smiling_imp { 3689 | background-position: -520px -460px; 3690 | } 3691 | 3692 | .ap-wink { 3693 | background-position: -520px -480px; 3694 | } 3695 | 3696 | .ap-blush { 3697 | background-position: -520px -500px; 3698 | } 3699 | 3700 | .ap-yum { 3701 | background-position: -520px -520px; 3702 | } 3703 | 3704 | .ap-relieved { 3705 | background-position: -520px -540px; 3706 | } 3707 | 3708 | .ap-heart_eyes { 3709 | background-position: -520px -560px; 3710 | } 3711 | 3712 | .ap-sunglasses { 3713 | background-position: -520px -580px; 3714 | } 3715 | 3716 | .ap-smirk { 3717 | background-position: -520px -600px; 3718 | } 3719 | 3720 | .ap-neutral_face { 3721 | background-position: -520px -620px; 3722 | } 3723 | 3724 | .ap-expressionless { 3725 | background-position: -520px -640px; 3726 | } 3727 | 3728 | .ap-unamused { 3729 | background-position: -520px -660px; 3730 | } 3731 | 3732 | .ap-sweat { 3733 | background-position: -520px -680px; 3734 | } 3735 | 3736 | .ap-pensive { 3737 | background-position: -520px -700px; 3738 | } 3739 | 3740 | .ap-confused { 3741 | background-position: -520px -720px; 3742 | } 3743 | 3744 | .ap-confounded { 3745 | background-position: -520px -740px; 3746 | } 3747 | 3748 | .ap-kissing { 3749 | background-position: -520px -760px; 3750 | } 3751 | 3752 | .ap-kissing_heart { 3753 | background-position: -520px -780px; 3754 | } 3755 | 3756 | .ap-kissing_smiling_eyes { 3757 | background-position: -520px -800px; 3758 | } 3759 | 3760 | .ap-kissing_closed_eyes { 3761 | background-position: -540px -0px; 3762 | } 3763 | 3764 | .ap-stuck_out_tongue { 3765 | background-position: -540px -20px; 3766 | } 3767 | 3768 | .ap-stuck_out_tongue_winking_eye { 3769 | background-position: -540px -40px; 3770 | } 3771 | 3772 | .ap-stuck_out_tongue_closed_eyes { 3773 | background-position: -540px -60px; 3774 | } 3775 | 3776 | .ap-disappointed { 3777 | background-position: -540px -80px; 3778 | } 3779 | 3780 | .ap-worried { 3781 | background-position: -540px -100px; 3782 | } 3783 | 3784 | .ap-angry { 3785 | background-position: -540px -120px; 3786 | } 3787 | 3788 | .ap-rage { 3789 | background-position: -540px -140px; 3790 | } 3791 | 3792 | .ap-cry { 3793 | background-position: -540px -160px; 3794 | } 3795 | 3796 | .ap-persevere { 3797 | background-position: -540px -180px; 3798 | } 3799 | 3800 | .ap-triumph { 3801 | background-position: -540px -200px; 3802 | } 3803 | 3804 | .ap-disappointed_relieved { 3805 | background-position: -540px -220px; 3806 | } 3807 | 3808 | .ap-frowning { 3809 | background-position: -540px -240px; 3810 | } 3811 | 3812 | .ap-anguished { 3813 | background-position: -540px -260px; 3814 | } 3815 | 3816 | .ap-fearful { 3817 | background-position: -540px -280px; 3818 | } 3819 | 3820 | .ap-weary { 3821 | background-position: -540px -300px; 3822 | } 3823 | 3824 | .ap-sleepy { 3825 | background-position: -540px -320px; 3826 | } 3827 | 3828 | .ap-tired_face { 3829 | background-position: -540px -340px; 3830 | } 3831 | 3832 | .ap-grimacing { 3833 | background-position: -540px -360px; 3834 | } 3835 | 3836 | .ap-sob { 3837 | background-position: -540px -380px; 3838 | } 3839 | 3840 | .ap-open_mouth { 3841 | background-position: -540px -400px; 3842 | } 3843 | 3844 | .ap-hushed { 3845 | background-position: -540px -420px; 3846 | } 3847 | 3848 | .ap-cold_sweat { 3849 | background-position: -540px -440px; 3850 | } 3851 | 3852 | .ap-scream { 3853 | background-position: -540px -460px; 3854 | } 3855 | 3856 | .ap-astonished { 3857 | background-position: -540px -480px; 3858 | } 3859 | 3860 | .ap-flushed { 3861 | background-position: -540px -500px; 3862 | } 3863 | 3864 | .ap-sleeping { 3865 | background-position: -540px -520px; 3866 | } 3867 | 3868 | .ap-dizzy_face { 3869 | background-position: -540px -540px; 3870 | } 3871 | 3872 | .ap-no_mouth { 3873 | background-position: -540px -560px; 3874 | } 3875 | 3876 | .ap-mask { 3877 | background-position: -540px -580px; 3878 | } 3879 | 3880 | .ap-smile_cat { 3881 | background-position: -540px -600px; 3882 | } 3883 | 3884 | .ap-joy_cat { 3885 | background-position: -540px -620px; 3886 | } 3887 | 3888 | .ap-smiley_cat { 3889 | background-position: -540px -640px; 3890 | } 3891 | 3892 | .ap-heart_eyes_cat { 3893 | background-position: -540px -660px; 3894 | } 3895 | 3896 | .ap-smirk_cat { 3897 | background-position: -540px -680px; 3898 | } 3899 | 3900 | .ap-kissing_cat { 3901 | background-position: -540px -700px; 3902 | } 3903 | 3904 | .ap-pouting_cat { 3905 | background-position: -540px -720px; 3906 | } 3907 | 3908 | .ap-crying_cat_face { 3909 | background-position: -540px -740px; 3910 | } 3911 | 3912 | .ap-scream_cat { 3913 | background-position: -540px -760px; 3914 | } 3915 | 3916 | .ap-slightly_frowning_face { 3917 | background-position: -540px -780px; 3918 | } 3919 | 3920 | .ap-slightly_smiling_face { 3921 | background-position: -540px -800px; 3922 | } 3923 | 3924 | .ap-upside_down_face { 3925 | background-position: -560px -0px; 3926 | } 3927 | 3928 | .ap-face_with_rolling_eyes { 3929 | background-position: -560px -20px; 3930 | } 3931 | 3932 | .ap-no_good { 3933 | background-position: -560px -40px; 3934 | } 3935 | 3936 | .ap-ok_woman { 3937 | background-position: -560px -160px; 3938 | } 3939 | 3940 | .ap-bow { 3941 | background-position: -560px -280px; 3942 | } 3943 | 3944 | .ap-see_no_evil { 3945 | background-position: -560px -400px; 3946 | } 3947 | 3948 | .ap-hear_no_evil { 3949 | background-position: -560px -420px; 3950 | } 3951 | 3952 | .ap-speak_no_evil { 3953 | background-position: -560px -440px; 3954 | } 3955 | 3956 | .ap-raising_hand { 3957 | background-position: -560px -460px; 3958 | } 3959 | 3960 | .ap-raised_hands { 3961 | background-position: -560px -580px; 3962 | } 3963 | 3964 | .ap-person_frowning { 3965 | background-position: -560px -700px; 3966 | } 3967 | 3968 | .ap-person_with_pouting_face { 3969 | background-position: -580px -0px; 3970 | } 3971 | 3972 | .ap-pray { 3973 | background-position: -580px -120px; 3974 | } 3975 | 3976 | .ap-rocket { 3977 | background-position: -580px -240px; 3978 | } 3979 | 3980 | .ap-helicopter { 3981 | background-position: -580px -260px; 3982 | } 3983 | 3984 | .ap-steam_locomotive { 3985 | background-position: -580px -280px; 3986 | } 3987 | 3988 | .ap-railway_car { 3989 | background-position: -580px -300px; 3990 | } 3991 | 3992 | .ap-bullettrain_side { 3993 | background-position: -580px -320px; 3994 | } 3995 | 3996 | .ap-bullettrain_front { 3997 | background-position: -580px -340px; 3998 | } 3999 | 4000 | .ap-train2 { 4001 | background-position: -580px -360px; 4002 | } 4003 | 4004 | .ap-metro { 4005 | background-position: -580px -380px; 4006 | } 4007 | 4008 | .ap-light_rail { 4009 | background-position: -580px -400px; 4010 | } 4011 | 4012 | .ap-station { 4013 | background-position: -580px -420px; 4014 | } 4015 | 4016 | .ap-tram { 4017 | background-position: -580px -440px; 4018 | } 4019 | 4020 | .ap-train { 4021 | background-position: -580px -460px; 4022 | } 4023 | 4024 | .ap-bus { 4025 | background-position: -580px -480px; 4026 | } 4027 | 4028 | .ap-oncoming_bus { 4029 | background-position: -580px -500px; 4030 | } 4031 | 4032 | .ap-trolleybus { 4033 | background-position: -580px -520px; 4034 | } 4035 | 4036 | .ap-busstop { 4037 | background-position: -580px -540px; 4038 | } 4039 | 4040 | .ap-minibus { 4041 | background-position: -580px -560px; 4042 | } 4043 | 4044 | .ap-ambulance { 4045 | background-position: -580px -580px; 4046 | } 4047 | 4048 | .ap-fire_engine { 4049 | background-position: -580px -600px; 4050 | } 4051 | 4052 | .ap-police_car { 4053 | background-position: -580px -620px; 4054 | } 4055 | 4056 | .ap-oncoming_police_car { 4057 | background-position: -580px -640px; 4058 | } 4059 | 4060 | .ap-taxi { 4061 | background-position: -580px -660px; 4062 | } 4063 | 4064 | .ap-oncoming_taxi { 4065 | background-position: -580px -680px; 4066 | } 4067 | 4068 | .ap-car { 4069 | background-position: -580px -700px; 4070 | } 4071 | 4072 | .ap-oncoming_automobile { 4073 | background-position: -580px -720px; 4074 | } 4075 | 4076 | .ap-blue_car { 4077 | background-position: -580px -740px; 4078 | } 4079 | 4080 | .ap-truck { 4081 | background-position: -580px -760px; 4082 | } 4083 | 4084 | .ap-articulated_lorry { 4085 | background-position: -580px -780px; 4086 | } 4087 | 4088 | .ap-tractor { 4089 | background-position: -580px -800px; 4090 | } 4091 | 4092 | .ap-monorail { 4093 | background-position: -600px -0px; 4094 | } 4095 | 4096 | .ap-mountain_railway { 4097 | background-position: -600px -20px; 4098 | } 4099 | 4100 | .ap-suspension_railway { 4101 | background-position: -600px -40px; 4102 | } 4103 | 4104 | .ap-mountain_cableway { 4105 | background-position: -600px -60px; 4106 | } 4107 | 4108 | .ap-aerial_tramway { 4109 | background-position: -600px -80px; 4110 | } 4111 | 4112 | .ap-ship { 4113 | background-position: -600px -100px; 4114 | } 4115 | 4116 | .ap-rowboat { 4117 | background-position: -600px -120px; 4118 | } 4119 | 4120 | .ap-speedboat { 4121 | background-position: -600px -240px; 4122 | } 4123 | 4124 | .ap-traffic_light { 4125 | background-position: -600px -260px; 4126 | } 4127 | 4128 | .ap-vertical_traffic_light { 4129 | background-position: -600px -280px; 4130 | } 4131 | 4132 | .ap-construction { 4133 | background-position: -600px -300px; 4134 | } 4135 | 4136 | .ap-rotating_light { 4137 | background-position: -600px -320px; 4138 | } 4139 | 4140 | .ap-triangular_flag_on_post { 4141 | background-position: -600px -340px; 4142 | } 4143 | 4144 | .ap-door { 4145 | background-position: -600px -360px; 4146 | } 4147 | 4148 | .ap-no_entry_sign { 4149 | background-position: -600px -380px; 4150 | } 4151 | 4152 | .ap-smoking { 4153 | background-position: -600px -400px; 4154 | } 4155 | 4156 | .ap-no_smoking { 4157 | background-position: -600px -420px; 4158 | } 4159 | 4160 | .ap-put_litter_in_its_place { 4161 | background-position: -600px -440px; 4162 | } 4163 | 4164 | .ap-do_not_litter { 4165 | background-position: -600px -460px; 4166 | } 4167 | 4168 | .ap-potable_water { 4169 | background-position: -600px -480px; 4170 | } 4171 | 4172 | .ap-non-potable_water { 4173 | background-position: -600px -500px; 4174 | } 4175 | 4176 | .ap-bike { 4177 | background-position: -600px -520px; 4178 | } 4179 | 4180 | .ap-no_bicycles { 4181 | background-position: -600px -540px; 4182 | } 4183 | 4184 | .ap-bicyclist { 4185 | background-position: -600px -560px; 4186 | } 4187 | 4188 | .ap-mountain_bicyclist { 4189 | background-position: -600px -680px; 4190 | } 4191 | 4192 | .ap-walking { 4193 | background-position: -600px -800px; 4194 | } 4195 | 4196 | .ap-no_pedestrians { 4197 | background-position: -620px -100px; 4198 | } 4199 | 4200 | .ap-children_crossing { 4201 | background-position: -620px -120px; 4202 | } 4203 | 4204 | .ap-mens { 4205 | background-position: -620px -140px; 4206 | } 4207 | 4208 | .ap-womens { 4209 | background-position: -620px -160px; 4210 | } 4211 | 4212 | .ap-restroom { 4213 | background-position: -620px -180px; 4214 | } 4215 | 4216 | .ap-baby_symbol { 4217 | background-position: -620px -200px; 4218 | } 4219 | 4220 | .ap-toilet { 4221 | background-position: -620px -220px; 4222 | } 4223 | 4224 | .ap-wc { 4225 | background-position: -620px -240px; 4226 | } 4227 | 4228 | .ap-shower { 4229 | background-position: -620px -260px; 4230 | } 4231 | 4232 | .ap-bath { 4233 | background-position: -620px -280px; 4234 | } 4235 | 4236 | .ap-bathtub { 4237 | background-position: -620px -400px; 4238 | } 4239 | 4240 | .ap-passport_control { 4241 | background-position: -620px -420px; 4242 | } 4243 | 4244 | .ap-customs { 4245 | background-position: -620px -440px; 4246 | } 4247 | 4248 | .ap-baggage_claim { 4249 | background-position: -620px -460px; 4250 | } 4251 | 4252 | .ap-left_luggage { 4253 | background-position: -620px -480px; 4254 | } 4255 | 4256 | .ap-couch_and_lamp { 4257 | background-position: -620px -500px; 4258 | } 4259 | 4260 | .ap-sleeping_accommodation { 4261 | background-position: -620px -520px; 4262 | } 4263 | 4264 | .ap-shopping_bags { 4265 | background-position: -620px -540px; 4266 | } 4267 | 4268 | .ap-bellhop_bell { 4269 | background-position: -620px -560px; 4270 | } 4271 | 4272 | .ap-bed { 4273 | background-position: -620px -580px; 4274 | } 4275 | 4276 | .ap-place_of_worship { 4277 | background-position: -620px -600px; 4278 | } 4279 | 4280 | .ap-hammer_and_wrench { 4281 | background-position: -620px -620px; 4282 | } 4283 | 4284 | .ap-shield { 4285 | background-position: -620px -640px; 4286 | } 4287 | 4288 | .ap-oil_drum { 4289 | background-position: -620px -660px; 4290 | } 4291 | 4292 | .ap-motorway { 4293 | background-position: -620px -680px; 4294 | } 4295 | 4296 | .ap-railway_track { 4297 | background-position: -620px -700px; 4298 | } 4299 | 4300 | .ap-motor_boat { 4301 | background-position: -620px -720px; 4302 | } 4303 | 4304 | .ap-small_airplane { 4305 | background-position: -620px -740px; 4306 | } 4307 | 4308 | .ap-airplane_departure { 4309 | background-position: -620px -760px; 4310 | } 4311 | 4312 | .ap-airplane_arriving { 4313 | background-position: -620px -780px; 4314 | } 4315 | 4316 | .ap-satellite { 4317 | background-position: -620px -800px; 4318 | } 4319 | 4320 | .ap-passenger_ship { 4321 | background-position: -640px -0px; 4322 | } 4323 | 4324 | .ap-zipper_mouth_face { 4325 | background-position: -640px -20px; 4326 | } 4327 | 4328 | .ap-money_mouth_face { 4329 | background-position: -640px -40px; 4330 | } 4331 | 4332 | .ap-face_with_thermometer { 4333 | background-position: -640px -60px; 4334 | } 4335 | 4336 | .ap-nerd_face { 4337 | background-position: -640px -80px; 4338 | } 4339 | 4340 | .ap-thinking_face { 4341 | background-position: -640px -100px; 4342 | } 4343 | 4344 | .ap-face_with_head_bandage { 4345 | background-position: -640px -120px; 4346 | } 4347 | 4348 | .ap-robot_face { 4349 | background-position: -640px -140px; 4350 | } 4351 | 4352 | .ap-hugging_face { 4353 | background-position: -640px -160px; 4354 | } 4355 | 4356 | .ap-the_horns { 4357 | background-position: -640px -180px; 4358 | } 4359 | 4360 | .ap-crab { 4361 | background-position: -640px -300px; 4362 | } 4363 | 4364 | .ap-lion_face { 4365 | background-position: -640px -320px; 4366 | } 4367 | 4368 | .ap-scorpion { 4369 | background-position: -640px -340px; 4370 | } 4371 | 4372 | .ap-turkey { 4373 | background-position: -640px -360px; 4374 | } 4375 | 4376 | .ap-unicorn_face { 4377 | background-position: -640px -380px; 4378 | } 4379 | 4380 | .ap-cheese_wedge { 4381 | background-position: -640px -400px; 4382 | } 4383 | 4384 | .ap-hash { 4385 | background-position: -640px -420px; 4386 | } 4387 | 4388 | .ap-keycap_star { 4389 | background-position: -640px -440px; 4390 | } 4391 | 4392 | .ap-zero { 4393 | background-position: -640px -460px; 4394 | } 4395 | 4396 | .ap-one { 4397 | background-position: -640px -480px; 4398 | } 4399 | 4400 | .ap-two { 4401 | background-position: -640px -500px; 4402 | } 4403 | 4404 | .ap-three { 4405 | background-position: -640px -520px; 4406 | } 4407 | 4408 | .ap-four { 4409 | background-position: -640px -540px; 4410 | } 4411 | 4412 | .ap-five { 4413 | background-position: -640px -560px; 4414 | } 4415 | 4416 | .ap-six { 4417 | background-position: -640px -580px; 4418 | } 4419 | 4420 | .ap-seven { 4421 | background-position: -640px -600px; 4422 | } 4423 | 4424 | .ap-eight { 4425 | background-position: -640px -620px; 4426 | } 4427 | 4428 | .ap-nine { 4429 | background-position: -640px -640px; 4430 | } 4431 | 4432 | .ap-flag-ac { 4433 | background-position: -640px -660px; 4434 | } 4435 | 4436 | .ap-flag-ad { 4437 | background-position: -640px -680px; 4438 | } 4439 | 4440 | .ap-flag-ae { 4441 | background-position: -640px -700px; 4442 | } 4443 | 4444 | .ap-flag-af { 4445 | background-position: -640px -720px; 4446 | } 4447 | 4448 | .ap-flag-ag { 4449 | background-position: -640px -740px; 4450 | } 4451 | 4452 | .ap-flag-ai { 4453 | background-position: -640px -760px; 4454 | } 4455 | 4456 | .ap-flag-al { 4457 | background-position: -640px -780px; 4458 | } 4459 | 4460 | .ap-flag-am { 4461 | background-position: -640px -800px; 4462 | } 4463 | 4464 | .ap-flag-ao { 4465 | background-position: -660px -0px; 4466 | } 4467 | 4468 | .ap-flag-aq { 4469 | background-position: -660px -20px; 4470 | } 4471 | 4472 | .ap-flag-ar { 4473 | background-position: -660px -40px; 4474 | } 4475 | 4476 | .ap-flag-as { 4477 | background-position: -660px -60px; 4478 | } 4479 | 4480 | .ap-flag-at { 4481 | background-position: -660px -80px; 4482 | } 4483 | 4484 | .ap-flag-au { 4485 | background-position: -660px -100px; 4486 | } 4487 | 4488 | .ap-flag-aw { 4489 | background-position: -660px -120px; 4490 | } 4491 | 4492 | .ap-flag-ax { 4493 | background-position: -660px -140px; 4494 | } 4495 | 4496 | .ap-flag-az { 4497 | background-position: -660px -160px; 4498 | } 4499 | 4500 | .ap-flag-ba { 4501 | background-position: -660px -180px; 4502 | } 4503 | 4504 | .ap-flag-bb { 4505 | background-position: -660px -200px; 4506 | } 4507 | 4508 | .ap-flag-bd { 4509 | background-position: -660px -220px; 4510 | } 4511 | 4512 | .ap-flag-be { 4513 | background-position: -660px -240px; 4514 | } 4515 | 4516 | .ap-flag-bf { 4517 | background-position: -660px -260px; 4518 | } 4519 | 4520 | .ap-flag-bg { 4521 | background-position: -660px -280px; 4522 | } 4523 | 4524 | .ap-flag-bh { 4525 | background-position: -660px -300px; 4526 | } 4527 | 4528 | .ap-flag-bi { 4529 | background-position: -660px -320px; 4530 | } 4531 | 4532 | .ap-flag-bj { 4533 | background-position: -660px -340px; 4534 | } 4535 | 4536 | .ap-flag-bl { 4537 | background-position: -660px -360px; 4538 | } 4539 | 4540 | .ap-flag-bm { 4541 | background-position: -660px -380px; 4542 | } 4543 | 4544 | .ap-flag-bn { 4545 | background-position: -660px -400px; 4546 | } 4547 | 4548 | .ap-flag-bo { 4549 | background-position: -660px -420px; 4550 | } 4551 | 4552 | .ap-flag-bq { 4553 | background-position: -660px -440px; 4554 | } 4555 | 4556 | .ap-flag-br { 4557 | background-position: -660px -460px; 4558 | } 4559 | 4560 | .ap-flag-bs { 4561 | background-position: -660px -480px; 4562 | } 4563 | 4564 | .ap-flag-bt { 4565 | background-position: -660px -500px; 4566 | } 4567 | 4568 | .ap-flag-bv { 4569 | background-position: -660px -520px; 4570 | } 4571 | 4572 | .ap-flag-bw { 4573 | background-position: -660px -540px; 4574 | } 4575 | 4576 | .ap-flag-by { 4577 | background-position: -660px -560px; 4578 | } 4579 | 4580 | .ap-flag-bz { 4581 | background-position: -660px -580px; 4582 | } 4583 | 4584 | .ap-flag-ca { 4585 | background-position: -660px -600px; 4586 | } 4587 | 4588 | .ap-flag-cc { 4589 | background-position: -660px -620px; 4590 | } 4591 | 4592 | .ap-flag-cd { 4593 | background-position: -660px -640px; 4594 | } 4595 | 4596 | .ap-flag-cf { 4597 | background-position: -660px -660px; 4598 | } 4599 | 4600 | .ap-flag-cg { 4601 | background-position: -660px -680px; 4602 | } 4603 | 4604 | .ap-flag-ch { 4605 | background-position: -660px -700px; 4606 | } 4607 | 4608 | .ap-flag-ci { 4609 | background-position: -660px -720px; 4610 | } 4611 | 4612 | .ap-flag-ck { 4613 | background-position: -660px -740px; 4614 | } 4615 | 4616 | .ap-flag-cl { 4617 | background-position: -660px -760px; 4618 | } 4619 | 4620 | .ap-flag-cm { 4621 | background-position: -660px -780px; 4622 | } 4623 | 4624 | .ap-flag-cn { 4625 | background-position: -660px -800px; 4626 | } 4627 | 4628 | .ap-flag-co { 4629 | background-position: -680px -0px; 4630 | } 4631 | 4632 | .ap-flag-cp { 4633 | background-position: -680px -20px; 4634 | } 4635 | 4636 | .ap-flag-cr { 4637 | background-position: -680px -40px; 4638 | } 4639 | 4640 | .ap-flag-cu { 4641 | background-position: -680px -60px; 4642 | } 4643 | 4644 | .ap-flag-cv { 4645 | background-position: -680px -80px; 4646 | } 4647 | 4648 | .ap-flag-cw { 4649 | background-position: -680px -100px; 4650 | } 4651 | 4652 | .ap-flag-cx { 4653 | background-position: -680px -120px; 4654 | } 4655 | 4656 | .ap-flag-cy { 4657 | background-position: -680px -140px; 4658 | } 4659 | 4660 | .ap-flag-cz { 4661 | background-position: -680px -160px; 4662 | } 4663 | 4664 | .ap-flag-de { 4665 | background-position: -680px -180px; 4666 | } 4667 | 4668 | .ap-flag-dg { 4669 | background-position: -680px -200px; 4670 | } 4671 | 4672 | .ap-flag-dj { 4673 | background-position: -680px -220px; 4674 | } 4675 | 4676 | .ap-flag-dk { 4677 | background-position: -680px -240px; 4678 | } 4679 | 4680 | .ap-flag-dm { 4681 | background-position: -680px -260px; 4682 | } 4683 | 4684 | .ap-flag-do { 4685 | background-position: -680px -280px; 4686 | } 4687 | 4688 | .ap-flag-dz { 4689 | background-position: -680px -300px; 4690 | } 4691 | 4692 | .ap-flag-ea { 4693 | background-position: -680px -320px; 4694 | } 4695 | 4696 | .ap-flag-ec { 4697 | background-position: -680px -340px; 4698 | } 4699 | 4700 | .ap-flag-ee { 4701 | background-position: -680px -360px; 4702 | } 4703 | 4704 | .ap-flag-eg { 4705 | background-position: -680px -380px; 4706 | } 4707 | 4708 | .ap-flag-eh { 4709 | background-position: -680px -400px; 4710 | } 4711 | 4712 | .ap-flag-er { 4713 | background-position: -680px -420px; 4714 | } 4715 | 4716 | .ap-flag-es { 4717 | background-position: -680px -440px; 4718 | } 4719 | 4720 | .ap-flag-et { 4721 | background-position: -680px -460px; 4722 | } 4723 | 4724 | .ap-flag-eu { 4725 | background-position: -680px -480px; 4726 | } 4727 | 4728 | .ap-flag-fi { 4729 | background-position: -680px -500px; 4730 | } 4731 | 4732 | .ap-flag-fj { 4733 | background-position: -680px -520px; 4734 | } 4735 | 4736 | .ap-flag-fk { 4737 | background-position: -680px -540px; 4738 | } 4739 | 4740 | .ap-flag-fm { 4741 | background-position: -680px -560px; 4742 | } 4743 | 4744 | .ap-flag-fo { 4745 | background-position: -680px -580px; 4746 | } 4747 | 4748 | .ap-flag-fr { 4749 | background-position: -680px -600px; 4750 | } 4751 | 4752 | .ap-flag-ga { 4753 | background-position: -680px -620px; 4754 | } 4755 | 4756 | .ap-flag-gb { 4757 | background-position: -680px -640px; 4758 | } 4759 | 4760 | .ap-flag-gd { 4761 | background-position: -680px -660px; 4762 | } 4763 | 4764 | .ap-flag-ge { 4765 | background-position: -680px -680px; 4766 | } 4767 | 4768 | .ap-flag-gf { 4769 | background-position: -680px -700px; 4770 | } 4771 | 4772 | .ap-flag-gg { 4773 | background-position: -680px -720px; 4774 | } 4775 | 4776 | .ap-flag-gh { 4777 | background-position: -680px -740px; 4778 | } 4779 | 4780 | .ap-flag-gi { 4781 | background-position: -680px -760px; 4782 | } 4783 | 4784 | .ap-flag-gl { 4785 | background-position: -680px -780px; 4786 | } 4787 | 4788 | .ap-flag-gm { 4789 | background-position: -680px -800px; 4790 | } 4791 | 4792 | .ap-flag-gn { 4793 | background-position: -700px -0px; 4794 | } 4795 | 4796 | .ap-flag-gp { 4797 | background-position: -700px -20px; 4798 | } 4799 | 4800 | .ap-flag-gq { 4801 | background-position: -700px -40px; 4802 | } 4803 | 4804 | .ap-flag-gr { 4805 | background-position: -700px -60px; 4806 | } 4807 | 4808 | .ap-flag-gs { 4809 | background-position: -700px -80px; 4810 | } 4811 | 4812 | .ap-flag-gt { 4813 | background-position: -700px -100px; 4814 | } 4815 | 4816 | .ap-flag-gu { 4817 | background-position: -700px -120px; 4818 | } 4819 | 4820 | .ap-flag-gw { 4821 | background-position: -700px -140px; 4822 | } 4823 | 4824 | .ap-flag-gy { 4825 | background-position: -700px -160px; 4826 | } 4827 | 4828 | .ap-flag-hk { 4829 | background-position: -700px -180px; 4830 | } 4831 | 4832 | .ap-flag-hm { 4833 | background-position: -700px -200px; 4834 | } 4835 | 4836 | .ap-flag-hn { 4837 | background-position: -700px -220px; 4838 | } 4839 | 4840 | .ap-flag-hr { 4841 | background-position: -700px -240px; 4842 | } 4843 | 4844 | .ap-flag-ht { 4845 | background-position: -700px -260px; 4846 | } 4847 | 4848 | .ap-flag-hu { 4849 | background-position: -700px -280px; 4850 | } 4851 | 4852 | .ap-flag-ic { 4853 | background-position: -700px -300px; 4854 | } 4855 | 4856 | .ap-flag-id { 4857 | background-position: -700px -320px; 4858 | } 4859 | 4860 | .ap-flag-ie { 4861 | background-position: -700px -340px; 4862 | } 4863 | 4864 | .ap-flag-il { 4865 | background-position: -700px -360px; 4866 | } 4867 | 4868 | .ap-flag-im { 4869 | background-position: -700px -380px; 4870 | } 4871 | 4872 | .ap-flag-in { 4873 | background-position: -700px -400px; 4874 | } 4875 | 4876 | .ap-flag-io { 4877 | background-position: -700px -420px; 4878 | } 4879 | 4880 | .ap-flag-iq { 4881 | background-position: -700px -440px; 4882 | } 4883 | 4884 | .ap-flag-ir { 4885 | background-position: -700px -460px; 4886 | } 4887 | 4888 | .ap-flag-is { 4889 | background-position: -700px -480px; 4890 | } 4891 | 4892 | .ap-flag-it { 4893 | background-position: -700px -500px; 4894 | } 4895 | 4896 | .ap-flag-je { 4897 | background-position: -700px -520px; 4898 | } 4899 | 4900 | .ap-flag-jm { 4901 | background-position: -700px -540px; 4902 | } 4903 | 4904 | .ap-flag-jo { 4905 | background-position: -700px -560px; 4906 | } 4907 | 4908 | .ap-flag-jp { 4909 | background-position: -700px -580px; 4910 | } 4911 | 4912 | .ap-flag-ke { 4913 | background-position: -700px -600px; 4914 | } 4915 | 4916 | .ap-flag-kg { 4917 | background-position: -700px -620px; 4918 | } 4919 | 4920 | .ap-flag-kh { 4921 | background-position: -700px -640px; 4922 | } 4923 | 4924 | .ap-flag-ki { 4925 | background-position: -700px -660px; 4926 | } 4927 | 4928 | .ap-flag-km { 4929 | background-position: -700px -680px; 4930 | } 4931 | 4932 | .ap-flag-kn { 4933 | background-position: -700px -700px; 4934 | } 4935 | 4936 | .ap-flag-kp { 4937 | background-position: -700px -720px; 4938 | } 4939 | 4940 | .ap-flag-kr { 4941 | background-position: -700px -740px; 4942 | } 4943 | 4944 | .ap-flag-kw { 4945 | background-position: -700px -760px; 4946 | } 4947 | 4948 | .ap-flag-ky { 4949 | background-position: -700px -780px; 4950 | } 4951 | 4952 | .ap-flag-kz { 4953 | background-position: -700px -800px; 4954 | } 4955 | 4956 | .ap-flag-la { 4957 | background-position: -720px -0px; 4958 | } 4959 | 4960 | .ap-flag-lb { 4961 | background-position: -720px -20px; 4962 | } 4963 | 4964 | .ap-flag-lc { 4965 | background-position: -720px -40px; 4966 | } 4967 | 4968 | .ap-flag-li { 4969 | background-position: -720px -60px; 4970 | } 4971 | 4972 | .ap-flag-lk { 4973 | background-position: -720px -80px; 4974 | } 4975 | 4976 | .ap-flag-lr { 4977 | background-position: -720px -100px; 4978 | } 4979 | 4980 | .ap-flag-ls { 4981 | background-position: -720px -120px; 4982 | } 4983 | 4984 | .ap-flag-lt { 4985 | background-position: -720px -140px; 4986 | } 4987 | 4988 | .ap-flag-lu { 4989 | background-position: -720px -160px; 4990 | } 4991 | 4992 | .ap-flag-lv { 4993 | background-position: -720px -180px; 4994 | } 4995 | 4996 | .ap-flag-ly { 4997 | background-position: -720px -200px; 4998 | } 4999 | 5000 | .ap-flag-ma { 5001 | background-position: -720px -220px; 5002 | } 5003 | 5004 | .ap-flag-mc { 5005 | background-position: -720px -240px; 5006 | } 5007 | 5008 | .ap-flag-md { 5009 | background-position: -720px -260px; 5010 | } 5011 | 5012 | .ap-flag-me { 5013 | background-position: -720px -280px; 5014 | } 5015 | 5016 | .ap-flag-mf { 5017 | background-position: -720px -300px; 5018 | } 5019 | 5020 | .ap-flag-mg { 5021 | background-position: -720px -320px; 5022 | } 5023 | 5024 | .ap-flag-mh { 5025 | background-position: -720px -340px; 5026 | } 5027 | 5028 | .ap-flag-mk { 5029 | background-position: -720px -360px; 5030 | } 5031 | 5032 | .ap-flag-ml { 5033 | background-position: -720px -380px; 5034 | } 5035 | 5036 | .ap-flag-mm { 5037 | background-position: -720px -400px; 5038 | } 5039 | 5040 | .ap-flag-mn { 5041 | background-position: -720px -420px; 5042 | } 5043 | 5044 | .ap-flag-mo { 5045 | background-position: -720px -440px; 5046 | } 5047 | 5048 | .ap-flag-mp { 5049 | background-position: -720px -460px; 5050 | } 5051 | 5052 | .ap-flag-mq { 5053 | background-position: -720px -480px; 5054 | } 5055 | 5056 | .ap-flag-mr { 5057 | background-position: -720px -500px; 5058 | } 5059 | 5060 | .ap-flag-ms { 5061 | background-position: -720px -520px; 5062 | } 5063 | 5064 | .ap-flag-mt { 5065 | background-position: -720px -540px; 5066 | } 5067 | 5068 | .ap-flag-mu { 5069 | background-position: -720px -560px; 5070 | } 5071 | 5072 | .ap-flag-mv { 5073 | background-position: -720px -580px; 5074 | } 5075 | 5076 | .ap-flag-mw { 5077 | background-position: -720px -600px; 5078 | } 5079 | 5080 | .ap-flag-mx { 5081 | background-position: -720px -620px; 5082 | } 5083 | 5084 | .ap-flag-my { 5085 | background-position: -720px -640px; 5086 | } 5087 | 5088 | .ap-flag-mz { 5089 | background-position: -720px -660px; 5090 | } 5091 | 5092 | .ap-flag-na { 5093 | background-position: -720px -680px; 5094 | } 5095 | 5096 | .ap-flag-nc { 5097 | background-position: -720px -700px; 5098 | } 5099 | 5100 | .ap-flag-ne { 5101 | background-position: -720px -720px; 5102 | } 5103 | 5104 | .ap-flag-nf { 5105 | background-position: -720px -740px; 5106 | } 5107 | 5108 | .ap-flag-ng { 5109 | background-position: -720px -760px; 5110 | } 5111 | 5112 | .ap-flag-ni { 5113 | background-position: -720px -780px; 5114 | } 5115 | 5116 | .ap-flag-nl { 5117 | background-position: -720px -800px; 5118 | } 5119 | 5120 | .ap-flag-no { 5121 | background-position: -740px -0px; 5122 | } 5123 | 5124 | .ap-flag-np { 5125 | background-position: -740px -20px; 5126 | } 5127 | 5128 | .ap-flag-nr { 5129 | background-position: -740px -40px; 5130 | } 5131 | 5132 | .ap-flag-nu { 5133 | background-position: -740px -60px; 5134 | } 5135 | 5136 | .ap-flag-nz { 5137 | background-position: -740px -80px; 5138 | } 5139 | 5140 | .ap-flag-om { 5141 | background-position: -740px -100px; 5142 | } 5143 | 5144 | .ap-flag-pa { 5145 | background-position: -740px -120px; 5146 | } 5147 | 5148 | .ap-flag-pe { 5149 | background-position: -740px -140px; 5150 | } 5151 | 5152 | .ap-flag-pf { 5153 | background-position: -740px -160px; 5154 | } 5155 | 5156 | .ap-flag-pg { 5157 | background-position: -740px -180px; 5158 | } 5159 | 5160 | .ap-flag-ph { 5161 | background-position: -740px -200px; 5162 | } 5163 | 5164 | .ap-flag-pk { 5165 | background-position: -740px -220px; 5166 | } 5167 | 5168 | .ap-flag-pl { 5169 | background-position: -740px -240px; 5170 | } 5171 | 5172 | .ap-flag-pm { 5173 | background-position: -740px -260px; 5174 | } 5175 | 5176 | .ap-flag-pn { 5177 | background-position: -740px -280px; 5178 | } 5179 | 5180 | .ap-flag-pr { 5181 | background-position: -740px -300px; 5182 | } 5183 | 5184 | .ap-flag-ps { 5185 | background-position: -740px -320px; 5186 | } 5187 | 5188 | .ap-flag-pt { 5189 | background-position: -740px -340px; 5190 | } 5191 | 5192 | .ap-flag-pw { 5193 | background-position: -740px -360px; 5194 | } 5195 | 5196 | .ap-flag-py { 5197 | background-position: -740px -380px; 5198 | } 5199 | 5200 | .ap-flag-qa { 5201 | background-position: -740px -400px; 5202 | } 5203 | 5204 | .ap-flag-re { 5205 | background-position: -740px -420px; 5206 | } 5207 | 5208 | .ap-flag-ro { 5209 | background-position: -740px -440px; 5210 | } 5211 | 5212 | .ap-flag-rs { 5213 | background-position: -740px -460px; 5214 | } 5215 | 5216 | .ap-flag-ru { 5217 | background-position: -740px -480px; 5218 | } 5219 | 5220 | .ap-flag-rw { 5221 | background-position: -740px -500px; 5222 | } 5223 | 5224 | .ap-flag-sa { 5225 | background-position: -740px -520px; 5226 | } 5227 | 5228 | .ap-flag-sb { 5229 | background-position: -740px -540px; 5230 | } 5231 | 5232 | .ap-flag-sc { 5233 | background-position: -740px -560px; 5234 | } 5235 | 5236 | .ap-flag-sd { 5237 | background-position: -740px -580px; 5238 | } 5239 | 5240 | .ap-flag-se { 5241 | background-position: -740px -600px; 5242 | } 5243 | 5244 | .ap-flag-sg { 5245 | background-position: -740px -620px; 5246 | } 5247 | 5248 | .ap-flag-sh { 5249 | background-position: -740px -640px; 5250 | } 5251 | 5252 | .ap-flag-si { 5253 | background-position: -740px -660px; 5254 | } 5255 | 5256 | .ap-flag-sj { 5257 | background-position: -740px -680px; 5258 | } 5259 | 5260 | .ap-flag-sk { 5261 | background-position: -740px -700px; 5262 | } 5263 | 5264 | .ap-flag-sl { 5265 | background-position: -740px -720px; 5266 | } 5267 | 5268 | .ap-flag-sm { 5269 | background-position: -740px -740px; 5270 | } 5271 | 5272 | .ap-flag-sn { 5273 | background-position: -740px -760px; 5274 | } 5275 | 5276 | .ap-flag-so { 5277 | background-position: -740px -780px; 5278 | } 5279 | 5280 | .ap-flag-sr { 5281 | background-position: -740px -800px; 5282 | } 5283 | 5284 | .ap-flag-ss { 5285 | background-position: -760px -0px; 5286 | } 5287 | 5288 | .ap-flag-st { 5289 | background-position: -760px -20px; 5290 | } 5291 | 5292 | .ap-flag-sv { 5293 | background-position: -760px -40px; 5294 | } 5295 | 5296 | .ap-flag-sx { 5297 | background-position: -760px -60px; 5298 | } 5299 | 5300 | .ap-flag-sy { 5301 | background-position: -760px -80px; 5302 | } 5303 | 5304 | .ap-flag-sz { 5305 | background-position: -760px -100px; 5306 | } 5307 | 5308 | .ap-flag-ta { 5309 | background-position: -760px -120px; 5310 | } 5311 | 5312 | .ap-flag-tc { 5313 | background-position: -760px -140px; 5314 | } 5315 | 5316 | .ap-flag-td { 5317 | background-position: -760px -160px; 5318 | } 5319 | 5320 | .ap-flag-tf { 5321 | background-position: -760px -180px; 5322 | } 5323 | 5324 | .ap-flag-tg { 5325 | background-position: -760px -200px; 5326 | } 5327 | 5328 | .ap-flag-th { 5329 | background-position: -760px -220px; 5330 | } 5331 | 5332 | .ap-flag-tj { 5333 | background-position: -760px -240px; 5334 | } 5335 | 5336 | .ap-flag-tk { 5337 | background-position: -760px -260px; 5338 | } 5339 | 5340 | .ap-flag-tl { 5341 | background-position: -760px -280px; 5342 | } 5343 | 5344 | .ap-flag-tm { 5345 | background-position: -760px -300px; 5346 | } 5347 | 5348 | .ap-flag-tn { 5349 | background-position: -760px -320px; 5350 | } 5351 | 5352 | .ap-flag-to { 5353 | background-position: -760px -340px; 5354 | } 5355 | 5356 | .ap-flag-tr { 5357 | background-position: -760px -360px; 5358 | } 5359 | 5360 | .ap-flag-tt { 5361 | background-position: -760px -380px; 5362 | } 5363 | 5364 | .ap-flag-tv { 5365 | background-position: -760px -400px; 5366 | } 5367 | 5368 | .ap-flag-tw { 5369 | background-position: -760px -420px; 5370 | } 5371 | 5372 | .ap-flag-tz { 5373 | background-position: -760px -440px; 5374 | } 5375 | 5376 | .ap-flag-ua { 5377 | background-position: -760px -460px; 5378 | } 5379 | 5380 | .ap-flag-ug { 5381 | background-position: -760px -480px; 5382 | } 5383 | 5384 | .ap-flag-um { 5385 | background-position: -760px -500px; 5386 | } 5387 | 5388 | .ap-flag-us { 5389 | background-position: -760px -520px; 5390 | } 5391 | 5392 | .ap-flag-uy { 5393 | background-position: -760px -540px; 5394 | } 5395 | 5396 | .ap-flag-uz { 5397 | background-position: -760px -560px; 5398 | } 5399 | 5400 | .ap-flag-va { 5401 | background-position: -760px -580px; 5402 | } 5403 | 5404 | .ap-flag-vc { 5405 | background-position: -760px -600px; 5406 | } 5407 | 5408 | .ap-flag-ve { 5409 | background-position: -760px -620px; 5410 | } 5411 | 5412 | .ap-flag-vg { 5413 | background-position: -760px -640px; 5414 | } 5415 | 5416 | .ap-flag-vi { 5417 | background-position: -760px -660px; 5418 | } 5419 | 5420 | .ap-flag-vn { 5421 | background-position: -760px -680px; 5422 | } 5423 | 5424 | .ap-flag-vu { 5425 | background-position: -760px -700px; 5426 | } 5427 | 5428 | .ap-flag-wf { 5429 | background-position: -760px -720px; 5430 | } 5431 | 5432 | .ap-flag-ws { 5433 | background-position: -760px -740px; 5434 | } 5435 | 5436 | .ap-flag-xk { 5437 | background-position: -760px -760px; 5438 | } 5439 | 5440 | .ap-flag-ye { 5441 | background-position: -760px -780px; 5442 | } 5443 | 5444 | .ap-flag-yt { 5445 | background-position: -760px -800px; 5446 | } 5447 | 5448 | .ap-flag-za { 5449 | background-position: -780px -0px; 5450 | } 5451 | 5452 | .ap-flag-zm { 5453 | background-position: -780px -20px; 5454 | } 5455 | 5456 | .ap-flag-zw { 5457 | background-position: -780px -40px; 5458 | } 5459 | 5460 | .ap-man-man-boy { 5461 | background-position: -780px -60px; 5462 | } 5463 | 5464 | .ap-man-man-boy-boy { 5465 | background-position: -780px -80px; 5466 | } 5467 | 5468 | .ap-man-man-girl { 5469 | background-position: -780px -100px; 5470 | } 5471 | 5472 | .ap-man-man-girl-boy { 5473 | background-position: -780px -120px; 5474 | } 5475 | 5476 | .ap-man-man-girl-girl { 5477 | background-position: -780px -140px; 5478 | } 5479 | 5480 | .ap-man-woman-boy-boy { 5481 | background-position: -780px -160px; 5482 | } 5483 | 5484 | .ap-man-woman-girl { 5485 | background-position: -780px -180px; 5486 | } 5487 | 5488 | .ap-man-woman-girl-boy { 5489 | background-position: -780px -200px; 5490 | } 5491 | 5492 | .ap-man-woman-girl-girl { 5493 | background-position: -780px -220px; 5494 | } 5495 | 5496 | .ap-man-heart-man { 5497 | background-position: -780px -240px; 5498 | } 5499 | 5500 | .ap-man-kiss-man { 5501 | background-position: -780px -260px; 5502 | } 5503 | 5504 | .ap-woman-woman-boy { 5505 | background-position: -780px -280px; 5506 | } 5507 | 5508 | .ap-woman-woman-boy-boy { 5509 | background-position: -780px -300px; 5510 | } 5511 | 5512 | .ap-woman-woman-girl { 5513 | background-position: -780px -320px; 5514 | } 5515 | 5516 | .ap-woman-woman-girl-boy { 5517 | background-position: -780px -340px; 5518 | } 5519 | 5520 | .ap-woman-woman-girl-girl { 5521 | background-position: -780px -360px; 5522 | } 5523 | 5524 | .ap-woman-heart-woman { 5525 | background-position: -780px -380px; 5526 | } 5527 | 5528 | .ap-woman-kiss-woman { 5529 | background-position: -780px -400px; 5530 | } 5531 | 5532 | .ap-beach_umbrella { 5533 | background-position: -40px -620px; 5534 | } 5535 | 5536 | .ap-telephone { 5537 | background-position: -20px -100px; 5538 | } 5539 | 5540 | /*# sourceMappingURL=quill-emoji.css.map */ --------------------------------------------------------------------------------