1/**
2 * This file provides use full classes to be used with the Wrap Plugin.
3 */
4
5/*Boxes custom*/
6
7.dokuwiki
8
9{
10
11div.wrap_box
12{
13    margin-top:1em;
14    margin-bottom:1em;
15    background: #eee;
16    border: 1px solid #ccc;
17    padding: 0.5em 0.75em;
18    box-sizing:border-box;
19    border-radius: 3px;
20}
21
22.wrap_box>*:first-child
23{
24    margin-top:0;
25}
26.wrap_box>*:last-child
27{
28    margin-bottom:0;
29}
30
31.site-header .wrap_box:only-child
32{
33    margin: 0px;
34}
35
36.wrap_box.wrap_white
37{
38    background: #fff;
39    border: 1px solid #ccc;
40}
41
42
43.wrap_box.wrap_red
44{
45    background: #ffe3e3;
46    border: 1px solid #ffcfcf;
47
48}
49
50.wrap_box.wrap_blue
51{
52    background: #e3f2fd;
53    border: 1px solid #c2e5fe;
54}
55
56.wrap_box.wrap_green
57{
58    background: #dcfdd5;
59    border: 1px solid #b8efac;
60}
61
62.wrap_box.wrap_yellow
63{
64    background: #ffa;
65    border: 1px solid #ee0;
66}
67
68.wrap_box.wrap_pink
69{
70    background: #fce4f3;
71    border: 1px solid #feceec;
72}
73.wrap_box.wrap_purple
74{
75    background: #f3e5f5;
76    border: 1px solid #e7cceb;
77}
78
79/* Side boxes */
80
81.wrap_box.wrap_side
82{
83    width:__sidebox_width__;
84    margin-top:0;
85    margin-bottom:0.wrap_5em;
86    float:right;
87    margin-left:0.5em;
88}
89
90
91.wrap_box.wrap_side.wrap_left
92{
93    float: left;
94    margin-right:0.5em;
95}
96
97.wrap_box img
98{
99    max-width:100%;
100    height:auto;
101}
102.wrap_nb
103{
104    border:none !important;
105}
106
107}
108