_delete-confirmation.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @import "globals";
  2. .delete-confirmation {
  3. #content > h1 + p + h2 + ul {
  4. background: $warning-color;
  5. color: $warning-text-color;
  6. border-radius: 4px;
  7. padding: 20px;
  8. list-style-type: none;
  9. margin: 0;
  10. li {
  11. list-style: none;
  12. line-height: 1.8;
  13. }
  14. }
  15. #content > ul:nth-of-type(2), #content > h1 + p + ul {
  16. background: $content-background-color;
  17. border-radius: 4px;
  18. box-shadow: 0 2px 0 0 $content-border2-color;
  19. &, ul {
  20. list-style-type: none;
  21. margin: 0;
  22. padding: 0;
  23. li {
  24. list-style: disc;
  25. line-height: 1.8;
  26. }
  27. }
  28. ul {
  29. margin-left: 20px;
  30. }
  31. > li {
  32. padding: 8px;
  33. border-bottom: 1px solid $content-border-color;
  34. font-size: 13px;
  35. list-style: none;
  36. &:last-child {
  37. border-bottom: 0;
  38. }
  39. }
  40. }
  41. #content form {
  42. margin-top: 20px;
  43. input[type="submit"] {
  44. background-color: $danger-button-background-color;
  45. color: $danger-button-text-color;
  46. font-size: 12px;
  47. font-weight: lighter;
  48. padding: 0 20px;
  49. text-transform: uppercase;
  50. &:hover, &:focus {
  51. background-color: $button-hover-background-color;
  52. color: $button-hover-text-color;
  53. }
  54. &:active {
  55. background-color: $button-active-background-color;
  56. color: $button-active-text-color;
  57. }
  58. }
  59. .button {
  60. vertical-align: middle;
  61. margin-left: 10px;
  62. }
  63. }
  64. }