notification.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /*
  2. *
  3. * Licensed to the Apache Software Foundation (ASF) under one
  4. * or more contributor license agreements. See the NOTICE file
  5. * distributed with this work for additional information
  6. * regarding copyright ownership. The ASF licenses this file
  7. * to you under the Apache License, Version 2.0 (the
  8. * "License"); you may not use this file except in compliance
  9. * with the License. You may obtain a copy of the License at
  10. *
  11. * http://www.apache.org/licenses/LICENSE-2.0
  12. *
  13. * Unless required by applicable law or agreed to in writing,
  14. * software distributed under the License is distributed on an
  15. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  16. * KIND, either express or implied. See the License for the
  17. * specific language governing permissions and limitations
  18. * under the License.
  19. *
  20. */
  21. .dlgWrap {
  22. position: absolute;
  23. width: 100%;
  24. height: 100%;
  25. background-color: rgba(0, 0, 0, 0.25);
  26. z-index: 100000;
  27. top: 0;
  28. }
  29. .dlgContainer {
  30. width: 100%;
  31. min-height: 180px;
  32. height: auto;
  33. overflow: auto;
  34. background-color: white;
  35. position: relative;
  36. line-height: 2;
  37. top: 50%;
  38. transform: translateY(-50%);
  39. padding: 0 30%;
  40. }
  41. .dlgContainer #lbl-title {
  42. font-size: 24pt;
  43. }
  44. .dlgContainer #prompt-input {
  45. width: 100%;
  46. }
  47. .dlgButton {
  48. margin: 8px 0 0 16px;
  49. float: right;
  50. font-size: 11pt;
  51. background-color: #cccccc;
  52. border: none;
  53. font-weight: 600;
  54. font-family: "Segoe UI", Arial, sans-serif;
  55. padding: 0 22px;
  56. }
  57. .dlgButton.dlgButtonFirst {
  58. color: white;
  59. background-color: #464646;
  60. }
  61. .dlgContainer.dlgContainer-windows {
  62. width: 50%;
  63. max-width: 680px;
  64. padding: 0 5%;
  65. top: 50%;
  66. left: 50%;
  67. position: fixed;
  68. transform: translate(-50%, -50%);
  69. border: 1px solid rgb(24, 160, 191);
  70. border-image: none;
  71. box-shadow: 0 0 14px 6px rgba(0,0,0,0.16);
  72. text-transform: none;
  73. }
  74. .dlgContainer.dlgContainer-phone {
  75. padding: 0 5%;
  76. }