1/* Note that the contianing div class uses the jokuwiki name */ 2div.dokuwiki .jwHelloWorld { 3 float:right; min-width: 20%; max-width: 30%; padding: 0.6em; 4} 5 6/* the rest is just styling sugar */ 7div.dokuwiki .speak-right { 8 position:relative; 9 padding:15px 30px 15px 30px; 10 margin:0.5em; 11 color:#000; 12 font-weight: bold; 13 font-size: 120%; 14 background: #d1b000; 15 /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */ 16 -webkit-border-top-left-radius:25px 50px; 17 -webkit-border-top-right-radius:25px 50px; 18 -webkit-border-bottom-right-radius:25px 50px; 19 -webkit-border-bottom-left-radius:25px 50px; 20 -moz-border-radius:25px / 50px; 21 border-radius:25px / 50px; 22} 23 24div.dokuiwki .speak-right-p { 25 display: block; 26 margin:10px 0.5em 2em 80px; 27 text-align:left; 28 font-style:italic; 29 font-weight: bold; 30 font-size: 120% 31} 32 33div.dokuwiki .speak-right:before { 34 content:""; 35 position:absolute; 36 bottom:-30px; 37 left:40px; 38 /* */ 39 border-width:0 50px 30px 0; 40 border-style:solid; 41 border-color:transparent #d1b000; 42 /* reduce the damage in FF3.0 */ 43 display:block; 44 width:0; 45} 46 47div.dokuwiki .speak-right:after { 48 content:""; 49 position:absolute; 50 bottom:-30px; 51 left:70px; 52 border-width:0 20px 30px 0; 53 border-style:solid; 54 border-color:transparent #fff; 55 /* reduce the damage in FF3.0 */ 56 display:block; 57 width:0; 58} 59 60div.dokuwiki .speak-right-speaker { 61 margin:20px 0.5em 2em 110px; text-align:left; font-style:italic; font-size:120%; 62} 63