image.admin.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /**
  2. * Image style configuration pages.
  3. */
  4. div.image-style-new,
  5. div.image-style-new div {
  6. display: inline;
  7. }
  8. div.image-style-preview div.preview-image-wrapper {
  9. float: left;
  10. padding-bottom: 2em;
  11. text-align: center;
  12. top: 50%;
  13. width: 48%;
  14. }
  15. div.image-style-preview div.preview-image {
  16. margin: auto;
  17. position: relative;
  18. }
  19. div.image-style-preview div.preview-image div.width {
  20. border: 1px solid #666;
  21. border-top: none;
  22. height: 2px;
  23. left: -1px;
  24. bottom: -6px;
  25. position: absolute;
  26. }
  27. div.image-style-preview div.preview-image div.width span {
  28. position: relative;
  29. top: 4px;
  30. }
  31. div.image-style-preview div.preview-image div.height {
  32. border: 1px solid #666;
  33. border-left: none;
  34. position: absolute;
  35. right: -6px;
  36. top: -1px;
  37. width: 2px;
  38. }
  39. div.image-style-preview div.preview-image div.height span {
  40. height: 2em;
  41. left: 10px;
  42. margin-top: -1em;
  43. position: absolute;
  44. top: 50%;
  45. }
  46. /**
  47. * Image anchor element.
  48. */
  49. table.image-anchor {
  50. width: auto;
  51. }
  52. table.image-anchor tr.even,
  53. table.image-anchor tr.odd {
  54. background: none;
  55. }
  56. table.image-anchor td {
  57. border: 1px solid #CCC;
  58. }