xref: /dokuwiki/lib/styles/screen.css (revision fa44d8f1a09e815a2c77b65bb47ef6481aa0b3b6)
1/**
2 * Basic 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() */
7div.error,
8div.info,
9div.success,
10div.notify {
11    color: #000;
12    background-repeat: no-repeat;
13    background-position: .5em 50%;
14    border: 1px solid;
15    font-size: 90%;
16    margin: 0.5em 0;
17    padding: 0.4em;
18    padding-left: 3em;
19    overflow: hidden;
20    border-radius: 5px;
21    -moz-border-radius: 5px;
22    -webkit-border-radius: 5px;
23}
24
25div.error {
26    background-color: #fcc;
27    background-image: url(../images/error.png);
28    border-color: #ebb;
29}
30
31div.info {
32    background-color: #ccf;
33    background-image: url(../images/info.png);
34    border-color: #bbe;
35}
36
37div.success {
38    background-color: #cfc;
39    background-image: url(../images/success.png);
40    border-color: #beb;
41}
42
43div.notify {
44    background-color: #ffc;
45    background-image: url(../images/notify.png);
46    border-color: #eeb;
47}
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
59#link__wiz .ui-dialog-content {
60    padding-left: 0;
61    padding-right: 0;
62}
63
64/* media manager popup toggle buttons */
65
66#media__popup_content button.button {
67    border: 1px outset;
68}
69
70#media__popup_content button.selected {
71    border-style: inset;
72}
73
74/* hide something accessibly
75   (e.g. for screen readers or to keep access keys working) */
76.a11y {
77    position: absolute !important;
78    left: -10000px !important;
79    top: auto !important;
80    width: 1px !important;
81    height: 1px !important;
82    overflow: hidden !important;
83}
84
85/* syntax highlighting code */
86.code .br0  { color: #66cc66; }
87.code .co0  { color: #808080; font-style: italic; }
88.code .co1  { color: #808080; font-style: italic; }
89.code .co2  { color: #808080; font-style: italic; }
90.code .co3  { color: #808080; }
91.code .coMULTI  { color: #808080; font-style: italic; }
92.code .es0  { color: #000099; font-weight: bold; }
93.code .kw1  { color: #b1b100; }
94.code .kw2  { color: #000000; font-weight: bold; }
95.code .kw3  { color: #000066; }
96.code .kw4  { color: #993333; }
97.code .kw5  { color: #0000ff; }
98.code .me1  { color: #006600; }
99.code .me2  { color: #006600; }
100.code .nu0  { color: #cc66cc; }
101.code .re0  { color: #0000ff; }
102.code .re1  { color: #0000ff; }
103.code .re2  { color: #0000ff; }
104.code .re3  { color: #ff3333; font-weight:bold; }
105.code .re4  { color: #009999; }
106.code .st0  { color: #ff0000; }
107.code .sy0  { color: #66cc66; }
108