toolbar-warning.css 839 B

12345678910111213141516171819202122232425262728293031323334353637
  1. /**
  2. * @file
  3. * Styling for toolbar warning message.
  4. */
  5. .toolbar-warning {
  6. overflow: hidden;
  7. margin: 0.5em 0;
  8. padding: 0.5em 2em 0.5em 2.3333em;
  9. text-indent: -1000px;
  10. background: url(../../../../core/misc/icons/e29700/warning.svg) no-repeat center center transparent;
  11. background-size: auto 20px;
  12. }
  13. .toolbar-warning:hover {
  14. color: #000;
  15. }
  16. @media only screen and (min-width: 40em) {
  17. .toolbar-warning {
  18. padding-right: 1em; /* LTR */
  19. text-decoration: none;
  20. text-indent: 0;
  21. color: #000;
  22. border-color: #f4daa6;
  23. border-radius: 4px;
  24. background-color: #fdf8ed;
  25. background-position: 0.5em center; /* LTR */
  26. background-size: auto 18px;
  27. font-weight: bold;
  28. }
  29. [dir="rtl"] .toolbar-warning {
  30. padding-right: 2em;
  31. padding-left: 1em;
  32. background-position: right 0.5em center;
  33. }
  34. }