wp-includes/js/tinymce/plugins/wpeditimage/css/editimage.css

   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 }