screen.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /**
  2. * Basic screen styles. These styles are needed for basic DokuWiki functions
  3. * regardless of the used template. Templates can override them of course
  4. */
  5. /* messages with msg() */
  6. div.error,
  7. div.info,
  8. div.success,
  9. div.notify {
  10. color: #000;
  11. background-repeat: no-repeat;
  12. background-position: 8px 50%;
  13. border: 1px solid;
  14. font-size: 90%;
  15. margin: 0 0 0.5em;
  16. padding: 0.4em;
  17. padding-left: 32px;
  18. overflow: hidden;
  19. border-radius: 5px;
  20. }
  21. [dir=rtl] div.error,
  22. [dir=rtl] div.info,
  23. [dir=rtl] div.success,
  24. [dir=rtl] div.notify {
  25. background-position: 99% 50%;
  26. padding-left: .4em;
  27. padding-right: 32px;
  28. }
  29. div.error {
  30. background-color: #fcc;
  31. background-image: url(../images/error.png);
  32. border-color: #ebb;
  33. }
  34. div.info {
  35. background-color: #ccf;
  36. background-image: url(../images/info.png);
  37. border-color: #bbe;
  38. }
  39. div.success {
  40. background-color: #cfc;
  41. background-image: url(../images/success.png);
  42. border-color: #beb;
  43. }
  44. div.notify {
  45. background-color: #ffc;
  46. background-image: url(../images/notify.png);
  47. border-color: #eeb;
  48. }
  49. /* modal windows */
  50. .JSpopup,
  51. #link__wiz {
  52. position: absolute;
  53. background-color: #fff;
  54. color: #000;
  55. z-index: 20;
  56. overflow: hidden;
  57. }
  58. #link__wiz .ui-dialog-content {
  59. padding-left: 0;
  60. padding-right: 0;
  61. }
  62. /* media manager popup toggle buttons */
  63. #media__popup_content button.button {
  64. border: 1px outset;
  65. }
  66. #media__popup_content button.selected {
  67. border-style: inset;
  68. }
  69. /* hide something accessibly
  70. (e.g. for screen readers or to keep access keys working) */
  71. .a11y {
  72. position: absolute !important;
  73. left: -99999em !important;
  74. top: auto !important;
  75. width: 1px !important;
  76. height: 1px !important;
  77. overflow: hidden !important;
  78. }
  79. [dir=rtl] .a11y {
  80. left: auto !important;
  81. right: -99999em !important;
  82. }
  83. @import "geshi.less";