[Summary view] [Print] [Text view]

   1  
   2  html, body {
   3      background-color: #fff;
   4      margin: 0;
   5      padding: 0;
   6  }
   7  
   8  body {
   9      font-family: sans-serif;
  10      font-size: 12px;
  11      line-height: 1.4em;
  12  }
  13  
  14  a.button {
  15      padding: 4px 8px;
  16  }
  17  
  18  textarea,
  19  input,
  20  select {
  21      font: inherit;
  22      margin: 1px;
  23      padding: 3px;
  24  }
  25  
  26  p.help {
  27      margin: 4px 0;
  28      font-size: 12px;
  29      font-style: italic;
  30  }
  31  
  32  abbr.required {
  33      color: #FF0000;
  34      text-align: left;
  35  }
  36  
  37  img.alignright,
  38  .alignright {
  39      float: right;
  40      margin-left: 5px;
  41  }
  42  
  43  img.alignleft,
  44  .alignleft {
  45      float: left;
  46      margin-right: 5px;
  47  }
  48  
  49  img.aligncenter {
  50      display: block;
  51      margin-left: auto;
  52      margin-right: auto;
  53  }
  54  
  55  label {
  56      cursor: pointer;
  57  }
  58  
  59  th.label {
  60      width: 107px;
  61  }
  62  
  63  #media-upload #basic th.label {
  64      padding: 5px 5px 5px 0;
  65  }
  66  
  67  .show-align {
  68      height: 200px;
  69      width: 480px;
  70      float: right;
  71      background-color: #f1f1f1;
  72      cursor: default;
  73      -moz-user-select: none;
  74      user-select: none;
  75      overflow: hidden;
  76  }
  77  
  78  #img-edit {
  79      border: 1px solid #dfdfdf;
  80      width: 623px;
  81      margin: 15px auto;
  82  }
  83  
  84  #media-upload .media-upload-form table.describe {
  85      border-top-style: none;
  86      border-top-width: 0;
  87  }
  88  
  89  #img_demo_txt {
  90      font-size: 9px;
  91      line-height: 13px;
  92      font-family: Monaco,"Courier New",Courier,monospace;
  93      color: #888;
  94  }
  95  
  96  #img_demo {
  97      padding: 0;
  98  }
  99  
 100  #saveeditimg {
 101      padding: 10px 0 0 5px;
 102      border-top: 1px solid #ccc;
 103  }
 104  
 105  #sidemenu,
 106  #sidemenu li {
 107      list-style: none;
 108  }
 109  
 110  #sidemenu li {
 111      display: inline;
 112  }
 113  
 114  #sidemenu a {
 115      border-bottom-style: solid;
 116      border-bottom-width: 1px;
 117      border-top-style: solid;
 118      border-top-width: 1px;
 119      display: block;
 120      float: left;
 121      height: 28px;
 122      line-height: 28px;
 123      text-decoration: none;
 124      text-align: center;
 125      white-space: nowrap;
 126      margin: 0;
 127      padding: 0pt 7px;
 128      background-color: #f9f9f9;
 129      border-color: #f9f9f9;
 130      border-bottom-color: #dfdfdf;
 131  }
 132  
 133  a {
 134      color: #21759B;
 135  }
 136  
 137  a:hover,
 138  a:active,
 139  a:focus {
 140      color: #D54E21;
 141  }
 142  
 143  #sidemenu a.current {
 144      -webkit-border-top-left-radius: 4px;
 145      border-top-left-radius: 4px;
 146      -webkit-border-top-right-radius: 4px;
 147      border-top-right-radius: 4px;
 148      border-style: solid;
 149      border-width: 1px;
 150      font-weight: normal;
 151      background-color: #fff;
 152      border-color: #dfdfdf #dfdfdf #fff;
 153      color: #D54E21;
 154  }
 155  
 156  #adv_settings .field label {
 157      padding: 0 5px 5px;
 158  }
 159  
 160  #media-upload h3 {
 161      clear: both;
 162      padding: 0pt 0pt 3px;
 163      border-bottom-style: solid;
 164      border-bottom-width: 1px;
 165      font-family: Georgia,"Times New Roman",Times,serif;
 166      font-size: 20px;
 167      font-weight: normal;
 168      line-height: normal;
 169      margin: 0 0 10px -4px;
 170      padding: 15px 0 3px;
 171      border-bottom-color: #DADADA;
 172      color: #5A5A5A;
 173  }
 174  
 175  #img_dim #width,
 176  #img_dim #height,
 177  #img_prop #border,
 178  #img_prop #vspace,
 179  #img_prop #hspace {
 180      width: 36px;
 181  }
 182  
 183  #img_dim abbr {
 184      padding: 0 4px;
 185  }
 186  
 187  #show_align_sp {
 188      width: 115px;
 189  }
 190  
 191  #img_dim input,
 192  #img_prop input {
 193      margin-right: 10px;
 194  }
 195  
 196  #basic .align .field label {
 197      padding: 0 0 0 24px;
 198  }
 199  
 200  #basic {
 201      padding-top: 2px;
 202  }
 203  
 204  td {
 205      padding: 2px 0;
 206  }
 207  
 208  #img_size {
 209      float: right;
 210      text-align: center;
 211      cursor: pointer;
 212      background-color: #f1f1f1;
 213      padding: 5px 0;
 214      width: 45px;
 215  }
 216  
 217  #img_size div {
 218      font-size: 10px;
 219      padding: 2px;
 220      border: 1px solid #f1f1f1;
 221      line-height: 15px;
 222      height: 15px;
 223      -webkit-border-radius: 3px;
 224      border-radius: 3px;
 225      color: #07273E;
 226  }
 227  
 228  #img_size div#s100 {
 229      border-color: #A3A3A3;
 230      background-color: #E5E5E5;
 231  }
 232  
 233  #img_size_div {
 234      width: 100px;
 235      float: left;
 236      cursor: default;
 237  }
 238  
 239  #img_size_title {
 240      margin: 0 7px 5px;
 241      text-align: right;
 242      font-weight: bold;
 243  }
 244  
 245  #img_align_td {
 246      padding: 2px 0 8px;
 247  }
 248  
 249  #media-upload tr.align td.field {
 250      text-align: center;
 251  }
 252  
 253  .describe td {
 254      vertical-align: middle;
 255  }
 256  
 257  #media-upload .describe th.label {
 258      padding-top: .5em;
 259      text-align: left;
 260  }
 261  
 262  #media-upload .describe {
 263      border-top-width: 1px;
 264      border-top-style: solid;
 265      padding: 5px;
 266      width: 100%;
 267      clear: both;
 268      cursor: default;
 269  }
 270  
 271  form {
 272      margin: 1em;
 273  }
 274  
 275  .describe input[type="text"],
 276  .describe textarea {
 277      width: 460px;
 278      border: 1px solid #dfdfdf;
 279       -webkit-border-radius: 4px;
 280      border-radius: 4px;
 281  }
 282  
 283  .media-upload-form label,
 284  .media-upload-form legend {
 285      font-weight: bold;
 286      font-size: 12px;
 287      color: #464646;
 288  }
 289  
 290  .align .field label {
 291      display: inline;
 292      padding: 0 0 0 28px;
 293      margin: 0 1em 0 0;
 294  }
 295  
 296  .image-align-none-label {
 297      background: url(../../../../../../wp-admin/images/align-none.png) no-repeat center left;
 298  }
 299  
 300  .image-align-left-label {
 301      background: url(../../../../../../wp-admin/images/align-left.png) no-repeat center left;
 302  }
 303  
 304  .image-align-center-label {
 305      background: url(../../../../../../wp-admin/images/align-center.png) no-repeat center left;
 306  }
 307  
 308  .image-align-right-label {
 309      background: url(../../../../../../wp-admin/images/align-right.png) no-repeat center left;
 310  }
 311  
 312  div#media-upload-header {
 313      margin: 0;
 314      padding: 0 5px;
 315      font-weight: bold;
 316      position: relative;
 317      border-bottom-width: 1px;
 318      border-bottom-style: solid;
 319      height: 33px;
 320      background-color: #f9f9f9;
 321      border-bottom-color: #dfdfdf;
 322  }
 323  
 324  body#media-upload ul#sidemenu {
 325      font-weight: normal;
 326      margin: 0 5px;
 327      position: relative;
 328      left: 0px;
 329      bottom: -4px;
 330  }
 331  
 332  div#media-upload-error {
 333      margin: 1em;
 334      font-weight: bold;
 335  }
 336  
 337  #TB_window #TB_title {
 338      background-color: #222222;
 339      color: #CFCFCF;
 340  }
 341  
 342  .hidden {
 343      display: none;
 344  }
 345  
 346  /* RTL */
 347  body#media-upload.rtl ul#sidemenu {
 348      left: auto;
 349      right: 0;
 350  }
 351  
 352  .rtl #basic .align .field label {
 353      display: block;
 354      float: right;
 355      padding: 0 24px 0 0;
 356      margin: 5px 3px 5px 5px; 
 357  }
 358  
 359  .rtl .align .field input {
 360      display: block;
 361      float: right;
 362      margin: 5px 15px 5px 0;
 363  }
 364  
 365  .rtl tr.image-size label {
 366      margin: 0;
 367  }
 368  
 369  .rtl tr.image-size input {
 370      margin: 3px 15px 0 5px;
 371  }
 372  
 373  .rtl .image-align-none-label,
 374  .rtl .image-align-left-label,
 375  .rtl .image-align-center-label,
 376  .rtl .image-align-right-label {
 377      background-position: center right;
 378  }
 379  
 380  #media-upload.rtl .describe th.label {
 381      text-align: right;
 382  }
 383  
 384  .rtl .show-align,
 385  .rtl #img_size,
 386  .rtl .alignright,
 387  .rtl #img_demo.alignleft {
 388      float: left;
 389  }
 390  
 391  .rtl tr.image-size label,
 392  .rtl tr.image-size input,
 393  .rtl #img_dim label,
 394  .rtl #img_dim input,
 395  .rtl #img_prop label,
 396  .rtl #img_prop input,
 397  .rtl #img_size_div,
 398  .rtl .alignleft,
 399  .rtl #img_demo.alignright {
 400      float: right;
 401  }
 402  
 403  .rtl #img_dim label,
 404  .rtl #img_prop label {
 405      margin: 5px 0pt;
 406  }
 407  
 408  .rtl #img_dim input,
 409  .rtl #img_prop input {
 410      margin: 0 5px 0 10px;
 411  }
 412  
 413  .rtl #img_size_title {
 414      text-align: left;
 415  }
 416  
 417  /**
 418   * Retina display 2x icons
 419   */
 420  @media print,
 421    (-o-min-device-pixel-ratio: 5/4),
 422    (-webkit-min-device-pixel-ratio: 1.25),
 423    (min-resolution: 120dpi) {
 424      .image-align-none-label {
 425          background: url(../../../../../../wp-admin/images/align-none-2x.png) no-repeat center left;
 426          background-size: auto 15px;
 427      }
 428  
 429      .image-align-left-label {
 430          background: url(../../../../../../wp-admin/images/align-left-2x.png) no-repeat center left;
 431          background-size: auto 15px;
 432      }
 433  
 434      .image-align-center-label {
 435          background: url(../../../../../../wp-admin/images/align-center-2x.png) no-repeat center left;
 436          background-size: auto 15px;
 437      }
 438  
 439      .image-align-right-label {
 440          background: url(../../../../../../wp-admin/images/align-right-2x.png) no-repeat center left;
 441          background-size: auto 15px;
 442      }
 443  }