1/* =Wrap Plugin
2----------------------------------------------- */
3
4.dokuwiki {
5
6	div.wrap_info,
7	div.wrap_tip,
8	div.wrap_important,
9	div.wrap_alert,
10	div.wrap_help,
11	div.wrap_download,
12	div.wrap_todo {
13		background-image: none!important;
14	}
15
16	div.wrap_info::before,
17	div.wrap_tip::before,
18	div.wrap_important::before,
19	div.wrap_alert::before,
20	div.wrap_help::before,
21	div.wrap_download::before,
22	div.wrap_todo::before {
23		font-family: 'bootstrap-icons';
24		position: absolute;
25		margin-left: -56px;
26		font-size: 46px;
27		margin-top: -16px;
28	}
29
30	div.wrap_info {
31	  background-color: rgba(13, 202, 240, 0.25);
32	}
33
34	div.wrap_info::before {
35	  content: '\F431';
36	  color: rgb(13, 202, 240);
37	}
38
39	div.wrap_tip {
40	  background-color: rgba(255, 193, 7, 0.25);
41	}
42
43	div.wrap_tip::before {
44	  content: '\F46B';
45	  color: rgb(255, 193, 7);
46	}
47
48	div.wrap_important {
49	  background-color: rgba(253, 126, 20, 0.25);
50	}
51
52	div.wrap_important::before {
53	  content: '\F33B';
54	  color: rgb(253, 126, 20);
55	}
56
57	div.wrap_alert {
58	  background-color: rgba(220, 53, 69, 0.25);
59	}
60
61	div.wrap_alert::before {
62	  content: '\F627';
63	  color: rgb(220, 53, 69);
64	}
65
66	div.wrap_help {
67	  background-color: rgba(111, 66, 193, 0.25);
68	}
69
70	div.wrap_help::before {
71	  content: '\F505';
72	  color: rgb(111, 66, 193);
73	}
74
75	div.wrap_download {
76	  background-color: rgba(25, 135, 84, 0.25);
77	}
78
79	div.wrap_download::before {
80	  content: '\F30A';
81	  color: rgb(25, 135, 84);
82	}
83
84	div.wrap_todo {
85	  background-color: rgba(32, 201, 151, 0.25);
86	}
87
88	div.wrap_todo::before {
89	  content: '\F2D2';
90	  color: rgb(32, 201, 151);
91	}
92
93	.wrap_button {
94
95        a {
96            -webkit-text-size-adjust: 100%;
97            word-wrap: break-word;
98            margin: 2px;
99            padding: 10px 20px !important;
100            border: none!important;
101            background: @ini_theme_color !important;
102            color: @ini_background !important;
103            font-size: 14px;
104            line-height: 1.5;
105            font-weight: bold;
106            text-transform: uppercase;
107            cursor: pointer;
108            -webkit-appearance: button;
109            box-sizing: border-box;
110            border-radius: 20px !important;
111            vertical-align: middle;
112            text-decoration: none;
113        }
114    }
115
116	.wrap_button a:visited,
117	.centeralign a:visited {
118		background-color: @ini_theme_color !important;
119		color: @ini_background !important;
120		border-radius: 20px !important;
121		border: none !important;
122		padding: 10px 20px !important;
123	}
124
125	.wrap_float-right {
126	  float: right;
127	}
128	.wrap_float-left {
129	  float: left;
130	}
131}
132