[Summary view] [Print] [Text view]

   1  /* --------------------------------------------------------------
   2      $Icons
   3  -------------------------------------------------------------- */
   4  
   5  /* Global module setup
   6  --------------------------------*/
   7  
   8  /* Renamed version of .fa class for agnostic useage of icon fonts.
   9   * Just change the name of the font after the 14/1 to the name of
  10   * the font you wish to use.
  11   */
  12  .icon, .button .icon, blockquote cite:before, .uncited:before {
  13      display: inline-block;
  14        font-weight: normal;
  15        font-style: normal;
  16        font-variant: normal;
  17        font-family: FontAwesome;
  18        font-size: 14px;
  19        line-height: 1;
  20        text-rendering: auto; /* optimizelegibility throws things off #1094 */
  21        -webkit-font-smoothing: antialiased;
  22        -moz-osx-font-smoothing: grayscale;
  23  }
  24  
  25  .icon:before { padding-right: 2px; }
  26  
  27  .button .icon:before {
  28      padding-right: 0;
  29  }
  30  
  31  /* Icon size classes - Default size is 14px, use these for small variations */
  32  
  33  .icon.icon-xl {
  34      font-size: 20px;
  35  }
  36  
  37  .icon.icon-lg {
  38      font-size: 16px;
  39  }
  40  
  41  .icon.icon-md {
  42      font-size: 10px;
  43  }
  44  
  45  .icon.icon-sm {
  46      font-size: 8px;
  47  }
  48  
  49  /* icon modifiers */
  50  .icon-tiny {
  51      width: 12px;
  52      transform: scale(0.65, 0.75);
  53      vertical-align: text-bottom;
  54      font-size: 16px;
  55  }
  56  
  57  .arrow-left .icon {
  58      float: left;
  59  }
  60  
  61  .arrow-left:hover .icon {
  62      margin-left: -5px;
  63      margin-right: 5px;
  64  }
  65  
  66  .arrow-right .icon {
  67      float: right;
  68  }
  69  
  70  .arrow-right:hover .icon {
  71      margin-left: 5px;
  72      margin-right: -5px;
  73  }
  74  
  75  .post-buttons .dropdown-contents .icon {
  76      float: right;
  77      margin-left: 5px;
  78  }
  79  
  80  .alert_close .icon:before {
  81      padding: 0;
  82      border-radius: 50%;
  83      width: 11px;
  84      display: block;
  85      line-height: .9;
  86      height: 12px;
  87  }
  88  
  89  blockquote cite:before, .uncited:before {
  90      content: '\f10d'; /* Font Awesome quote-left */
  91  }
  92  
  93  .rtl blockquote cite:before, .rtl .uncited:before {
  94      content: '\f10e'; /* Font Awesome quote-right */
  95  }
  96