| 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 | } | | |