lib/styles/screen.css

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