jquery.ocdialog.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .oc-dialog {
  2. background: white;
  3. color: #333333;
  4. border-radius: 3px; box-shadow: 0 0 7px #888888;
  5. padding: 15px;
  6. z-index: 1000;
  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. }
  13. .oc-dialog-title {
  14. background: white;
  15. font-weight: bold;
  16. font-size: 110%;
  17. margin-bottom: 10px;
  18. }
  19. .oc-dialog-content {
  20. z-index: 1000;
  21. background: white;
  22. }
  23. .oc-dialog-separator {
  24. }
  25. .oc-dialog-buttonrow {
  26. background: white;
  27. float: right;
  28. position: relative;
  29. bottom: 0;
  30. display: block;
  31. margin-top: 10px;
  32. width: 100%;
  33. }
  34. /* align primary button to right, other buttons to left */
  35. .oc-dialog-buttonrow.twobuttons button:nth-child(1) {
  36. float: left;
  37. }
  38. .oc-dialog-buttonrow.twobuttons button:nth-child(2) {
  39. float: right;
  40. }
  41. .oc-dialog-buttonrow.onebutton button {
  42. float: right;
  43. }
  44. .oc-dialog-close {
  45. position:absolute;
  46. top:7px; right:7px;
  47. height:20px; width:20px;
  48. background:url('../img/actions/close.svg') no-repeat center;
  49. }
  50. .oc-dialog-dim {
  51. background-color: #000;
  52. opacity: .20;
  53. z-index: 999;
  54. position: fixed;
  55. top: 0; left: 0;
  56. width: 100%; height: 100%;
  57. }