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