[Summary view] [Print] [Text view]

   1  /* Button Styles
   2  ---------------------------------------- */
   3  
   4  .button {
   5      display: inline-block;
   6      padding: 2px 8px;
   7      font-size: 13px;
   8      font-weight: 600;
   9      font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
  10      line-height: 1.4;
  11      text-align: center;
  12      white-space: nowrap;
  13      vertical-align: middle;
  14      -ms-touch-action: manipulation;
  15          touch-action: manipulation;
  16      cursor: pointer;
  17      -webkit-user-select: none;
  18         -moz-user-select: none;
  19          -ms-user-select: none;
  20              user-select: none;
  21      border: 1px solid transparent;
  22      border-radius: 4px;
  23  }
  24  
  25  .button:focus,
  26  .button:hover {
  27       text-decoration: none;
  28       outline: none;
  29  }
  30  
  31  .caret {
  32      border-left: 1px solid;
  33      position: relative;
  34      right: -6px;
  35  }
  36  
  37  .caret i {
  38      vertical-align: top;
  39  }
  40  
  41  /* Posting page styles
  42  ----------------------------------------*/
  43  .button-search,
  44  .button-search-end  {
  45      float: left;
  46      border-radius: 0;
  47      margin: 0;
  48      padding: 2px 5px;
  49  }
  50  
  51  .button-search-end {
  52      border-left-width: 0;
  53      border-radius: 0 4px 4px 0;
  54  }
  55  
  56  .search-header .button-search,
  57  .search-header .button-search-end {
  58      border-top-width: 0;
  59      border-bottom-width: 0;
  60      padding: 3px 5px;
  61  }
  62  
  63  .search-header .button-search-end {
  64      border-right-width: 0;
  65  }
  66  
  67  .button-icon-only {
  68      padding-left: 3px;
  69      padding-right: 3px;
  70  }
  71  
  72  /* Poster contact icons
  73  ----------------------------------------*/
  74  .contact-icons.dropdown-contents {
  75      min-width: 0;
  76      padding: 0;
  77      font-size: 0;
  78  }
  79  
  80  .contact-icon {
  81      background-repeat: no-repeat;
  82      display: block;
  83      height: 16px;
  84      width: 16px;
  85  }
  86  .contact-icons a {
  87      border-bottom: 1px dotted;
  88      border-right: 1px dotted;
  89      display: block;
  90      float: left;
  91      padding: 8px;
  92  }
  93  
  94  .contact-icons .last-cell {
  95      border-right: none;
  96  }
  97  
  98  .contact-icons div:last-child a {
  99      border-bottom: none;
 100  }
 101  
 102  .contact-icons div {
 103      clear: left;
 104  }
 105  
 106  /* Post control buttons
 107  --------------------------------------------- */
 108  .post-buttons {
 109      float: right;
 110      list-style: none;
 111      margin-top: 2px;
 112  }
 113  
 114  .has-profile .post-buttons {
 115      float: none;
 116      position: absolute;
 117      margin: 0;
 118      right: 0;
 119      top: 5px;
 120  }
 121  
 122  .post-buttons > li {
 123      float: left;
 124      margin-right: 3px;
 125  }
 126  
 127  .post-buttons .button, .format-buttons .button {
 128      padding-left: 3px;
 129      padding-right: 3px;
 130  }
 131  
 132  .hastouch .post-buttons {
 133      margin-right: 10px;
 134  }
 135  
 136  .post-buttons .button span {
 137      font-size: 0;
 138  }
 139  
 140  /* Responsive buttons in post body */
 141  .post-buttons .dropdown {
 142      top: 18px;
 143  }
 144  
 145  .post-buttons .dropdown a {
 146      display: block;
 147      font-size: 1.2em;
 148      text-align: right;
 149  }
 150  
 151  .hasjs .postbody .post-buttons {
 152      max-width: 40%;
 153  }
 154  
 155  /* Browser-specific tweaks */
 156  button::-moz-focus-inner {
 157      padding: 0;
 158      border: 0;
 159  }
 160  
 161  /* Deprecated as of version 3.2
 162  -------------------------------------------------*/
 163  .small-icon {
 164      background-position: 0 50%;
 165      background-repeat: no-repeat;
 166      background-image: none;
 167  }
 168  
 169  .dropdown .small-icon {
 170      background-position: 5px 50%;
 171      padding: 5px;
 172  }
 173  
 174  .small-icon > a {
 175      padding: 0 0 0 18px;
 176  }
 177  
 178  ul.linklist.bulletin > li.small-icon:before {
 179      display: none;
 180  }
 181  
 182  .dropdown .small-icon > a {
 183      display: block;
 184  }
 185  
 186  .rtl .small-icon {
 187      background-position: 100% 50%;
 188  }
 189  
 190  .rtl .small-icon > a {
 191      padding-left: 0;
 192      padding-right: 19px;
 193  }