[Summary view] [Print] [Text view]

   1  /* Button Styles
   2  ---------------------------------------- */
   3  
   4  .button {
   5      cursor: pointer;
   6      display: inline-block;
   7      height: 18px;
   8      font-size: 1.2em;
   9      white-space: nowrap;
  10      border: 1px solid transparent;
  11      border-radius: 4px;
  12      background: transparent none 0 0 repeat-x;
  13      padding: 2px 8px;
  14      font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
  15      position: relative;
  16      text-decoration: none !important;
  17      outline-style: none !important;
  18      vertical-align: bottom;
  19  }
  20  
  21  .dropdown-select {
  22      padding-right: 24px;
  23  }
  24  
  25  .icon-button:before {
  26      background: transparent 0 0 no-repeat;
  27      content: '';
  28      display: inline-block;
  29      float: right;
  30      height: 12px;
  31      margin: 3px 0 0 2px;
  32      width: 12px;
  33  }
  34  
  35  .dropdown-select.icon-button:before {
  36      margin-right: 4px;
  37  }
  38  
  39  .dropdown-select:after {
  40      background-position: -103px 10px;
  41      border-left: 1px solid;
  42      content: '';
  43      position: absolute;
  44      top: 0;
  45      right: 0;
  46      height: 22px;
  47      width: 16px;
  48  }
  49  
  50  .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
  51      background-position: -103px -10px;
  52  }
  53  
  54  .buttons, .buttons .button {
  55      float: left;
  56  }
  57  
  58  .buttons .button, .dropdown-select {
  59      margin-right: 5px;
  60  }
  61  
  62  #jumpbox .dropdown-select {
  63      margin: 0;
  64  }
  65  
  66  /* Big button images */
  67  .reply-icon:before, .pmreply-icon:before                    { background-position: -20px 0; }
  68  .reply-icon:hover:before, .pmreply-icon:hover:before        { background-position: -20px -20px; }
  69  
  70  .post-icon:before, .newpm-icon:before, .reply-all:before    { background-position: 0 0; }
  71  .post-icon:hover:before,
  72  .newpm-icon:hover:before,
  73  .reply-all:hover:before                                        { background-position: 0 -20px; }
  74  
  75  .locked-icon:before                                            { background-position: -60px 0; }
  76  .locked-icon:hover:before                                    { background-position: -60px -20px; }
  77  
  78  .forwardpm-icon:before                                        { background-position: -40px 0; }
  79  .forwardpm-icon:hover:before                                { background-position: -40px -20px; }
  80  
  81  .modtools-icon {
  82      font-size: 0;
  83  }
  84  
  85  .tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before {
  86      background-position: -80px 0;
  87      height: 16px;
  88      margin-top: 2px;
  89      width: 16px;
  90  }
  91  
  92  .dropdown-visible .tools-icon:before,
  93  .nojs .dropdown-container:hover .tools-icon:before            { background-position: -80px -20px; }
  94  
  95  .search-icon:before                                            { background-position: -245px 0; }
  96  .search-icon:hover:before                                    { background-position: -245px -20px; }
  97  
  98  .search-adv-icon:before                                        { background-position: -265px 0; }
  99  .search-adv-icon:hover:before                                { background-position: -265px -20px; }
 100  
 101  .modtools-icon:before                                        { background-position: -225px 0; }
 102  .dropdown-visible .modtools-icon:before,
 103  .nojs .dropdown-container:hover .modtools-icon:before        { background-position: -225px -20px; }
 104  
 105  /* Icon images
 106  ---------------------------------------- */
 107  .small-icon {
 108      background-position: 0 50%;
 109      background-repeat: no-repeat;
 110      background-image: none;
 111  }
 112  
 113  .small-icon > a {
 114      display: inline-block;
 115      padding: 0 0 0 18px;
 116  }
 117  
 118  ul.linklist.bulletin > li.small-icon:before {
 119      display: none;
 120  }
 121  
 122  .dropdown .small-icon > a {
 123      display: block;
 124  }
 125  
 126  /* Poster contact icons
 127  ----------------------------------------*/
 128  .contact-icons.dropdown-contents {
 129      min-width: 0;
 130      padding: 0;
 131      font-size: 0;
 132  }
 133  
 134  .contact-icon {
 135      background-repeat: no-repeat;
 136      display: block;
 137      height: 16px;
 138      width: 16px;
 139  }
 140  .contact-icons a {
 141      border-bottom: 1px dotted;
 142      border-right: 1px dotted;
 143      display: block;
 144      float: left;
 145      padding: 8px;
 146  }
 147  
 148  .contact-icons .last-cell {
 149      border-right: none;
 150  }
 151  
 152  .contact-icons div:last-child a {
 153      border-bottom: none;
 154  }
 155  
 156  .contact-icons div {
 157      clear: left;
 158  }
 159  
 160  /* Profile icons */
 161  .pm-icon        { background-position: 0 0; }
 162  .email-icon        { background-position: -21px 0; }
 163  .jabber-icon    { background-position: -80px 0; }
 164  .phpbb_icq-icon    { background-position: -61px 0 ; }
 165  .phpbb_wlm-icon    { background-position: -182px 0; }
 166  .phpbb_aol-icon    { background-position: -244px 0; }
 167  .phpbb_website-icon        { background-position: -40px 0; }
 168  .phpbb_youtube-icon        { background-position: -98px 0; }
 169  .phpbb_facebook-icon    { background-position: -119px 0; }
 170  .phpbb_googleplus-icon    { background-position: -140px 0; }
 171  .phpbb_skype-icon        { background-position: -161px 0; }
 172  .phpbb_twitter-icon        { background-position: -203px 0; }
 173  .phpbb_yahoo-icon        { background-position: -224px 0; }
 174  
 175  /* Post control buttons
 176  --------------------------------------------- */
 177  .post-buttons {
 178      float: right;
 179      list-style: none;
 180      margin-top: 2px;
 181  }
 182  
 183  .has-profile .post-buttons {
 184      float: none;
 185      position: absolute;
 186      margin: 0;
 187      right: 0;
 188      top: 5px;
 189  }
 190  
 191  .post-buttons > li {
 192      float: left;
 193      margin-right: 3px;
 194  }
 195  
 196  .post-buttons .icon-button {
 197      padding: 0 5px;
 198  }
 199  
 200  .hastouch .post-buttons .icon-button {
 201      padding: 2px 8px;
 202  }
 203  
 204  .post-buttons .icon-button span {
 205      display: block;
 206      height: 0;
 207      overflow: hidden;
 208      position: absolute;
 209      width: 1px;
 210  }
 211  
 212  .post-buttons .icon-button:before {
 213      margin-left: 0;
 214  }
 215  
 216  .quote-icon:before                            { background-position: -122px 0; }
 217  .quote-icon:hover:before                    { background-position: -122px -21px; }
 218  .edit-icon:before                            { background-position: -137px 0; }
 219  .edit-icon:hover:before                        { background-position: -137px -21px; }
 220  .warn-icon:before                            { background-position: -208px 0; }
 221  .warn-icon:hover:before                        { background-position: -208px -21px; }
 222  .delete-icon:before                            { background-position: -152px 0; }
 223  .delete-icon:hover:before                    { background-position: -152px -21px; }
 224  .report-icon:before                            { background-position: -165px 0; }
 225  .report-icon:hover:before                    { background-position: -165px -21px; }
 226  .info-icon:before                            { background-position: -175px 0; }
 227  .info-icon:hover:before                        { background-position: -175px -21px; }
 228  .button.responsive-menu-link:before            { background-position: -191px 0; }
 229  .button.responsive-menu-link:hover:before    { background-position: -191px -21px; }
 230  
 231  /* Responsive buttons in post body */
 232  .post-buttons .dropdown {
 233      top: 18px;
 234  }
 235  
 236  .post-buttons .dropdown a {
 237      display: block;
 238      font-size: 1.2em;
 239      text-align: right;
 240  }
 241  
 242  .hasjs .postbody .post-buttons {
 243      max-width: 40%;
 244  }
 245  
 246  /* Browser-specific tweaks */
 247  button::-moz-focus-inner {
 248      padding: 0;
 249      border: 0
 250  }