xref: /template/minimal/css/wrap_classes.less (revision 821826279bb9833dc5b0746ea68e4ad7c51bf703) 
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:only-child, .wrap_box>*:first-child
23{
24    margin-top:0;
25}
26.wrap_box:only-child, .wrap_box>*:last-child
27{
28    margin-bottom:0;
29}
30
31.wrap_box.wrap_white
32{
33    background: #fff;
34    border: 1px solid #ccc;
35}
36
37
38.wrap_box.wrap_red
39{
40    background: #ffe3e3;
41    border: 1px solid #ffcfcf;
42
43}
44
45.wrap_box.wrap_blue
46{
47    background: #e3f2fd;
48    border: 1px solid #c2e5fe;
49}
50
51.wrap_box.wrap_green
52{
53    background: #dcfdd5;
54    border: 1px solid #b8efac;
55}
56
57.wrap_box.wrap_yellow
58{
59    background: #ffa;
60    border: 1px solid #ee0;
61}
62
63.wrap_box.wrap_pink
64{
65    background: #fce4f3;
66    border: 1px solid #feceec;
67}
68.wrap_box.wrap_purple
69{
70    background: #f3e5f5;
71    border: 1px solid #e7cceb;
72}
73
74/* Side boxes */
75
76.wrap_box.wrap_side
77{
78    width:__sidebox_width__;
79    margin-top:0;
80    margin-bottom:0.wrap_5em;
81    float:right;
82    margin-left:0.5em;
83}
84
85
86.wrap_box.wrap_side.wrap_left
87{
88    float: left;
89    margin-right:0.5em;
90}
91
92.wrap_box img
93{
94    max-width:100%;
95    height:auto;
96}
97.wrap_nb
98{
99    border:none !important;
100}
101
102}
103