-195 Removals
+125 Additions

Created by:phpboost

1/** BBcode **/ 1/*
2* Surchargez ce fichier dans votre thème pour personnaliser le module
3* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
4*/
5
2.bbcode { 6.bbcode {
3 position: relative; 7 position: relative;
4 display: table; 8 display: table;
5 margin: 5px auto -5px auto; 9 margin: 0.309em auto -0.309em auto;
6 width: 99%; 10 width: 99%;
7 background-color: #EEEEEE; 11 border-width: 1px 1px 0;
8 border: 1px solid #BBBBBB; 12 border-style: solid;
9} 13}
10 14
11.bbcode-containers { 15.bbcode-containers {
12 display: table-cell; 16 display: table-cell;
13 font-size: 0; 17 font-size: 0;
14} 18}
15 19
16.bbcode-container { 20.bbcode-container {
17 display: inline-block; 21 display: inline-block;
18 margin: 2px 0 2px 0; 22 margin: 0;
19 padding: 0; 23 padding: 0.1618em;
20 border-right: 1px solid #CECECE; 24 border-width: 1px;
21} 25 border-style: solid;
22 26 border-color: transparent;
23@media (min-width: 769px) {
24 .bbcode-container {
25 position: relative;
26 }
27} 27}
28 28
29.bbcode-container:after { 29.bbcode-container:after {
30 position: absolute; 30 position: absolute;
31 top: 0;
31 right: -2px; 32 right: -2px;
32 height: 24px; 33 height: 100%;
33 width: 1px; 34 width: 1px;
34 content: ""; 35 content: "";
35 background: #FFFFFF; 36}
37
38@media (min-width: 769px) {
39 .bbcode-container { position: relative; }
36} 40}
37 41
38.bbcode-elements { 42.bbcode-elements {
39 display: inline-block; 43 display: inline-block;
40 height: 24px; 44 font-size: 1.456rem;
41} 45}
42 46
43@media (min-width: 769px) { 47@media (min-width: 769px) {
44 .bbcode-elements { 48 .bbcode-elements {
45 position: relative; 49 position: relative;
46 } 50 }
47} 51}
48 52
53/* Icones de la barre BBCode */
49.bbcode-elements > a { 54.bbcode-elements > a {
50 display: inline-block; 55 display: inline-block;
51 height: 22px; 56 font-size: 1.456rem;
52 border: 1px solid transparent; 57 padding: 0.309em;
53} 58 text-align: center;
54 59 vertical-align: 0;
55.bbcode .bbcode-elements > a {
56 margin: 1px 2px;
57 padding: 2px 2px 0 2px;
58 width: 23px;
59} 60}
60 61
61.bbcode-elements > a:hover { 62.bbcode-elements > a:hover {
62 color: #222222;
63 text-decoration: none; 63 text-decoration: none;
64} 64}
65 65
66.bbcode .bbcode-elements > a:hover {
67 background-image: linear-gradient(#F8F8F8, #F1F1F1);
68 border: 1px solid #C6C6C6;
69 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
70 border-radius: 3px;
71}
72
73.bbcode-elements a,
74.bbcode-block-container {
75 font-size: 1.3rem;
76}
77
78.bbcode-elements-more { 66.bbcode-elements-more {
79 display: table-cell; 67 display: table-cell;
80 margin: auto; 68 margin: auto;
81 width: 20px; 69 width: 1.309em;
82 vertical-align: middle; 70 vertical-align: middle;
83 font-size: 1rem; 71 font-size: 1rem;
84 text-align: center; 72 text-align: center;
85} 73}
86 74
87.bbcode .bbcode-elements-more a { 75.bbcode-backspace {display: none;}
88 padding: 0;
89 width: 20px;
90}
91
92.bbcode-elements-more a {
93 margin: 3px 0;
94 padding: 0;
95 width: 18px;
96 height: 18px;
97}
98
99.bbcode-elements-more .fa { color: #AAAAAA; }
100.bbcode-elements-more:hover .fa { color: #111111; }
101
102.bbcode-hover,
103.bbcode-elements a,
104.bbcode-elements i {
105 cursor: pointer;
106}
107 76
108@media (max-width: 768px) { 77@media (min-width: 769px) {
109 .bbcode-backspace { 78 .bbcode-backspace {
110 display: none; 79 display: block;
111 } 80 }
112} 81}
113 82
114.bbcode-block-container { 83.bbcode-block-container {
115 position: absolute; 84 position: absolute;
116 top: 26px; 85 top: 120%;
117 left: -4px; 86 left: 0;
118 bottom: 0; 87 bottom: 0;
119 margin: 0; 88 margin: 0;
120 padding: 0; 89 padding: 0;
121 z-index: 20; 90 z-index: 20;
122 text-align: center; 91 text-align: center;
123} 92}
124 93
125.bbcode-block { 94.bbcode-block {
126 margin: 0; 95 margin: 0;
127 background-color: #F3F3F3; 96}
128 border: 1px solid #AAAAAA; 97
129 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 98.bbcode-block .form-element{
99 width: 100%;
100 -webkit-flex-direction: row;
101 -ms-flex-direction: row;
102 flex-direction: row;
103 -webkit-justify-content: space-between;
104 -ms-flex-pack: justify;
105 justify-content: space-between;
106 -webkit-align-content: space-between;
107 -ms-flex-line-pack: justify;
108 align-content: space-between;
130} 109}
131 110
132.bbcode-block a { 111.bbcode-block a {
133 cursor: pointer;
134 text-decoration: none; 112 text-decoration: none;
135} 113}
136 114
137@media (max-width: 768px) { 115@media (max-width: 768px) {
138 .bbcode-block-container { 116 .bbcode-block-container {
139 top: 0; 117 top: 0;
140 left: 0; 118 left: 0;
141 bottom: 0; 119 bottom: 0;
142 right: 0; 120 right: 0;
143 } 121 }
144} 122}
145 123
146@media (min-width: 769px) { 124@media (min-width: 769px) {
147 .bbcode-block-container:before,
148 .bbcode-block-container:after { 125 .bbcode-block-container:after {
149 position: absolute; 126 position: absolute;
150 content: " "; 127 content: " ";
151 border-style: solid; 128 border-style: solid;
152 border-color: transparent;
153 }
154
155 .bbcode-block-container:before {
156 top: -8px;
157 left: 8px;
158 border-width: 0 9px 9px 9px;
159 border-bottom-color: #AAAAAA;
160 } 129 }
161 130
162 .bbcode-block-container:after { 131 .bbcode-block-container:after {
163 left: 9px; 132 left: 5px;
164 top: -7px; 133 top: -7px;
165 border-width: 0 8px 8px 8px; 134 border-width: 0 8px 8px 8px;
166 border-bottom-color: rgba(250, 250, 250, 1); 135 }
167 }
168} 136}
169 137
170.bbcode-block-smileys, 138.bbcode-block-smileys,
171.bbcode-block-fa { 139.bbcode-block-fa {
172 max-height: 230px; 140 max-height: 230px;
173 padding: 4px 0px 2px 3px; 141 padding: 0.228em;
174 overflow-y: auto; 142 overflow-y: auto;
175 text-align: left; 143 text-align: center;
176} 144}
177 145
178.bbcode-block-smileys li, 146.bbcode-block-smileys li,
179.bbcode-block-fa li { 147.bbcode-block-fa li {
180 display: inline-block; 148 display: inline-block;
181} 149}
182 150
183.bbcode-block-fa li { 151.bbcode-block-fa li {
184 padding: 1px 2px; 152 padding: 0.1618em;
185 width: 20px; 153 width: 1.309em;
186} 154}
187 155
188.bbcode-block-smileys li a, 156.bbcode-block-smileys li a,
189.bbcode-block-fa li a { 157.bbcode-block-fa li a {
190 display: block; 158 display: block;
191} 159}
192 160
193@media (max-width: 768px) { 161@media (max-width: 768px) {
194 .bbcode-block-smileys li a { 162 .bbcode-block-smileys li a {
195 padding: 10px; 163 padding: 0.309em 0.618em;
196 } 164 }
197 165
198 .bbcode-block-smileys { 166 .bbcode-block-smileys {
199 max-height: 300px; 167 max-height: 300px;
200 } 168 }
201 169
202 .bbcode-block-fa li { 170 .bbcode-block-fa li {
203 padding: 7px; 171 padding: 0.456em;
204 width: 29px; 172 width: 29px;
205 } 173 }
206 174
207 .bbcode-block-fa { 175 .bbcode-block-fa {
208 max-height: 400px; 176 max-height: 400px;
209 } 177 }
210} 178}
211 179
212.bbcode-block-container.color-picker table { 180.bbcode-block-container.color-picker table {
213 width: auto; 181 width: auto;
214} 182}
215 183
216@media (max-width: 768px) { 184.bbcode-block-container.color-picker td a {
217 .bbcode-block-container.color-picker td a { 185 height: 32px;
218 height: 32px; 186 width: 32px;
219 width: 32px;
220 }
221} 187}
222 188
223 189.bbcode-block-list li {
224.bbcode-block-list { 190 display: block;
225 margin: 0;
226 padding: 3px 0;
227 overflow: visible;
228} 191}
229 192
230.bbcode-block-list li,
231.bbcode-block-list li a { 193.bbcode-block-list li a {
232 display: block; 194 display: block;
233 padding: 2px 0 2px 4px; 195 padding: 0.228em;
234 cursor: pointer; 196 text-align: center;
235 text-align: left;
236} 197}
237 198
238.bbcode-block-code { 199.bbcode-block-code {
239 margin: 0;
240 padding: 0;
241 height: 300px; 200 height: 300px;
242 overflow-y: scroll; 201 overflow-y: scroll;
243} 202}
244 203
245.bbcode-block-code > ul { 204.bbcode-block-code > ul {
246 margin-left: 0; 205 margin-left: 0;
247} 206}
248 207
249.bbcode-block-code li { 208.bbcode-block-code li {
250 padding: 0 0 0 12px; 209 padding: 0.228em;
251}
252
253.bbcode-block-list li:hover {
254 background-color: rgba(0, 0, 0, 0.05);
255} 210}
256 211
257.bbcode-block-list li.bbcode-code-title { 212.bbcode-block-list li.bbcode-code-title {
258 margin: 3px 10px 1px 5px; 213 padding: 0.309em 0 0;
259 padding: 6px 0 1px 2px;
260 border-bottom: 1px solid #DFDFDF;
261}
262
263.bbcode-block-list li.bbcode-code-title:hover {
264 background: none;
265 cursor: auto;
266}
267
268.bbcode-block-list li.bbcode-code-title span {
269 color: #666666;
270 font-weight: bold; 214 font-weight: bold;
271} 215}
272 216
273.bbcode-block .form-element { 217#bbcode-expanded .form-element {
274 margin: 2px 7px; 218 margin: 0 !important;
219 padding: 0.309em 0;
275} 220}
276 221
277@media (max-width: 768px) { 222.bbcode-block .form-element label.smaller {
278 .bbcode-block .form-element { 223 font-size: 0.809em;
279 margin: 2px auto;
280 width: 150px;
281 }
282}
283
284
285.bbcode-block .form-element label {
286 padding-right: 0;
287 width: 70%; 224 width: 70%;
288 vertical-align: middle; 225 padding: 0;
289 color: #555555;
290 text-align: left;
291} 226}
292 227
293.bbcode-block .form-element .form-field { 228.bbcode-block .form-element .form-field {
294 width: 23%; 229 width: 23%;
295} 230}
296 231
297.bbcode-block .form-element input { 232.bbcode-block .form-element input {
298 padding: 2px 5px; 233 padding: 0 0.309em;
299} 234}
300 235
301.bbcode-form-element-text { 236.bbcode-form-element-text {
302 margin: 10px 5px 5px 5px; 237 padding: 0.309em;
303 padding: 5px 5px 0 5px;
304 border-top: 1px solid #BEBEBE;
305 text-align: center; 238 text-align: center;
306 } 239 }
307 240
308.bbcode-block-fonts { 241.bbcode-block-fonts {
309 height: 300px; 242 height: 300px;
310 overflow-y: scroll; 243 overflow-y: scroll;
311} 244}
312 245
313@media (min-width: 769px){ 246@media (min-width: 769px){
314 .bbcode-block-fonts { width: 120px; } 247 .bbcode-block-fonts { width: 120px; }
315 .bbcode-block-title { width: 70px; } 248 .bbcode-block-title { width: 70px; }
316 .bbcode-block-ul { width: 150px; } 249 .bbcode-block-ul { width: 150px; }
317 .bbcode-block-block { width: 100px; } 250 .bbcode-block-block { width: 100px; }
318 .bbcode-block-message { width: 110px; } 251 .bbcode-block-message { width: 110px; }
319 .bbcode-block-size { width: 40px; } 252 .bbcode-block-size { width: 40px; }
320 .bbcode-block-hide { width: 90px; } 253 .bbcode-block-hide { width: 90px; }
321 .bbcode-block-table { width: 160px; } 254 .bbcode-block-table { width: 160px; }
322 .bbcode-block-code { width: 130px; } 255 .bbcode-block-code { width: 130px; }
323 .bbcode-block-smileys { width: 188px; } 256 .bbcode-block-smileys { width: 188px; }
324 .bbcode-block-fa { width: 272px; } 257 .bbcode-block-fa { width: 272px; }
325 .bbcode-block-aligns { width: 120px; } 258 .bbcode-block-aligns { width: 120px; }
326 .bbcode-block-positions { width: 120px; } 259 .bbcode-block-positions { width: 120px; }
327} 260}
328 261
329 262
330.bbcode-forbidden, 263.bbcode-forbidden,
331.bbcode-forbidden i { 264.bbcode-forbidden i {
332 opacity: 0.3 !important; 265 opacity: 0.3 !important;
333 cursor: not-allowed !important; 266 cursor: not-allowed !important;
334} 267}
335 268
336/* Icones de la barre BBCode */ 269.bbcode-icon-anchor:before { content: "\f13d"; } /* copy anchor */
337.bbcode a, 270.bbcode-icon-bold:before { content: "\f032"; } /* copy bold */
338.bbcode .fa { 271.bbcode-icon-italic:before { content: "\f033"; } /* copy italic */
339 color: #555555; 272.bbcode-icon-underline:before { content: "\f0cd"; } /* copy underline */
340 text-align: center; 273.bbcode-icon-strike:before { content: "\f0cc"; } /* copy strikethrough */
341 vertical-align: 0; 274.bbcode-icon-smileys:before { content: "\f118"; } /* copy smile */
342} 275.bbcode-icon-title:before { content: "\f022"; } /* copy list-alt */
276.bbcode-icon-subtitle:before { content: "\f0c8"; } /* copy square, regular font */
277.bbcode-icon-style:before { content: "\f071"; } /* copy exclamation-triangle */
278.bbcode-icon-url:before { content: "\f0ac"; } /* copy globe */
279.bbcode-icon-image:before { content: "\f03e"; } /* copy image, regular font */
280.bbcode-icon-lightbox:before { content: "\f030"; } /* copy camera */
281.bbcode-icon-quote:before { content: "\f10d"; } /* copy quote-left */
282.bbcode-icon-hide:before { content: "\f070"; } /* copy eye-slash */
283.bbcode-icon-list:before { content: "\f03a"; } /* copy list */
284.bbcode-icon-color:before { content: "\f043"; } /* copy tint */
285.bbcode-icon-size:before { content: "\f034"; } /* copy text-height */
286.bbcode-icon-font:before { content: "\f031"; } /* copy font */
287.bbcode-icon-minus:before { content: "\f068"; } /* copy minus */
288.bbcode-icon-plus:before { content: "\f067"; } /* copy plus */
289.bbcode-icon-more:before { content: "\f0dc"; } /* copy sort */
290.bbcode-icon-left:before { content: "\f036"; } /* copy align-left */
291.bbcode-icon-center:before { content: "\f037"; } /* copy align-center */
292.bbcode-icon-right:before { content: "\f038"; } /* copy align-right */
293.bbcode-icon-justify:before { content: "\f039"; } /* copy align-justify */
294.bbcode-icon-float-left:before { content: "\f048"; } /* copy step-backward */
295.bbcode-icon-float-right:before { content: "\f051"; } /* copy step-forward */
296.bbcode-icon-sup:before { content: "\f12b"; } /* copy superscript */
297.bbcode-icon-sub:before { content: "\f12c"; } /* copy subscript */
298.bbcode-icon-indent:before { content: "\f03c"; } /* copy indent */
299.bbcode-icon-table:before { content: "\f0ce"; } /* copy table */
300.bbcode-icon-flash:before { content: "\f144"; } /* copy play-circle, regular font */
301.bbcode-icon-movie:before { content: "\f008"; } /* copy film */
302.bbcode-icon-youtube:before { content: "\f167"; } /* copy youtube, brands font */
303.bbcode-icon-sound:before { content: "\f001"; } /* copy music */
304.bbcode-icon-code:before { content: "\f121"; } /* copy code */
305.bbcode-icon-math:before { content: "\f136"; } /* copy maxcdn, brands font */
306.bbcode-icon-html:before { content: "\f13b"; } /* copy html5, brands font */
307.bbcode-icon-help:before { content: "\f059"; } /* copy question-circle */
308.bbcode-icon-upload:before { content: "\f382"; } /* copy cloud-upload-alt */
309.bbcode-icon-fa:before { content: "\f425"; } /* copy font-awesome-flag, brands font */
310.bbcode-icon-mail:before { content: "\f0e0"; } /* copy envelope */
311.bbcode-icon-feed:before { content: "\f09e"; } /* copy rss */
312.bbcode-icon-bgcolor:before { content: "\f1fc"; } /* copy paint-brush */
343 313
344.bbcode-icon-anchor:before { content: "\f13d"; } 314.bbcode-icon-flash,
345.bbcode-icon-bold:before { content: "\f032"; } 315.bbcode-icon-image,
346.bbcode-icon-italic:before { content: "\f033"; } 316.bbcode-icon-title,
347.bbcode-icon-underline:before { content: "\f0cd"; } 317.bbcode-icon-smileys,
348.bbcode-icon-strike:before { content: "\f0cc"; } 318.bbcode-icon-subtitle {
349.bbcode-icon-smileys:before { content: "\f118"; } 319 font-weight: 400;
350.bbcode-icon-title:before { content: "\f022"; } 320}
351.bbcode-icon-subtitle:before { content: "\f096"; }
352.bbcode-icon-style:before { content: "\f071"; }
353.bbcode-icon-url:before { content: "\f0ac"; }
354.bbcode-icon-image:before { content: "\f03e"; }
355.bbcode-icon-lightbox:before { content: "\f030"; }
356.bbcode-icon-quote:before { content: "\f10d"; }
357.bbcode-icon-hide:before { content: "\f070"; }
358.bbcode-icon-list:before { content: "\f03a"; }
359.bbcode-icon-color:before { content: "\f043"; }
360.bbcode-icon-size:before { content: "\f034"; }
361.bbcode-icon-font:before { content: "\f031"; }
362.bbcode-icon-minus:before { content: "\f068"; }
363.bbcode-icon-plus:before { content: "\f067"; }
364.bbcode-icon-more:before { content: "\f0dc"; }
365.bbcode-icon-left:before { content: "\f036"; }
366.bbcode-icon-center:before { content: "\f037"; }
367.bbcode-icon-right:before { content: "\f038"; }
368.bbcode-icon-justify:before { content: "\f039"; }
369.bbcode-icon-float-left:before { content: "\f048"; }
370.bbcode-icon-float-right:before { content: "\f051"; }
371.bbcode-icon-sup:before { content: "\f12b"; }
372.bbcode-icon-sub:before { content: "\f12c"; }
373.bbcode-icon-indent:before { content: "\f03c"; }
374.bbcode-icon-table:before { content: "\f0ce"; }
375.bbcode-icon-flash:before { content: "\f01d"; }
376.bbcode-icon-movie:before { content: "\f008"; }
377.bbcode-icon-youtube:before { content: "\f167"; }
378.bbcode-icon-sound:before { content: "\f001"; }
379.bbcode-icon-code:before { content: "\f121"; }
380.bbcode-icon-math:before { content: "\f136"; }
381.bbcode-icon-html:before { content: "\f13b"; }
382.bbcode-icon-help:before { content: "\f059"; }
383.bbcode-icon-upload:before { content: "\f0ee"; }
384.bbcode-icon-fa:before { content: "\f024"; }
385.bbcode-icon-mail:before { content: "\f0e0"; }
386.bbcode-icon-feed:before { content: "\f09e"; }
387.bbcode-icon-bgcolor:before { content: "\f1fc"; }
388 321
389/* Icones modifications size or color */ 322/* Icones modifications size or color */
390.bbcode-icon-math:before { 323.bbcode-icon-math:before {
391 font-size: 0.8em; 324 font-size: 0.8em;
392} 325}
393 326
394.bbcode-icon-plus:before, 327.bbcode-icon-plus:before,
395.bbcode-icon-minus:before { 328.bbcode-icon-minus:before {
396 font-size: 0.7em; 329 font-size: 0.7em;
397} 330}
398 331
399.bbcode-icon-more:before { 332.bbcode-icon-more:before {
400 font-size: 0.8em; 333 font-size: 0.8em;
401} 334}
Editor
Original Text
Changed Text
Recommended videos