block-place.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /**
  2. * @file
  3. * Styling for block_place module regions and buttons during block placement.
  4. */
  5. .block-place-region {
  6. margin: 1em 0;
  7. padding: 5px;
  8. text-align: center;
  9. outline: 1px dashed rgba(0, 0, 0, 0.5);
  10. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  11. text-shadow: none;
  12. }
  13. .block-place-region a.button {
  14. position: relative;
  15. box-sizing: border-box;
  16. width: 26px;
  17. height: 26px;
  18. padding: 0;
  19. white-space: nowrap;
  20. border: 1px solid #ccc;
  21. background: url(../../../misc/icons/bebebe/plus.svg) #fff center center / 16px 16px no-repeat;
  22. font-size: 1rem;
  23. }
  24. .block-place-region:hover a.button,
  25. .block-place-region:focus a.button {
  26. background-image: url(../../../misc/icons/787878/plus.svg);
  27. }
  28. .block-place-region .ajax-progress {
  29. position: relative;
  30. top: -10px;
  31. right: 26px; /* LTR */
  32. overflow: visible;
  33. width: 0;
  34. height: 0;
  35. padding: 0;
  36. }
  37. [dir="rtl"] .block-place-region .ajax-progress {
  38. right: inherit;
  39. left: 26px;
  40. float: inherit;
  41. }
  42. .block-place-region .ajax-progress-throbber .throbber {
  43. display: block;
  44. box-sizing: border-box;
  45. width: 26px;
  46. height: 26px;
  47. padding: 0;
  48. border: 1px solid #ddd;
  49. border-radius: 100px;
  50. background-color: #fff;
  51. background-position: center 6px;
  52. }