1 | section#main * {
| 1 | /*
|
2 | box-sizing: content-box;
| 2 | * Surchargez ce fichier dans votre thème pour personnaliser le module
|
3 | }
| 3 | * https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
|
4 |
| 4 | */
|
5 | /* -- header =============================================================== */
| | |
6 | header#forum-top {
| | |
7 | margin: 5px 0 15px 0;
| | |
8 | padding: 8px;
| | |
9 | background-color: #EEEEEE;
| | |
10 | border: 1px solid #DDDDDD;
| | |
11 | }
| | |
12 |
| | |
13 | header#forum-top h1 {
| | |
14 | padding: 0.7em 0.5em 1em 0.5em;
| | |
15 | border-bottom: none;
| | |
16 | font-size: 1.5rem;
| | |
17 | }
| | |
18 |
| | |
19 | header#forum-top .forum-links {
| | |
20 | border-top: 1px solid #CCCCCC;
| | |
21 | }
| | |
22 |
| | |
23 | /* --- menu index ========================================================= */
| | |
24 | .forum-index {
| | |
25 | display: none;
| | |
26 | }
| | |
27 |
| 5 |
|
28 | @media (min-width: 769px) {
| 6 | /* -- header
|
29 | .forum-index {
| 7 | ============================================================================= */
|
30 | display: block;
| 8 | #forum-top {
|
31 | }
| 9 | padding: 0.456em;
|
32 | }
| 10 | }
|
33 |
| 11 |
|
34 | .forum-links .cssmenu .menu-button {
| 12 | #forum-top h1 {
|
35 | color: #999999 !important;
| 13 | font-size: 1.618em;
|
| | 14 | text-align: left;
|
36 | }
| 15 | }
|
37 |
| 16 |
|
38 | .forum-links .cssmenu .menu-button::after {
| 17 | /* --- Forum table --- */
|
39 | border-color: #999999;
| 18 | #module-forum table.bt tbody td.forum-last-topic .bt-content {
|
| | 19 | max-width: 63%;
|
40 | }
| 20 | }
|
41 |
| 21 |
|
42 | .forum-links .cssmenu .menu-button::before {
| 22 | #module-forum table tbody td .bt-content span {
|
43 | background-color: #999999;
| 23 | display: block;
|
| | 24 | text-align: left;
|
| | 25 | padding: 0.1618em
|
44 | }
| 26 | }
|
45 |
| 27 |
|
46 | .forum-links .cssmenu .menu-button.menu-opened:after,
| 28 | #module-forum table.bt tbody tr:last-child td:last-child {
|
47 | .forum-links .cssmenu .menu-button.menu-opened:before,
| 29 | border-width: 0 0 1px;
|
48 | header .forum-links .cssmenu .menu-button.menu-opened:after,
| | |
49 | header .forum-links .cssmenu .menu-button.menu-opened:before {
| | |
50 | background-color: #999999;
| | |
51 | }
| 30 | }
|
52 |
| 31 |
|
53 | .forum-links .cssmenu{
| 32 | #module-forum header h2 > i,
|
54 | margin-top: 5px;
| 33 | .footer-forum > i {
|
| | 34 | font-size: 0.618em;
|
55 | }
| 35 | }
|
56 |
| 36 |
|
57 | .forum-links .cssmenu i {
| 37 | @media (min-width: 769px) {
|
58 | padding-bottom: 3px;
| 38 | .forum-index {
|
| | 39 | display: block;
|
| | 40 | }
|
59 | }
| 41 | }
|
60 |
| 42 |
|
61 | .forum-links .cssmenu .small {
| 43 | .forum-links .cssmenu-group > ul > li .cssmenu-title,
|
62 | color: #334455;
| 44 | .forum-links .cssmenu-group > ul > li:hover .cssmenu-title {
|
63 | font-size: 1.1em;
| 45 | border: none;
|
| | 46 | background: none;
|
64 | }
| 47 | }
|
65 |
| 48 |
|
66 | .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
| 49 | .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
|
67 | padding: 8px 5px;
| 50 | padding: 0.309em 0.809em;
|
68 | letter-spacing: 0;
| 51 | letter-spacing: 0;
|
69 | }
| 52 | font-size: 1.482rem;
|
70 |
| | |
71 | .forum-links .cssmenu-group > ul > li {
| | |
72 | background: none;
| | |
73 | border: none;
| | |
74 | }
| | |
75 | .forum-links .cssmenu-group > ul > li:hover {
| | |
76 | background: none;
| | |
77 | border: none;
| | |
78 | }
| 53 | }
|
79 |
| 54 |
|
80 | /* -- details des pages ============================================================== */
| 55 | /* -- details des pages
|
| | 56 | ============================================================================= */
|
81 |
| 57 |
|
82 | /* --- pagination --- */
| 58 | /* --- pagination --- */
|
83 | article header ul.pagination,
| 59 | article header ul.pagination,
|
84 | article footer ul.pagination {
| 60 | article footer ul.pagination {
|
85 | display: inline;
| 61 | display: inline;
|
86 | }
| 62 | }
|
87 |
| 63 |
|
88 | /*--- details des topic --- */
| 64 | /*--- details des topic --- */
|
| | 65 | .user-group {
|
| | 66 | display: block;
|
| | 67 | }
|
| | 68 |
|
89 | .user-editor {
| 69 | .user-editor {
|
90 | padding: 10px;
| 70 | margin-top: 2.618em;
|
91 | font-size: 0.8em;
| 71 | padding: 0.618em 0;
|
| | 72 | font-size: 0.809em;
|
92 | font-style: italic;
| 73 | font-style: italic;
|
| | 74 | display: block;
|
93 | }
| 75 | }
|
94 |
| 76 |
|
95 | .forum-post-form .fieldset-submit {
| 77 | .forum-post-form .fieldset-submit {
|
96 | margin-bottom: 5px;
| 78 | margin-bottom: 0.309em;
|
97 | padding-top: 17px;
| 79 | padding-top: 1em;
|
98 | }
| 80 | }
|
99 |
| 81 |
|
100 | .error-auth-write-response {
| 82 | .error-auth-write-response {
|
101 | padding-bottom: 2px;
| 83 | padding-bottom: 0.1618;
|
102 | font-size: 0.8em;
| 84 | font-size: 0.809em;
|
103 | text-align: center;
| 85 | text-align: center;
|
104 | }
| 86 | }
|
105 |
| 87 |
|
106 | .error-auth-write {
| 88 | .error-auth-write {
|
107 | margin: auto;
| 89 | margin: auto;
|
108 | padding: 2px;
| 90 | padding: 0.1618;
|
109 | height: auto;
| 91 | height: auto;
|
110 | max-width: 300px;
| 92 | max-width: 300px;
|
111 | }
| 93 | }
|
112 |
| 94 |
|
113 | .forum-poll-table {
| 95 | .forum-poll-table {
|
114 | margin: 10px auto auto auto;
| 96 | margin: 0.618em auto auto auto;
|
115 | width: 80%;
| 97 | width: 80%;
|
116 | }
| 98 | }
|
117 |
| 99 |
|
118 |
| 100 |
|
119 | @media (max-width: 768px) {
| 101 | @media (max-width: 768px) {
|
120 | .forum-poll-table td {
| 102 | .forum-poll-table td {
|
121 | text-align: left;
| 103 | text-align: left;
|
122 | }
| 104 | }
|
123 | }
| 105 | }
|
124 |
| 106 |
|
125 | .del-msg {
| 107 | .del-msg {
|
126 | cursor:pointer;
| 108 | cursor:pointer;
|
127 | display:none;
| | |
128 | }
| 109 | }
|
129 |
| 110 |
|
130 | .edit-pseudo {
| 111 | .edit-pseudo {
|
131 | margin: 40px 0 20px;
| 112 | margin: 1.618em 0 1.309em;
|
132 | padding: 10px;
| 113 | padding: 0.618em;
|
133 | font-size: 1em;
| 114 | font-size: 1em;
|
134 | font-style: italic;
| 115 | font-style: italic;
|
135 | }
| 116 | }
|
136 |
| 117 |
|
137 | /* --- stats --- */
| 118 | /* --- stats --- */
|
138 | .forum-stats span {
| 119 | .forum-stats span {
|
139 | display: block;
| 120 | display: block;
|
140 | }
| 121 | }
|
141 |
| 122 |
|
142 | /* --- moderation --- */
| 123 | /* --- moderation --- */
|
143 | @media (min-width: 769px) {
| 124 | @media (min-width: 769px) {
|
144 | #article-forum-moderation #id-message-helper.notice {
| 125 | #article-forum-moderation #id-message-helper.notice {
|
145 | width: 80%;
| 126 | width: 80%;
|
146 | }
| 127 | }
|
147 | }
| 128 | }
|
148 |
| 129 |
|
149 | #article-forum-moderation textarea {
| 130 | #article-forum-moderation textarea {
|
150 | margin: 0 4px ;
| 131 | margin: 0 0.228em ;
|
151 | width: 99%;
| 132 | width: 99%;
|
152 | border-top: none;
| 133 | border-top: none;
|
153 | }
| 134 | }
|
154 |
| 135 |
|
| | 136 | .moderation-type-block {
|
| | 137 | display: block;
|
| | 138 | text-align: center;
|
| | 139 | }
|
| | 140 |
|
| | 141 | .moderation-type-block > span {
|
| | 142 | display: block;
|
| | 143 | }
|
| | 144 |
|
| | 145 |
|
155 | /* --- creation de topic --- */
| 146 | /* --- creation de topic --- */
|
156 | #add_poll_field_link {
| 147 | #add_poll_field_link {
|
157 | width: 185px;
| 148 | width: 185px;
|
158 | }
| 149 | }
|
159 |
| 150 |
|
160 |
| 151 |
|
161 | /* --- header du contenu de la page --- */
| 152 | /* --- header du contenu de la page --- */
|
162 | article header {
| 153 | .forum-contents header {
|
163 | padding: 8px;
| 154 | margin: 0;
|
164 | background-color: #EEEEEE;
| | |
165 | border: 1px solid #DDDDDD;
| | |
166 | }
| 155 | }
|
167 |
| 156 |
|
168 | article header h2 {
| 157 | .forum-contents header h2,
|
| | 158 | .footer-forum,
|
| | 159 | .forum-contents footer {
|
169 | border: none;
| 160 | border: none;
|
170 | font-size: 1.3rem;
| 161 | font-weight: 300;
|
171 | font-weight: normal;
| 162 | font-size: 1.382em;
|
172 | }
| 163 | }
|
173 |
| 164 |
|
174 | article header a {
| 165 | .footer-forum {
|
175 | color: #334455;
| 166 | padding: 0 0.618em;
|
| | 167 | }
|
| | 168 |
|
| | 169 | .forum-contents header a {
|
176 | font-size: 1em;
| 170 | font-size: 1em;
|
177 | }
| 171 | }
|
178 |
| 172 |
|
179 | article header a.basic-button {
| 173 | .forum-contents header a.basic-button,
|
180 | color: #FFFFFF;
| 174 | .footer-forum a.basic-button {
|
| | 175 | font-size: 0.618em;
|
| | 176 | }
|
| | 177 |
|
| | 178 | .forum-contents table {
|
| | 179 | margin-top: 0;
|
181 | }
| 180 | }
|
182 |
| 181 |
|
183 | ul.pagination a {
| 182 | ul.pagination a {
|
184 | padding: 6px;
| 183 | padding: 0.309em;
|
185 | }
| 184 | }
|
186 |
| 185 |
|
187 | @media (min-width: 769px) {
| 186 | @media (min-width: 769px) {
|
188 | ul.pagination a {
| 187 | ul.pagination a {
|
189 | padding: 3px;
| 188 | padding: 0.228em;
|
190 | }
| 189 | }
|
191 | }
| 190 | }
|
192 |
| 191 |
|
193 | .desc-forum {
| 192 | .desc-forum {
|
194 | font-size: 0.8em;
| 193 | font-size: 0.809em;
|
195 | }
| 194 | }
|
196 |
| 195 |
|
197 | /* --- Contenu de la page --- */
| 196 | /* --- Contenu de la page --- */
|
| | 197 | .forum-contents {
|
| | 198 | padding: 0 0.809em;
|
| | 199 | }
|
| | 200 |
|
198 | .content {
| 201 | .content {
|
199 | padding: 0;
| 202 | padding: 0;
|
200 | clear: both;
| 203 | clear: both;
|
201 | }
| 204 | }
|
202 |
| 205 |
|
203 |
| 206 |
|
204 | /* --- footer du contenu de la page --- */
| 207 | /* --- footer du contenu de la page --- */
|
205 | article footer {
| 208 | article footer {
|
206 | margin-top: 10px;
| 209 | margin-top: 0.618em;
|
207 | padding: 8px;
| 210 | padding: 0.456em;
|
208 | min-height: 33px;
| 211 | min-height: 33px;
|
209 | background-color: #EEEEEE;
| | |
210 | border: 1px solid #DDDDDD;
| | |
211 | }
| 212 | }
|
212 |
| 213 |
|
213 | article footer a {
| 214 | article footer a {
|
214 | color: #334455;
| 215 | font-size: 0.809em;
|
215 | font-size: 13px;
| | |
216 | }
| 216 | }
|
217 |
| 217 |
|
218 | /* --- Classe du lien du pseudo sur forum --- */
| 218 | /* --- Classe du lien du pseudo sur forum --- */
|
219 | a.forum-link-pseudo {
| 219 | a.forum-link-pseudo {
|
220 | color: #E8EAEB;
| | |
221 | font-weight: bold;
| | |
222 | }
| | |
223 | a.forum-link-pseudo:hover {
| | |
224 | color: #F2FBFF;
| | |
225 | font-weight: bold;
| 220 | font-weight: bold;
|
226 | }
| 221 | }
|
227 |
| 222 |
|
228 | /* --- Messages non lus --- */
| 223 | /* --- Messages non lus --- */
|
229 | .forum-refresh {
| 224 | .forum-refresh {
|
230 | position: relative;
| 225 | position: relative;
|
231 | float: left;
| 226 | float: left;
|
232 | }
| 227 | }
|
233 |
| 228 |
|
234 | .forum-refresh #forum_block_forum_unread_top,
| 229 | .forum-refresh #forum_block_forum_unread_top,
|
235 | .forum-refresh #forum_block_forum_unread_bottom {
| 230 | .forum-refresh #forum_block_forum_unread_bottom {
|
236 | position: absolute;
| 231 | position: absolute;
|
237 | z-index: 100;
| 232 | z-index: 100;
|
238 | top: 100%;
| 233 | top: 100%;
|
239 | right: -150px;
| 234 | right: -150px;
|
240 | }
| 235 | }
|
241 |
| 236 |
|
242 | .forum-notread {
| 237 | .forum-notread {
|
243 | background-color: #f5f5f5;
| 238 | padding: 0.228em;
|
244 | padding: 4px;
| 239 | font-size: 0.809em;
|
245 | font-size: 0.8em;
| | |
246 | color: #366393;
| | |
247 | }
| 240 | }
|
248 |
| 241 |
|
249 | @media (max-width: 768px) {
| 242 | @media (max-width: 768px) {
|
250 | .forum-refresh #forum_block_forum_unread_top,
| 243 | .forum-refresh #forum_block_forum_unread_top,
|
251 | .forum-refresh #forum_block_forum_unread_bottom {
| 244 | .forum-refresh #forum_block_forum_unread_bottom {
|
252 | left: -34px;
| 245 | left: -34px;
|
253 | right: auto;
| 246 | right: auto;
|
254 | top: 20px;
| 247 | top: 20px;
|
255 | }
| 248 | }
|
256 |
| 249 |
|
257 | .forum-refresh #forum_block_forum_unread_top > div,
| 250 | .forum-refresh #forum_block_forum_unread_top > div,
|
258 | .forum-refresh #forum_block_forum_unread_bottom > div {
| 251 | .forum-refresh #forum_block_forum_unread_bottom > div {
|
259 | width: 300px !important;
| 252 | width: 300px !important;
|
260 | overflow: visible !important;
| 253 | overflow: visible !important;
|
261 | }
| 254 | }
|
262 |
| 255 |
|
263 | .forum-notread {
| 256 | .forum-notread {
|
264 | padding: 8px 4px;
| 257 | padding: 0.456em 0.228em;
|
265 | }
| 258 | }
|
266 | }
| 259 | }
|
267 |
| 260 |
|
268 | /* --- contenu des tables ======================================================= */
| 261 | /* --- contenu des tables ======================================================= */
|
269 | .forum-display-block {
| 262 | .forum-display-block {
|
270 | display: block;
| 263 | display: block;
|
271 | margin: 5px 0;
| 264 | margin: 0.309em 0;
|
272 | }
| 265 | }
|
273 |
| 266 |
|
274 | .forum-textarea,
| 267 | .forum-textarea,
|
275 | .forum-textarea:focus,
| 268 | .forum-textarea:focus,
|
276 | .forum-textarea:hover {
| 269 | .forum-textarea:hover {
|
277 | padding: 4px 6px;
| 270 | padding: 0.228em 0.309em;
|
278 | width: 99%;
| 271 | width: 99%;
|
279 | min-height: 150px;
| 272 | min-height: 150px;
|
280 | border-top: none;
| 273 | border-top: none;
|
281 | }
| 274 | }
|
282 |
| 275 |
|
283 | table.bt tbody tr:last-child td {
| | |
284 | border-bottom: none;
| | |
285 | }
| | |
286 |
| | |
287 | table.bt tbody tr:last-child td:last-child {
| | |
288 | border-bottom: 1px solid #D1D2D4;
| | |
289 | }
| | |
290 |
| | |
291 | /* --- taille des colonnes --- */
| 276 | /* --- taille des colonnes --- */
|
292 | @media (min-width: 980px) {
| 277 | @media (min-width: 980px) {
|
293 |
| 278 |
|
294 | .td20P { width: 20%; }
| 279 | .td20P { width: 20%; }
|
295 | .td25P { width: 25%; }
| 280 | .td25P { width: 25%; }
|
296 | .td33P { width: 33%; }
| 281 | .td33P { width: 33%; }
|
297 | .td66P { width: 66%; }
| 282 | .td66P { width: 66%; }
|
298 |
| 283 |
|
299 | .td25 {width: 25px;}
| 284 | .td25 {width: 1.618em; }
|
300 | .td70 {width: 70px;}
| 285 | .td70 {width: 4.56em; }
|
301 | .td100 {width: 100px;}
| 286 | .td100 {width: 6.18em; }
|
302 |
| 287 |
|
303 | .forum-mass-modo { width: 25px; }
| 288 | .forum-mass-modo { width: 1.618em; }
|
304 | .forum-fixed-topic { width: 30px; }
| 289 | .forum-fixed-topic { width: 2.28em; }
|
305 | .forum-announce-topic { width: 30px; }
| 290 | .forum-announce-topic { width: 2.28em; }
|
306 | .forum-author { width: 100px; }
| 291 | .forum-author { width: 6.18em; }
|
307 | .forum-subject-nb { width: 60px; }
| 292 | .forum-subject-nb { width: 3.82em; }
|
308 | .forum-message-nb { width: 60px; }
| 293 | .forum-message-nb { width: 3.82em; }
|
309 | .forum-view { width: 60px; }
| 294 | .forum-view { width: 3.82em; }
|
310 | .forum-pm { width: 40px; }
| 295 | .forum-pm { width: 3.82em; }
|
311 | .forum-mail { width: 50px; }
| 296 | .forum-mail { width: 3.82em; }
|
312 | .forum-delete { width: 85px; }
| 297 | .forum-delete { width: 4.56em; }
|
313 | .forum-last-topic { width: 150px; }
| 298 | .forum-last-topic { width: 10em; }
|
314 |
| 299 |
|
315 | td.forum-last-topic {
| 300 | td.forum-last-topic {
|
316 | font-size: 0.8em;
| 301 | font-size: 0.809em;
|
317 | }
| 302 | }
|
318 |
| 303 |
|
319 | td.forum-topic {
| 304 | td.forum-topic {
|
320 | text-align: left;
| 305 | text-align: left;
|
321 | }
| 306 | }
|
322 | }
| 307 | }
|
323 |
| 308 |
|
324 | /* Cadre des liens: alerter les moderateurs et suivre le sujet */
| 309 | /* Cadre des liens: alerter les moderateurs et suivre le sujet */
|
325 | .forum-action {
| 310 | .forum-action {
|
326 | margin-top: 5px;
| 311 | margin-top: 0.309em;
|
327 | text-align: center;
| 312 | text-align: center;
|
328 | }
| 313 | }
|
329 |
| 314 |
|
330 | /* Les liens des categories de niveau 0 */
| 315 | /* Les des categories de niveau 0 */
|
331 | a.forum-link-cat {
| | |
332 | font-weight: bold;
| | |
333 | }
| | |
334 |
| 316 |
|
335 | /* Affichage des membres en ligne */
| 317 | /* Affichage des membres en ligne */
|
336 | .forum-online {
| 318 | .forum-online {
|
337 | padding: 6px 6px 0 6px;
| 319 | padding: 0.309em 0.309em 0 0.309em;
|
338 | height: auto;
| 320 | height: auto;
|
339 | overflow: hidden;
| 321 | overflow: hidden;
|
340 | clear: both;
| 322 | clear: both;
|
341 | }
| 323 | }
|
342 |
| 324 |
|
343 | .forum-online-select-cat {
| 325 | .forum-online-select-cat {
|
344 | padding: 5px;
| 326 | padding: 0.309em;
|
345 | clear: both;
| 327 | clear: both;
|
346 | }
| 328 | }
|
347 |
| 329 |
|
348 | .forum-online-select {
| 330 | .forum-online-select {
|
349 | min-width: 160px;
| 331 | min-width: 160px;
|
350 | max-width: 530px;
| 332 | max-width: 530px;
|
351 | }
| 333 | }
|
352 |
| 334 |
|
353 | @media (max-width: 768px) {
| 335 | @media (max-width: 768px) {
|
354 | .forum-online-select {
| 336 | .forum-online-select {
|
355 | max-width: 100%;
| 337 | max-width: 100%;
|
356 | }
| 338 | }
|
357 | }
| 339 | }
|
358 |
| 340 |
|
359 | /* Contenu */
| 341 | /* Contenu */
|
360 | .forum-cat-title {
| 342 | .forum-cat-title {
|
361 | padding: 0 5px;
| 343 | padding: 0 0.309em;
|
362 | }
| | |
363 |
| | |
364 | /* Couleur des liens pour les messages du membre */
| | |
365 | a.forum-mbrmsg-links {
| | |
366 | color: #FFFFFF;
| | |
367 | }
| | |
368 |
| | |
369 | .forum-search-word {
| | |
370 | background-color: #FFFF00;
| | |
371 | color: #000000;
| | |
372 | }
| 344 | }
|
373 |
| 345 |
|
374 | .pagin-forum {
| 346 | .pagin-forum {
|
375 | float: right;
| 347 | float: right;
|
376 | }
| 348 | }
|
377 |
| 349 |
|
378 | /* Messages postes par les membres
| 350 | /* Messages postes par les membres
|
379 | --------------------------------------*/
| 351 | --------------------------------------*/
|
380 | /* Classe du lien du pseudo des messages */
| | |
381 | a.msg-link-pseudo {
| | |
382 | color: #E8EAEB;
| | |
383 | font-size: 11px;
| | |
384 | font-weight: bold;
| | |
385 | }
| | |
386 | a.msg-link-pseudo:hover {
| | |
387 | color: #F2FBFF;
| | |
388 | }
| | |
389 |
| 352 |
|
390 | /* Conteneur des messages */
| 353 | /* Conteneur des messages */
|
391 | .msg-position {
| 354 | .msg-position {
|
392 | margin: 10px auto;
| 355 | margin: 1.618em auto;
|
393 | border: 1px solid #D1D4DF;
| | |
394 | }
| 356 | }
|
395 |
| 357 |
|
396 | /* Case contenant l'ensemble du message */
| 358 | /* Case contenant l'ensemble du message */
|
397 | .msg-container,
| 359 | .msg-container,
|
398 | .msg-container2 {
| 360 | .msg-container2 {
|
399 | display: flex;
| 361 | display: flex;
|
400 | display: -ms-flexbox;
| 362 | display: -ms-flexbox;
|
401 | display: -webkit-flex;
| 363 | display: -webkit-flex;
|
402 | flex-direction: row;
| 364 | flex-direction: row;
|
403 | -ms-flex-direction: row;
| 365 | -ms-flex-direction: row;
|
404 | -webkit-flex-direction: row;
| 366 | -webkit-flex-direction: row;
|
405 | height: auto !important;
| 367 | height: auto !important;
|
406 | overflow: hidden !important;
| 368 | overflow: hidden !important;
|
407 | clear: both;
| 369 | clear: both;
|
408 | }
| 370 | }
|
409 |
| 371 |
|
410 | /* Barre superieur des messages */
| 372 | /* Barre superieur des messages */
|
411 | .msg-top {
| 373 | .msg-top {
|
412 | display: flex;
| 374 | display: flex;
|
413 | display: -ms-flexbox;
| 375 | display: -ms-flexbox;
|
414 | display: -webkit-flex;
| 376 | display: -webkit-flex;
|
415 | flex-direction: column;
| 377 | flex-direction: column;
|
416 | -ms-flex-direction: column;
| 378 | -ms-flex-direction: column;
|
417 | -webkit-flex-direction: column;
| 379 | -webkit-flex-direction: column;
|
418 | width: 135px;
| 380 | width: 135px;
|
419 | background-color: #F0F3FF;
| | |
420 | }
| | |
421 |
| | |
422 | .msg-top a {
| | |
423 | color: #E8EAEB;
| | |
424 | }
| 381 | }
|
425 |
| 382 |
|
426 | .msg-top-row p {
| 383 | .msg-top-row p {
|
427 | margin: 0;
| 384 | margin: 0;
|
428 | }
| 385 | }
|
429 |
| 386 |
|
430 | /* Pseudo du membre */
| 387 | /* Pseudo du membre */
|
431 | .msg-pseudo-mbr {
| 388 | .msg-pseudo-mbr {
|
432 | padding: 4px;
| 389 | padding: 0.456em;
|
433 | background-color: #4D4C50;
| | |
434 | }
| | |
435 |
| | |
436 | #article-forum-membermsg .msg-pseudo-mbr,
| | |
437 | #article-forum-membermsg .msg-pseudo-mbr a {
| | |
438 | background-color: #F0F3FF;
| | |
439 | color: #555555;
| | |
440 | }
| 390 | }
|
441 |
| 391 |
|
442 | .msg-info-mbr { /* Case des informations du membre */
| 392 | .msg-info-mbr { /* Case des informations du membre */
|
443 | padding: 4px;
| 393 | padding: 0.456em;
|
444 | font-size: 10px;
| 394 | font-size: 0.618em;
|
445 | }
| | |
446 |
| | |
447 | .msg-info-mbr a {
| | |
448 | color: #4372AA;
| | |
449 | }
| 395 | }
|
450 |
| 396 |
|
451 | .msg-avatar-mbr img {
| 397 | .msg-avatar-mbr img {
|
452 | margin: 5px 0;
| 398 | margin: 0.309em 0;
|
453 | max-width: 120px;
| 399 | max-width: 120px;
|
454 | }
| 400 | }
|
455 |
| 401 |
|
456 | /* Case contenant l'ensemble du message, infos membre + contenu */
| 402 | /* Case contenant l'ensemble du message, infos membre + contenu */
|
457 | .msg-contents-container,
| 403 | .msg-contents-container,
|
458 | .msg-contents-container2 {
| 404 | .msg-contents-container2 {
|
459 | display: flex;
| 405 | display: flex;
|
460 | display: -ms-flexbox;
| 406 | display: -ms-flexbox;
|
461 | display: -webkit-flex;
| 407 | display: -webkit-flex;
|
462 | flex-direction: column;
| 408 | flex-direction: column;
|
463 | -ms-flex-direction: column;
| 409 | -ms-flex-direction: column;
|
464 | -webkit-flex-direction: column;
| 410 | -webkit-flex-direction: column;
|
465 | flex: 1 0 auto;
| 411 | flex: 1 0 auto;
|
466 | -ms-flex: 1 0 auto;
| 412 | -ms-flex: 1 0 auto;
|
467 | -webkit-flex: 1 0 auto;
| 413 | -webkit-flex: 1 0 auto;
|
468 | width: calc(100% - 135px);
| 414 | width: calc(100% - 135px);
|
469 | }
| 415 | }
|
470 |
| 416 |
|
471 | /* --- info case du message ---*/
| 417 | /* --- info case du message ---*/
|
472 | .msg-title {
| | |
473 | padding: 4px;
| | |
474 | background-color: #4D4C50;
| | |
475 | }
| | |
476 |
| | |
477 | .msg-title,
| 418 | .msg-title,
|
478 | .msg-title a {
| | |
479 | color: #E8EAEB;
| | |
480 | }
| | |
481 |
| | |
482 | .msg-contents-info {
| 419 | .msg-contents-info {
|
483 | padding: 4px;
| 420 | padding: 0.456em;
|
484 | background-color: #4D4C50;
| | |
485 | color: #E8EAEB;
| | |
486 | }
| 421 | }
|
487 |
| 422 |
|
488 | #article-forum-membermsg .msg-contents-info,
| 423 | .msg-contents-info a {
|
489 | #article-forum-membermsg .msg-contents-info a {
| 424 | padding: 0 0.382em 0 0.228em;
|
490 | background-color: #F0F3FF;
| | |
491 | color: #555555;
| | |
492 | }
| 425 | }
|
493 |
| 426 |
|
494 | /* Case du message */
| 427 | /* Case du message */
|
495 | .msg-contents{
| 428 | .msg-contents{
|
496 | padding: 5px;
| 429 | padding: 0.309em;
|
497 | flex: 1 1 auto;
| 430 | flex: 1 1 auto;
|
498 | -ms-flex: 1 1 auto;
| 431 | -ms-flex: 1 1 auto;
|
499 | -webkit-flex: 1 1 auto;
| 432 | -webkit-flex: 1 1 auto;
|
500 | border-left: 1px dotted #D1D2D4;
| | |
501 | }
| | |
502 |
| | |
503 | .msg-contents-info a {
| | |
504 | color: #E8EAEB;
| | |
505 | }
| 433 | }
|
506 |
| 434 |
|
507 | /* Signature du membre */
| 435 | /* Signature du membre */
|
508 | .msg-sign,
| 436 | .msg-sign,
|
509 | .msg-sign2 {
| 437 | .msg-sign2 {
|
510 | padding: 4px;
| 438 | padding: 0.228em;
|
511 | width: 100%;
| 439 | width: 100%;
|
512 | background-color: #FCFCFD;
| 440 | font-size: 0.809em;
|
513 | border-left: 1px dotted #D1D2D4;
| | |
514 | font-size: 11px;
| | |
515 | }
| 441 | }
|
516 |
| 442 |
|
517 | .msg-sign img,
| 443 | .msg-sign img,
|
518 | .msg-sign2 img {
| 444 | .msg-sign2 img {
|
519 | max-height: 75px;
| 445 | max-height: 75px;
|
520 | }
| 446 | }
|
521 |
| 447 |
|
522 | /* Signature du membre => Couleur alternative */
| | |
523 | .msg-sign2 {
| | |
524 | background-color: #FCFCFD;
| | |
525 | }
| | |
526 |
| | |
527 | /* Signature du membre, fixe la hauteur maximale */
| 448 | /* Signature du membre, fixe la hauteur maximale */
|
528 | .msg-sign-mbr {
| 449 | .msg-sign-mbr {
|
529 | padding-top: 5px;
| 450 | padding-top: 0.309em;
|
530 | height: auto !important;
| 451 | height: auto !important;
|
531 | max-height: 80px;
| 452 | max-height: 80px;
|
532 | overflow: hidden;
| 453 | overflow: hidden;
|
533 | }
| 454 | }
|
534 |
| 455 |
|
535 | .msg-sign-info {
| 456 | .msg-sign-mbr hr {
|
536 | border-top: 1px solid #D1D2D4;
| 457 | clear: both;
|
| | 458 | margin-bottom: 1em;
|
537 | }
| 459 | }
|
538 |
| 460 |
|
539 | .msg-sign-info .float-right a {
| 461 | .msg-sign-info .float-right a {
|
540 | padding: 2px 8px;
| 462 | padding: 0.1618em 0.456em;
|
541 | }
| 463 | }
|
542 |
| 464 |
|
543 | @media (max-width: 768px) {
| 465 | @media (max-width: 768px) {
|
544 | tfoot,
| 466 | tfoot,
|
545 | td.forum-announce-topic,
| 467 | td.forum-announce-topic,
|
546 | td.forum-fixed-topic,
| 468 | td.forum-fixed-topic,
|
547 | td.forum-subject-nb,
| 469 | td.forum-subject-nb,
|
548 | td.forum-message-nb,
| 470 | td.forum-message-nb,
|
549 | td.forum-view,
| 471 | td.forum-view,
|
550 | td.forum-author {
| 472 | td.forum-author {
|
551 | display: none !important;
| 473 | display: none !important;
|
552 | }
| 474 | }
|
553 |
| 475 |
|
554 | td.forum-last-topic {
| 476 | td.forum-last-topic {
|
555 | margin-bottom: 3px;
| 477 | margin-bottom: 0.228em;
|
556 | border-bottom: 1px solid #D1D2D4;
| | |
557 | }
| 478 | }
|
558 |
| 479 |
|
559 | /* ---topic --- */
| 480 | /* ---topic --- */
|
560 | .msg-container,
| 481 | .msg-container,
|
561 | .msg-container2 {
| 482 | .msg-container2 {
|
562 | flex-direction: column;
| 483 | flex-direction: column;
|
563 | -ms-flex-direction: column;
| 484 | -ms-flex-direction: column;
|
564 | -webkit-flex-direction: column;
| 485 | -webkit-flex-direction: column;
|
565 | }
| 486 | }
|
566 |
| 487 |
|
567 | .msg-top {
| 488 | .msg-top {
|
568 | flex-direction: row;
| 489 | flex-direction: row;
|
569 | -ms-flex-direction: row;
| 490 | -ms-flex-direction: row;
|
570 | -webkit-flex-direction: row;
| 491 | -webkit-flex-direction: row;
|
571 | width: 100%;
| 492 | width: 100%;
|
572 | background-color: #4D4C50;
| | |
573 | color: #FFFFFF;
| | |
574 | }
| 493 | }
|
| | 494 |
|
| | 495 | .msg-pseudo-mbr { background-color: transparent;}
|
575 |
| 496 |
|
576 | .msg-top-row {
| 497 | .msg-top-row {
|
577 | flex: 1 0 auto;
| 498 | flex: 1 0 auto;
|
578 | -ms-flex: 1 0 auto;
| 499 | -ms-flex: 1 0 auto;
|
579 | -webkit-flex: 1 0 auto;
| 500 | -webkit-flex: 1 0 auto;
|
580 | order: 2;
| 501 | order: 2;
|
581 | -ms-flex-order: 2;
| 502 | -ms-flex-order: 2;
|
582 | -webkit-flex-order: 2;
| 503 | -webkit-flex-order: 2;
|
583 | text-align: center;
| 504 | text-align: center;
|
584 | }
| 505 | }
|
585 |
| 506 |
|
586 | a.msg-link-pseudo {
| 507 | a.msg-link-pseudo {
|
587 | font-size: 1.2em;
| 508 | font-size: 1.2em;
|
588 | }
| 509 | }
|
589 |
| 510 |
|
590 | .msg-avatar-mbr {
| 511 | .msg-avatar-mbr {
|
591 | order: 1;
| 512 | order: 1;
|
592 | -ms-flex-order: 1;
| 513 | -ms-flex-order: 1;
|
593 | -webkit-flex-order: 1;
| 514 | -webkit-flex-order: 1;
|
594 | }
| 515 | }
|
595 |
| 516 |
|
596 | .msg-avatar-mbr img {
| 517 | .msg-avatar-mbr img {
|
597 | max-width: 60px;
| 518 | max-width: 60px;
|
| | 519 | margin: 0.309em;
|
598 | }
| 520 | }
|
599 |
| 521 |
|
600 | .msg-contents-container,
| 522 | .msg-contents-container,
|
601 | .msg-contents-container2 {
| 523 | .msg-contents-container2 {
|
602 | width: 100%;
| 524 | width: 100%;
|
603 | }
| 525 | }
|
604 |
| 526 |
|
605 | .msg-contents-info {
| 527 | .msg-contents-info {
|
606 | background: transparent;
| 528 | background-color: transparent;
|
607 | color: inherit;
| 529 | font-size: 0.809em;
|
608 | font-size: 0.7em;
| | |
609 | text-align: right;
| 530 | text-align: right;
|
610 | }
| 531 | }
|
611 |
| 532 |
|
612 | .msg-contents-info span {
| 533 | .msg-contents-info span {
|
613 | float: none !important;
| 534 | float: none !important;
|
614 | }
| 535 | }
|
615 |
| 536 |
|
616 | .msg-contents-info a {
| 537 | .msg-contents-info a {
|
617 | padding: 0 4px;
| 538 | padding: 0 0.228em;
|
618 | color: inherit;
| 539 |
|
| | 540 | }
|
| | 541 |
|
| | 542 | .msg-contents-info i {
|
| | 543 | margin-bottom: 0.309em;
|
619 | }
| 544 | }
|
620 |
| 545 |
|
621 | .msg-contents-info .float-right a {
| 546 | .msg-contents-info .float-right a {
|
622 | padding: 8px;
| 547 | padding: 0.456em;
|
623 | }
| 548 | }
|
624 |
| 549 |
|
625 | .msg-sign span a,
| 550 | .msg-sign span a,
|
626 | .msg-sign2 span a {
| 551 | .msg-sign2 span a {
|
627 | padding: 3px;
| 552 | padding: 0.228em;
|
628 | }
| 553 | }
|
629 |
| 554 |
|
630 | .msg-info-mbr,
| 555 | .msg-info-mbr,
|
631 | .msg-sign-mbr {
| 556 | .msg-sign-mbr {
|
632 | display: none;
| 557 | display: none;
|
633 | }
| 558 | }
|
634 |
| 559 |
|
635 | .msg-contents,
| 560 | .msg-contents,
|
636 | .msg-sign,
| 561 | .msg-sign,
|
637 | .msg-sign2 {
| 562 | .msg-sign2 {
|
638 | margin: 0;
| 563 | margin: 0;
|
639 | border-left: none;
| | |
640 | }
| 564 | }
|
641 | }
| 565 | }
|
642 |
| 566 |
|
643 | .fa-announce:before,
| | |
644 | .fa-announce-new:before { content: "\f075"; }
| | |
645 | .fa-announce-hot:before,
| | |
646 | .fa-announce-new-hot:before { content: "\f086"; }
| | |
647 | .fa-announce-lock:before,
| | |
648 | .fa-announce-new-lock:before { content: "\f023"; }
| | |
649 | .fa-announce-post:before,
| | |
650 | .fa-announce-new-post:before { content: "\f071"; }
| | |
651 | .fa-announce-top:before,
| | |
652 | .fa-announce-new-top:before { content: "\f06a"; }
| | |
653 |
| 567 |
|
654 | .fa-announce:before,
| | |
655 | .fa-announce-hot:before { color: #D1D2D4; }
| | |
656 | .fa-announce-new:before,
| | |
657 | .fa-announce-new-hot:before { color: #676A74; }
| | |
658 |
| | |
659 | .fa-msg-display:before { content: "\f00c"; color: #478948; }
| | |
660 | .fa-msg-not-display:before { content: "\f00d"; color: #BA4B49; }
| | |
661 | .fa-msg-track:before { content: "\f004"; color: #BA4B49; }
| | |
662 | .fa-msg-not-track:before { content: "\f004"; color: #000000; }
| | |
663 | .fa-pm-track:before { content: "\f0e0"; color: #4372AA; }
| | |
664 | .fa-pm-not-track:before { content: "\f0e0"; color: #000000; }
| | |
665 | .fa-mail-track:before { content: "\f003"; color: #4372AA; }
| | |
666 | .fa-mail-not-track:before { content: "\f003"; color: #000000; }
| | |
667 | .fa-lastview:before { content: "\f017"; color: #334455; }
| | |
668 | .fa-notread:before { content: "\f0f6"; color: #334455; }
| | |
669 | .fa-showmymsg:before { content: "\f0e6"; color: #334455; }
| | |
670 |
| 568 |
|
671 | /* -- footer ==================================================================== */
| 569 | /* -- footer ==================================================================== */
|
672 | footer#forum-bottom {
| 570 | footer#forum-bottom {
|
673 | margin: 15px 0 5px 0;
| 571 | margin: 1em 0 0.309em 0;
|
674 | padding: 8px;
| 572 | padding: 0.809em;
|
675 | background-color: #EEEEEE;
| | |
676 | border: 1px solid #DDDDDD;
| | |
677 | }
| | |
678 |
| | |
679 | footer#forum-bottom .forum-links {
| | |
680 | border-bottom: 1px solid #CCCCCC;
| | |
681 | }
| 573 | }
|
682 |
| 574 |
|
683 | footer#forum-bottom .forum-message-options {
| 575 | footer#forum-bottom .forum-message-options {
|
684 | border-bottom: none;
| 576 | border-bottom: none;
|
685 | }
| 577 | }
|
686 |
| 578 |
|
687 | /* -- Taille police menu ========================================================= */
| 579 | .forum-stats {
|
688 | .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
| 580 | display: block;
|
689 | font-size: 1.2rem;
| 581 | }
|
690 | } | | |