jquery.ocdialog.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .oc-dialog {
  2. background: #fff;
  3. color: #333;
  4. border-radius: 3px; box-shadow: 0 0 7px #888;
  5. padding: 15px;
  6. z-index: 10000;
  7. font-size: 100%;
  8. -webkit-box-sizing: border-box;
  9. -moz-box-sizing: border-box;
  10. box-sizing: border-box;
  11. min-width: 200px;
  12. top: 50%;
  13. left: 50%;
  14. transform: translate(-50%, -50%);
  15. max-height: calc(100% - 20px);
  16. max-width: calc(100% - 20px);
  17. overflow: auto;
  18. }
  19. .oc-dialog-title {
  20. background: #fff;
  21. margin-left: 12px;
  22. }
  23. .oc-dialog-buttonrow {
  24. position: relative;
  25. display: block;
  26. background: transparent;
  27. right: 0;
  28. bottom: 0;
  29. padding: 10px;
  30. padding-bottom: 0;
  31. box-sizing: border-box;
  32. width: 100%;
  33. background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  34. border-bottom-left-radius: 3px;
  35. border-bottom-right-radius: 3px;
  36. }
  37. /* align primary button to right, other buttons to left */
  38. .oc-dialog-buttonrow.twobuttons button:nth-child(1) {
  39. float: left;
  40. }
  41. .oc-dialog-buttonrow.twobuttons button:nth-child(2) {
  42. float: right;
  43. }
  44. .oc-dialog-buttonrow.onebutton button {
  45. float: right;
  46. }
  47. .oc-dialog-buttonrow:after {
  48. visibility: hidden;
  49. display: block;
  50. font-size: 0;
  51. content: " ";
  52. clear: both;
  53. height: 0;
  54. }
  55. .oc-dialog-close {
  56. position: absolute;
  57. top: 0;
  58. right: 0;
  59. padding: 25px;
  60. background: url('../img/actions/close.svg') no-repeat center;
  61. }
  62. .oc-dialog-dim {
  63. background-color: #000;
  64. opacity: .20;
  65. z-index: 999;
  66. position: fixed;
  67. top: 0; left: 0;
  68. width: 100%; height: 100%;
  69. }
  70. .oc-dialog-content {
  71. width: 100%;
  72. }