-29 Removals
+214 Additions

Created by:phpboost

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
1/* -- Profile User -- */ 6/* -- Profile User -- */
2/* ------------------ */ 7/* ------------------ */
3ul#profile-container { 8ul#profile-container {
4 margin: 30px auto; 9 margin: 2em auto;
5 width: 99%; 10 width: 99%;
6 list-style-type: none; 11 list-style-type: none;
7 margin-left: -7px; 12 margin-left: -0.456em;
8} 13}
9 14
10ul#profile-container li { 15ul#profile-container li {
11 margin: 10px 0 0 7px; 16 margin: 0.618em 0 0 0.456em;
12 padding: 10px; 17 padding: 0.618em;
13 text-align: center; 18 text-align: center;
14} 19}
15 20
16@media (min-width: 769px) { 21@media (min-width: 769px) {
17 ul#profile-container li { 22 ul#profile-container li {
18 width: calc(100% / 3 - 7px); 23 width: calc(100% / 3 - 0.456em);
19 } 24 }
20 25
21 .profile-element-title { 26 .profile-element-title {
22 display: block; 27 display: block;
23 } 28 }
24} 29}
25 30
26@media (max-width: 768px) { 31@media (max-width: 768px) {
27 .profile-element-title { 32 .profile-element-title {
28 padding-left: 7px; 33 padding-left: 0.456em;
29 } 34 }
30} 35}
31 36
32.preview-img { 37.preview-img {
33 max-height: 180px; 38 max-height: 180px;
34 vertical-align: top; 39 vertical-align: top;
35} 40}
36 41
37.user-agreement { 42.user-agreement {
38 width: 90%; 43 width: 90%;
39 max-width: none; 44 max-width: none;
40 max-height: 250px; 45 max-height: 250px;
41 overflow-y: auto !important; 46 overflow-y: auto !important;
42} 47}
43 48
44.user-group-select { 49.user-group-select {
45 margin-bottom: 20px; 50 margin-bottom: 1.309em;
46} 51}
47 52
48.user-group-select fieldset { 53.user-group-select fieldset {
49 margin: 0; 54 margin: 0;
50} 55}
51 56
52.user-group-select label { 57.user-group-select label {
53 width: auto; 58 width: auto;
54 vertical-align: middle; 59 vertical-align: middle;
55} 60}
56 61
57 62
58/* -- Contribution -- */ 63/* -- Contribution -- */
59/* ------------------ */ 64/* ------------------ */
60#module-user-contribution-list hr { 65#module-user-contribution-list hr {
61 margin: 20px 0; 66 margin: 1.309em 0;
62} 67}
63 68
64.module-contribution-element { 69.module-contribution-element {
65 float: left; 70 float: left;
66 margin: 20px 0; 71 margin: 1.309em 0;
67 text-align: center; 72 text-align: center;
68} 73}
69 74
70.unprocessed-contribution { 75.unprocessed-contribution {
71 margin: auto; 76 margin: auto;
72 width: 300px; 77 width: 300px;
73 overflow: hidden; 78 overflow: hidden;
74 text-align: center; 79 text-align: center;
75} 80}
76 81
77.unprocessed-contribution div { 82.unprocessed-contribution div {
78 float: left; 83 float: left;
79 width: 50%; 84 width: 50%;
80} 85}
81 86
82#module-user-moderation-panel .content { 87#module-user-moderation-panel .content {
83 padding-bottom: 75px; 88 padding-bottom: 75px;
84} 89}
85 90
86#module-user-moderation-panel .bt td:before { 91#module-user-moderation-panel .bt td:before {
87 display: none; 92 display: none;
88} 93}
89 94
90#module-user-moderation-panel .bt-content { 95#module-user-moderation-panel .bt-content {
91 display: block; 96 display: block;
92 width: 100%; 97 width: 100%;
93 text-align: center; 98 text-align: center;
94} 99}
95 100
96.contribution-module-container { 101.contribution-module-container {
97 float: left; 102 float: left;
98 margin: 20px 0; 103 margin: 1.309em 0;
99 text-align: center; 104 text-align: center;
100} 105}
101 106
102.convers-announce { 107.convers-announce {
103 padding-right: 0; 108 padding-right: 0;
104} 109}
105 110
106.convers-title { 111.convers-title {
107 width: 50%; 112 width: 50%;
108 text-align: left; 113 text-align: left;
109} 114}
110 115
111table.announce-legend td { 116table.announce-legend td {
112 width: 33%; 117 width: 33%;
113} 118}
114 119
115@media (min-width: 769px) {
116 .post-pm {
117 margin: auto;
118 width: 80%;
119 }
120}
121
122.available-modules-msg { 120.available-modules-msg {
123 margin-bottom: 15px; 121 margin-bottom: 1em;
124 text-align: center; 122 text-align: center;
125} 123}
126 124
127 125
128/* -- Error 403/404 -- */ 126/* -- Error 403/404 -- */
129/* ------------------- */ 127/* ------------------- */
130#module-user-error-403 .content, 128#module-user-error-403 .content,
131#module-user-error-404 .content { 129#module-user-error-404 .content {
132 text-align: center; 130 text-align: center;
133 font-size: 1.5em; 131 font-size: 1.482em;
134} 132}
135 133
136#module-user-error-403 .fa-warning:before, 134#module-user-error-403 .fa-warning:before,
137#module-user-error-404 .fa-warning:before { 135#module-user-error-404 .fa-warning:before {
138 content: "\f071"; 136 content: "\f071";
139} 137}
140 138
141#module-user-error-403 .fa-warning, 139#module-user-error-403 .fa-warning,
142#module-user-error-404 .fa-warning { 140#module-user-error-404 .fa-warning {
143 display: block; 141 display: block;
144 margin: 40px auto 20px auto; 142 margin: 0.618em auto 0.309em auto;
145 color: #C19954; 143 color: #C19954;
146} 144}
147 145
148#module-user-error-403 .message-error, 146#module-user-error-403 .message-error,
149#module-user-error-404 .message-error { 147#module-user-error-404 .message-error {
150 padding: 20px 0; 148 padding: 1.309em 0;
151} 149}
152 150
153#module-user-error-403 .type-error, 151#module-user-error-403 .type-error,
154#module-user-error-404 .type-error { 152#module-user-error-404 .type-error {
155 padding: 10px 0; 153 padding: 0.618em 0;
156}154}
155
156
157 #module-user-group-list header h1 {
158 margin-top: 1.309em;
159 text-align: left;
160 }
161
162 #module-user-group-list > .content {
163 margin: 2em 0;
164 }
165
166/* -- groupe -- */
167/* ---------------- */
168.group-container {
169 display: flex;
170 display: -ms-flexbox;
171 display: -webkit-flex;
172 flex-direction: column;
173 -ms-flex-direction: column;
174 -webkit-flex-direction: column;
175}
176
177.groups-list-container > header {
178 text-align: center;
179}
180
181.list-members-container {
182 flex: 0 0 auto;
183 -ms-flex: 0 0 auto;
184 -webkit-flex: 0 0 auto;
185}
186
187.list-members-container > header {
188 margin: 0;
189 padding: 0;
190}
191
192.list-members-container > header h2 {
193 font-size: 1.618em;
194}
195
196.list-members-container > .content {
197 display: flex;
198 display: -ms-flexbox;
199 display: -webkit-flex;
200 overflow: hidden;
201 padding: 0;
202 max-height: 0;
203 transition: 0.3s ease;
204}
205
206.list-members-container.selected > .content {
207 max-height: 9999px;
208 padding: 0.456em;
209}
210
211.list-admins-container {
212 order : 2;
213 -ms-flex-order: 2;
214 -webkit-flex-order: 2;
215}
216
217.list-modos-container {
218 order : 3;
219 -ms-flex-order: 3;
220 -webkit-flex-order: 3;
221}
222
223.list-members-container {
224 order : 4;
225 -ms-flex-order: 4;
226 -webkit-flex-order: 4;
227}
228
229.list-group-container.reorder-top {
230 order : 1;
231 -ms-flex-order: 1;
232 -webkit-flex-order: 1;
233}
234
235.list-members-container-action {
236 float: right;
237 font-size: 0.618em;
238}
239
240.list-members-container-action a {
241 width: 25px;
242 height: 25px;
243 text-align: center;
244 font-size: 0.809em;
245}
246
247.list-members-container-action i {
248 vertical-align: middle;
249}
250
251.action-less { display: none; }
252.selected .action-less { display: inline-block; }
253
254.action-more { display: inline-block; }
255.selected .action-more { display: none; }
256
257.group-button {
258 opacity: 0.5;
259 display: inline-block;
260}
261
262.group-button.selected {
263 opacity: 1;
264}
265
266.group-has-img {
267 max-width: 150px;
268}
269
270.user-card,
271.user-card header,
272.user-card .content {
273 margin: 0;
274 padding: 0;
275}
276
277.user-card {
278 border-width: 2px;
279}
280
281@media (min-width: 1370px) {
282 .elements-container > .user-card { width: calc(100% / 3.1); }
283}
284
285@media (min-width: 590px) and (max-width: 1369px) {
286 #module-user-group-list .elements-container,
287 #module-user-groups-list .elements-container {
288 flex-direction: row;
289 -ms-flex-direction: row;
290 -webkit-flex-direction: row;
291 }
292 .elements-container > .user-card { width: calc(100% / 2.3); }
293}
294
295@media (max-width: 591px) {
296 .elements-container > .user-card { width: calc(100%); }
297}
298
299.user-card .content {
300 display: flex;
301 display: -ms-flexbox;
302 display: -webkit-flex;
303 height: 100%;
304}
305
306.user-card .content:after,
307.user-card .content:before {
308 display: none;
309}
310
311.user-card .avatar-container {
312 margin: 0.809em 0.456em 0.809em 0.456em;
313 flex: 0 0 90px;
314 -ms-flex: 0 0 90px;
315 -webkit-flex: 0 0 90px;
316}
317
318.user-level {
319 margin-top: 1em;
320 padding-left: 0.456em;
321 text-transform: capitalize;
322}
323
324.user-pseudo,
325.user-extended-field {
326 padding-left: 0.456em;
327}
328
329.user-extended-field {
330 font-size: 0.809em;
331 text-align: left;
332}
333
334.infos-container {
335 border-width: 0 0 0 8px;
336 border-style: solid;
337 flex: 1 1 auto;
338 -ms-flex: 1 1 auto;
339 -webkit-flex: 1 1 auto;
340 margin: -1px -1px -1px 0;
341}
Editor
Original Text
Changed Text
Recommended videos