Home Explore Help
Register Sign In
styupoln
/
test1
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 3 Releases 0 Wiki

Drupal investigation

Branch: master
Branches Tags
test1
/
public
/
drupal-8.3.1
/
core
/
modules
/
image
/
css
/
image.admin....

image.admin.css 1.3KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 
  1. 

  2. /**
    3. 

  3.  * Image style configuration pages.
    4. 

  4.  */
    5. 

  5. .image-style-new,
    6. 

  6. .image-style-new div {
    7. 

  7.   display: inline;
    8. 

  8. }
    9. 

  9. .image-style-preview .preview-image-wrapper {
    10. 

  10.   float: left;
    11. 

  11.   padding-bottom: 2em;
    12. 

  12.   text-align: center;
    13. 

  13.   top: 50%;
    14. 

  14.   width: 48%;
    15. 

  15. }
    16. 

  16. .image-style-preview .preview-image {
    17. 

  17.   margin: auto;
    18. 

  18.   position: relative;
    19. 

  19. }
    20. 

  20. .image-style-preview .preview-image .width {
    21. 

  21.   border: 1px solid #666;
    22. 

  22.   border-top: none;
    23. 

  23.   bottom: -6px;
    24. 

  24.   height: 2px;
    25. 

  25.   left: -1px;
    26. 

  26.   position: absolute;
    27. 

  27.   box-sizing: content-box;
    28. 

  28. }
    29. 

  29. .image-style-preview .preview-image .width span {
    30. 

  30.   position: relative;
    31. 

  31.   top: 4px;
    32. 

  32. }
    33. 

  33. .image-style-preview .preview-image .height {
    34. 

  34.   border: 1px solid #666;
    35. 

  35.   border-left: none;
    36. 

  36.   position: absolute;
    37. 

  37.   right: -6px;
    38. 

  38.   top: -1px;
    39. 

  39.   width: 2px;
    40. 

  40.   box-sizing: content-box;
    41. 

  41. }
    42. 

  42. .image-style-preview .preview-image .height span {
    43. 

  43.   height: 2em;
    44. 

  44.   left: 10px;
    45. 

  45.   margin-top: -1em;
    46. 

  46.   position: absolute;
    47. 

  47.   top: 50%;
    48. 

  48. }
    49. 

  49. 

  50. /**
    51. 

  51.  * Improve image style preview on narrow viewports.
    52. 

  52.  */
    53. 

  53. @media screen and (max-width: 470px) {
    54. 

  54.   .image-style-preview .preview-image-wrapper {
    55. 

  55.     float: none;
    56. 

  56.     margin-bottom: 1em;
    57. 

  57.   }
    58. 

  58.   .image-style-preview .preview-image-wrapper:last-child {
    59. 

  59.     margin-bottom: 0;
    60. 

  60.   }
    61. 

  61. }
    62. 

  62. 

  63. /**
    64. 

  64.  * Image anchor element.
    65. 

  65.  */
    66. 

  66. .image-anchor {
    67. 

  67.   width: auto;
    68. 

  68. }
    69. 

  69. .image-anchor tr {
    70. 

  70.   background: none;
    71. 

  71. }
    72. 

  72. .image-anchor td {
    73. 

  73.   border: 1px solid #ccc;
    74. 

  74. }
    75. 

  75.