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