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