filter.admin.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /**
  2. * @file
  3. * Admin styling for the Filter module.
  4. */
  5. /**
  6. * Filter information under field.
  7. */
  8. .text-format-wrapper > .form-item {
  9. margin-bottom: 0;
  10. }
  11. .text-format-wrapper .form-textarea {
  12. display: flex;
  13. }
  14. .filter-wrapper {
  15. border: 1px solid #ccc;
  16. border-top: 0;
  17. margin: 0;
  18. padding: 20px;
  19. overflow: hidden;
  20. background-color: #f8f8f8;
  21. }
  22. .filter-wrapper .form-item {
  23. margin: 0;
  24. }
  25. .filter-wrapper .form-item label {
  26. display: inline;
  27. }
  28. .filter-help {
  29. float: right; /* LTR */
  30. margin-top: 0;
  31. margin-bottom: 7px;
  32. }
  33. [dir="rtl"] .filter-help {
  34. float: left;
  35. }
  36. .filter-guidelines .filter-guidelines-item {
  37. margin-top: 1em;
  38. }
  39. .filter-help p {
  40. margin: 0;
  41. }
  42. .filter-help a {
  43. position: relative;
  44. margin: 0 22px 0 0; /* LTR */
  45. }
  46. [dir="rtl"] .filter-help a {
  47. margin: 0 0 0 22px;
  48. }
  49. .filter-help a:after {
  50. position: absolute;
  51. top: 0;
  52. right: -22px; /* LTR */
  53. content: '';
  54. display: block;
  55. width: 16px;
  56. height: 16px;
  57. background: transparent url(../../images/icons/help_2.svg);
  58. }
  59. [dir="rtl"] .filter-help a:after {
  60. right: auto;
  61. left: -22px;
  62. }
  63. .text-format-wrapper .description {
  64. margin-top: 0.5em;
  65. }
  66. .tips {
  67. font-size: 0.9em;
  68. margin-bottom: 0;
  69. margin-top: 0;
  70. padding-bottom: 0;
  71. padding-top: 0;
  72. }
  73. /**
  74. * Improve filter tips position.
  75. */
  76. .tips {
  77. padding-left: 0; /* LTR */
  78. }
  79. [dir="rtl"] .tips {
  80. padding-right: 0;
  81. }
  82. .filter-guidelines {
  83. font-size: 12px;
  84. }
  85. .filter-guidelines ul {
  86. margin: 15px 0 0 20px;
  87. padding: 0;
  88. }