image.admin.css

Same filename in other branches
  1. 9 core/themes/stable9/css/image/image.admin.css
  2. 9 core/themes/stable/css/image/image.admin.css
  3. 9 core/modules/ckeditor5/css/image.admin.css
  4. 9 core/modules/image/css/image.admin.css
  5. 8.9.x core/themes/stable/css/image/image.admin.css
  6. 8.9.x core/modules/image/css/image.admin.css
  7. 10 core/themes/stable9/css/image/image.admin.css
  8. 10 core/themes/claro/css/components/image.admin.css
  9. 10 core/modules/ckeditor5/css/image.admin.css
  10. 10 core/modules/image/css/image.admin.css
  11. 11.x core/themes/stable9/css/image/image.admin.css
  12. 11.x core/themes/claro/css/components/image.admin.css
  13. 11.x core/modules/ckeditor5/css/image.admin.css
  14. 11.x core/modules/image/css/image.admin.css
/**
 * Image style configuration pages.
 */
div.image-style-new,
div.image-style-new div {
  display: inline;
}
div.image-style-preview div.preview-image-wrapper {
  float: left;
  padding-bottom: 2em;
  text-align: center;
  top: 50%;
  width: 48%;
}
div.image-style-preview div.preview-image {
  margin: auto;
  position: relative;
}
div.image-style-preview div.preview-image div.width {
  border: 1px solid #666;
  border-top: none;
  height: 2px;
  left: -1px;
  bottom: -6px;
  position: absolute;
}
div.image-style-preview div.preview-image div.width span {
  position: relative;
  top: 4px;
}
div.image-style-preview div.preview-image div.height {
  border: 1px solid #666;
  border-left: none;
  position: absolute;
  right: -6px;
  top: -1px;
  width: 2px;
}
div.image-style-preview div.preview-image div.height span {
  height: 2em;
  left: 10px;
  margin-top: -1em;
  position: absolute;
  top: 50%;
}

/**
 * Image anchor element.
 */
table.image-anchor {
  width: auto;
}
table.image-anchor tr.even,
table.image-anchor tr.odd {
  background: none;
}
table.image-anchor td {
  border: 1px solid #CCC;
}

File

modules/image/image.admin.css

View source
  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. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.