1/* $Id: syntax_plugin_tip.css,v 1.7 2008/05/25 09:17:18 matthias Exp $ 2 Cascading Style Sheet for the TIP syntax plugin 3 Copyright (C) 2006, 2007 M.Watermann, D-10247 Berlin, FRG 4 EMail : <support@mwat.de> 5 6 NOTE: 7 This file is _not_ used by DokuWiki! 8 It is provided for informational purposes only. 9 If you want to change the styling rules either change the settings 10 in the file "style.css" or rename this file to "style.css". 11*/ 12 13/* Common settings for all tipXXX classes */ 14.tipAll { 15 font-family: "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif; 16 font-size: 94.4%; /* just a little bit smaller */ 17 /* try to align with the surrounding text: */ 18 margin: 0.6ex 0 0.4ex 0; 19 padding: 0 0.6ex 0.2ex 0.6ex; 20 line-height: 1.2; 21 border: 1px solid #999; 22 color: #000; 23 background-color: #ffffee; 24 background-image: none; /* overwritten for some classes below */ 25 background-repeat: no-repeat; 26 background-position: 1px 1px; /* do not touch the outer border */ 27 min-height: 28px; /* not supported by M$IE */ 28 min-width: 25%; /* dito */ 29 width: auto; 30 max-width: 31%; /* dito */ 31} 32 33/* M$IE bug workaround for left and right aligned tips: */ 34* html body .tipld, 35* html body .tipldh, 36* html body .tipldi, 37* html body .tipldn, 38* html body .tipldw, 39* html body .tiple, 40* html body .tipleh, 41* html body .tiplei, 42* html body .tiplen, 43* html body .tiplew, 44* html body .tiplu, 45* html body .tipluh, 46* html body .tiplui, 47* html body .tiplun, 48* html body .tipluw, 49* html body .tiprd, 50* html body .tiprdh, 51* html body .tiprdi, 52* html body .tiprdn, 53* html body .tiprdw, 54* html body .tipre, 55* html body .tipreh, 56* html body .tiprei, 57* html body .tipren, 58* html body .tiprew, 59* html body .tipru, 60* html body .tipruh, 61* html body .tiprui, 62* html body .tiprun, 63* html body .tiprw { 64 width: 30%; 65} 66 67/* Size the embedded elements */ 68.tipAll * { 69 font-size: 99.9%; 70 margin: 0 auto; 71} 72 73/* Horizontal margins and orientation */ 74.tipcd, 75.tipcdh, 76.tipcdi, 77.tipcdn, 78.tipcdw, 79.tipce, 80.tipceh, 81.tipcei, 82.tipcen, 83.tipcew, 84.tipcu, 85.tipcuh, 86.tipcui, 87.tipcun, 88.tipcuw { 89 margin-left: auto; 90 margin-right: auto; 91 padding-top: 1ex; /* keep a small distance */ 92 text-align: center; 93 width: auto; 94 max-width: 62%; /* not supported by M$IE */ 95} 96/* M$IE bug workaround for centered tips */ 97* html body .tipcd, 98* html body .tipcdh, 99* html body .tipcdi, 100* html body .tipcdn, 101* html body .tipcdw, 102* html body .tipce, 103* html body .tipceh, 104* html body .tipcei, 105* html body .tipcen, 106* html body .tipcew, 107* html body .tipcu, 108* html body .tipcuh, 109* html body .tipcui, 110* html body .tipcun, 111* html body .tipcuw { /* M$IE */ 112 width: 62%; 113} 114/* Left aligned tips */ 115.tipld, 116.tipldh, 117.tipldi, 118.tipldn, 119.tipldw, 120.tiple, 121.tipleh, 122.tiplei, 123.tiplen, 124.tiplew, 125.tiplu, 126.tipluh, 127.tiplui, 128.tiplun, 129.tipluw { 130 float: left; 131 text-align: left; 132 margin-right: 1.5ex; 133} 134/* Right aligned tips */ 135.tiprd, 136.tiprdh, 137.tiprdi, 138.tiprdn, 139.tiprdw, 140.tipre, 141.tipreh, 142.tiprei, 143.tipren, 144.tiprew, 145.tipru, 146.tipruh, 147.tiprui, 148.tiprun, 149.tipruw { 150 float: right; 151 text-align: right; 152 margin-left: 1.5ex; 153 padding-right: 1ex; 154} 155 156/* Vertical alignments */ 157.tipcd, 158.tipcdh, 159.tipcdi, 160.tipcdn, 161.tipcdw, 162.tipld, 163.tipldh, 164.tipldi, 165.tipldn, 166.tipldw, 167.tiprd, 168.tiprdh, 169.tiprdi, 170.tiprdn, 171.tiprdw { 172 margin-top: 1.2em; /* matching "line-height" setup above */ 173 margin-bottom: 0; 174} 175.tipcu, 176.tipcuh, 177.tipcui, 178.tipcun, 179.tipcuw, 180.tiplu, 181.tipluh, 182.tiplui, 183.tiplun, 184.tipluw, 185.tipru, 186.tipruh, 187.tiprui, 188.tiprun, 189.tipruw { 190 /* Careful: Moving up too much will mangle 191 the tip's text with the contents above it! */ 192 margin-top: -1ex; 193} 194 195/* Setup images (all of size 24x24 px) */ 196.tipcdh, 197.tipceh, 198.tipcuh, 199.tipldh, 200.tipleh, 201.tipluh, 202.tiprdh, 203.tipreh, 204.tipruh { 205 background-image: url(img/hint.gif); 206} 207.tipcdi, 208.tipcei, 209.tipcui, 210.tipldi, 211.tiplei, 212.tiplui, 213.tiprdi, 214.tiprei, 215.tiprui { 216 background-image: url(img/info.gif); 217 border-color: #060; 218} 219.tipcdn, 220.tipcen, 221.tipcun, 222.tipldn, 223.tiplen, 224.tiplun, 225.tiprdn, 226.tipren, 227.tiprun { 228 background-image: url(img/note.gif); 229 border-color: #006; 230} 231.tipcdw, 232.tipcew, 233.tipcuw, 234.tipldw, 235.tiplew, 236.tipluw, 237.tiprdw, 238.tiprew, 239.tipruw { 240 background-image: url(img/warn.gif); 241 border-color: #600; 242} 243 244/* Make sure not to overwrite the bg image */ 245.tipcdh, 246.tipceh, 247.tipcuh, 248.tipldh, 249.tipleh, 250.tipluh, 251.tiprdh, 252.tipreh, 253.tipruh, 254.tipcdi, 255.tipcei, 256.tipcui, 257.tipldi, 258.tiplei, 259.tiplui, 260.tiprdi, 261.tiprei, 262.tiprui, 263.tipcdn, 264.tipcen, 265.tipcun, 266.tipldn, 267.tiplen, 268.tiplun, 269.tiprdn, 270.tipren, 271.tiprun, 272.tipcdw, 273.tipcew, 274.tipcuw, 275.tipldw, 276.tiplew, 277.tipluw, 278.tiprdw, 279.tiprew, 280.tipruw { 281 padding-left: 28px; /* Image width plus 4px margin */ 282} 283/* _EoF_ */ 284