LCARStrek/communicator/smileys.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ==== smileys.css ====================================================
   6    == Style rules to bind smiley image types generated by editor and the mozTxtToHTMLConv
   7    == into skinnable images.
   8    ========================================================================== */
   9
  10 @namespace url("http://www.w3.org/1999/xhtml");
  11
  12 /* ::::: we also represent smilies inside of spans ::::: */
  13
  14 .moz-smiley-s1,
  15 .moz-smiley-s2,
  16 .moz-smiley-s3,
  17 .moz-smiley-s4,
  18 .moz-smiley-s5,
  19 .moz-smiley-s6,
  20 .moz-smiley-s7,
  21 .moz-smiley-s8,
  22 .moz-smiley-s9,
  23 .moz-smiley-s10,
  24 .moz-smiley-s11,
  25 .moz-smiley-s12,
  26 .moz-smiley-s13,
  27 .moz-smiley-s14,
  28 .moz-smiley-s15,
  29 .moz-smiley-s16
  30 {
  31   display: inline-block;
  32   vertical-align: middle;
  33   -moz-user-select: all;
  34 }
  35
  36 .moz-smiley-s1 > span,
  37 .moz-smiley-s2 > span,
  38 .moz-smiley-s3 > span,
  39 .moz-smiley-s4 > span,
  40 .moz-smiley-s5 > span,
  41 .moz-smiley-s6 > span,
  42 .moz-smiley-s7 > span,
  43 .moz-smiley-s8 > span,
  44 .moz-smiley-s9 > span,
  45 .moz-smiley-s10 > span,
  46 .moz-smiley-s11 > span,
  47 .moz-smiley-s12 > span,
  48 .moz-smiley-s13 > span,
  49 .moz-smiley-s14 > span,
  50 .moz-smiley-s15 > span,
  51 .moz-smiley-s16 > span
  52 {
  53     display: none;
  54 }
  55
  56 /* smile */
  57 .moz-smiley-s1:before {
  58   content: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
  59 }
  60
  61 /* frown */
  62 .moz-smiley-s2:before {
  63   content: url("chrome://communicator/skin/icons/smileys/smiley-frown.png");
  64 }
  65
  66 /* wink */
  67 .moz-smiley-s3:before {
  68   content: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
  69 }
  70
  71 /* tongue */
  72 .moz-smiley-s4:before {
  73   content: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
  74 }
  75
  76 /* laughing */
  77 .moz-smiley-s5:before {
  78   content: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png");
  79 }
  80
  81 /* embarrassed */
  82 .moz-smiley-s6:before {
  83   content: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
  84 }
  85
  86 /* undecided */
  87 .moz-smiley-s7:before {
  88   content: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png");
  89 }
  90
  91 /* surprise */
  92 .moz-smiley-s8:before {
  93   content: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png");
  94 }
  95
  96 /* kiss */
  97 .moz-smiley-s9:before {
  98   content: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png");
  99 }
 100
 101 /* yell */
 102 .moz-smiley-s10:before {
 103   content: url("chrome://communicator/skin/icons/smileys/smiley-yell.png");
 104 }
 105
 106 /* cool */
 107 .moz-smiley-s11:before {
 108   content: url("chrome://communicator/skin/icons/smileys/smiley-cool.png");
 109 }
 110
 111 /* money */
 112 .moz-smiley-s12:before {
 113   content: url("chrome://communicator/skin/icons/smileys/smiley-money.png");
 114 }
 115
 116 /* foot */
 117 .moz-smiley-s13:before {
 118   content: url("chrome://communicator/skin/icons/smileys/smiley-foot.png");
 119 }
 120
 121 /* innocent */
 122 .moz-smiley-s14:before {
 123   content: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png");
 124 }
 125
 126 /* cry */
 127 .moz-smiley-s15:before {
 128   content: url("chrome://communicator/skin/icons/smileys/smiley-cry.png");
 129 }
 130
 131 /* sealed */
 132 .moz-smiley-s16:before {
 133   content: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png");
 134 }