You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
1.9 KiB

  1. @import (reference) "./colortheme-all.less";
  2. @import (reference) "./variables.less";
  3. .modal_base() {
  4. font-family: @colortheme_font;
  5. background-color: @colortheme_modal-bg;
  6. color: @colortheme_modal-fg;
  7. box-shadow: @variables_shadow;
  8. a {
  9. color: @colortheme_modal-link;
  10. &:visited {
  11. color: @colortheme_modal-link-visited;
  12. }
  13. }
  14. }
  15. .modal_main() {
  16. --LessLoader_require: LessLoader_currentFile();
  17. }
  18. & {
  19. .cp-modal-container {
  20. display: none;
  21. z-index: 100000; //Z modal container
  22. position: absolute;
  23. top: 0;
  24. bottom: 0;
  25. left: 0;
  26. right: 0;
  27. background-color: @colortheme_modal-dim;
  28. .cp-modal {
  29. background-color: @colortheme_modal-bg;
  30. color: @colortheme_modal-fg;
  31. box-shadow: @variables_shadow;
  32. padding: @variables_padding;
  33. position: absolute;
  34. top: 15vh; bottom: 15vh;
  35. left: 10vw; right: 10vw;
  36. overflow: auto;
  37. font-family: @colortheme_font;
  38. text-align: center;
  39. & > p {
  40. margin-bottom: 1em;
  41. }
  42. .cp-modal-form {
  43. display: flex;
  44. flex-wrap: wrap;
  45. align-items: center;
  46. justify-content: center;
  47. }
  48. input {
  49. background-color: @colortheme_modal-input;
  50. color: @colortheme_modal-input-fg;
  51. border: 0;
  52. padding: 8px 12px;
  53. margin: 1em;
  54. width: 300px;
  55. }
  56. .cp-modal-close {
  57. text-shadow: none;
  58. color: inherit;
  59. position: absolute;
  60. top: 0;
  61. right: 0;
  62. margin: @variables_padding;
  63. cursor: pointer;
  64. }
  65. }
  66. }
  67. }