| section#main * { | /* | ||
| box-sizing: content-box; | * Surchargez ce fichier dans votre thème pour personnaliser le module | ||
| } | * https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules | ||
| */ | |||
| /* -- header =============================================================== */ | |||
| header#forum-top { | |||
| margin: 5px 0 15px 0; | |||
| padding: 8px; | |||
| background-color: #EEEEEE; | |||
| border: 1px solid #DDDDDD; | |||
| } | |||
| header#forum-top h1 { | |||
| padding: 0.7em 0.5em 1em 0.5em; | |||
| border-bottom: none; | |||
| font-size: 1.5rem; | |||
| } | |||
| header#forum-top .forum-links { | |||
| border-top: 1px solid #CCCCCC; | |||
| } | |||
| /* --- menu index ========================================================= */ | |||
| .forum-index { | |||
| display: none; | |||
| } | |||
| @media (min-width: 769px) { | /* -- header | ||
| .forum-index { | ============================================================================= */ | ||
| display: block; | #forum-top { | ||
| } | padding: 0.456em; | ||
| } | } | ||
| .forum-links .cssmenu .menu-button { | #forum-top h1 { | ||
| color: #999999 !important; | font-size: 1.618em; | ||
| text-align: left; | |||
| } | } | ||
| .forum-links .cssmenu .menu-button::after { | /* --- Forum table --- */ | ||
| border-color: #999999; | #module-forum table.bt tbody td.forum-last-topic .bt-content { | ||
| max-width: 63%; | |||
| } | } | ||
| .forum-links .cssmenu .menu-button::before { | #module-forum table tbody td .bt-content span { | ||
| background-color: #999999; | display: block; | ||
| text-align: left; | |||
| padding: 0.1618em | |||
| } | } | ||
| .forum-links .cssmenu .menu-button.menu-opened:after, | #module-forum table.bt tbody tr:last-child td:last-child { | ||
| .forum-links .cssmenu .menu-button.menu-opened:before, | border-width: 0 0 1px; | ||
| header .forum-links .cssmenu .menu-button.menu-opened:after, | |||
| header .forum-links .cssmenu .menu-button.menu-opened:before { | |||
| background-color: #999999; | |||
| } | } | ||
| .forum-links .cssmenu{ | #module-forum header h2 > i, | ||
| margin-top: 5px; | .footer-forum > i { | ||
| font-size: 0.618em; | |||
| } | } | ||
| .forum-links .cssmenu i { | @media (min-width: 769px) { | ||
| padding-bottom: 3px; | .forum-index { | ||
| display: block; | |||
| } | |||
| } | } | ||
| .forum-links .cssmenu .small { | .forum-links .cssmenu-group > ul > li .cssmenu-title, | ||
| color: #334455; | .forum-links .cssmenu-group > ul > li:hover .cssmenu-title { | ||
| font-size: 1.1em; | border: none; | ||
| background: none; | |||
| } | } | ||
| .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title { | .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title { | ||
| padding: 8px 5px; | padding: 0.309em 0.809em; | ||
| letter-spacing: 0; | letter-spacing: 0; | ||
| } | font-size: 1.482rem; | ||
| .forum-links .cssmenu-group > ul > li { | |||
| background: none; | |||
| border: none; | |||
| } | |||
| .forum-links .cssmenu-group > ul > li:hover { | |||
| background: none; | |||
| border: none; | |||
| } | } | ||
| /* -- details des pages ============================================================== */ | /* -- details des pages | ||
| ============================================================================= */ | |||
| /* --- pagination --- */ | /* --- pagination --- */ | ||
| article header ul.pagination, | article header ul.pagination, | ||
| article footer ul.pagination { | article footer ul.pagination { | ||
| display: inline; | display: inline; | ||
| } | } | ||
| /*--- details des topic --- */ | /*--- details des topic --- */ | ||
| .user-group { | |||
| display: block; | |||
| } | |||
| .user-editor { | .user-editor { | ||
| padding: 10px; | margin-top: 2.618em; | ||
| font-size: 0.8em; | padding: 0.618em 0; | ||
| font-size: 0.809em; | |||
| font-style: italic; | font-style: italic; | ||
| display: block; | |||
| } | } | ||
| .forum-post-form .fieldset-submit { | .forum-post-form .fieldset-submit { | ||
| margin-bottom: 5px; | margin-bottom: 0.309em; | ||
| padding-top: 17px; | padding-top: 1em; | ||
| } | } | ||
| .error-auth-write-response { | .error-auth-write-response { | ||
| padding-bottom: 2px; | padding-bottom: 0.1618; | ||
| font-size: 0.8em; | font-size: 0.809em; | ||
| text-align: center; | text-align: center; | ||
| } | } | ||
| .error-auth-write { | .error-auth-write { | ||
| margin: auto; | margin: auto; | ||
| padding: 2px; | padding: 0.1618; | ||
| height: auto; | height: auto; | ||
| max-width: 300px; | max-width: 300px; | ||
| } | } | ||
| .forum-poll-table { | .forum-poll-table { | ||
| margin: 10px auto auto auto; | margin: 0.618em auto auto auto; | ||
| width: 80%; | width: 80%; | ||
| } | } | ||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||
| .forum-poll-table td { | .forum-poll-table td { | ||
| text-align: left; | text-align: left; | ||
| } | } | ||
| } | } | ||
| .del-msg { | .del-msg { | ||
| cursor:pointer; | cursor:pointer; | ||
| display:none; | |||
| } | } | ||
| .edit-pseudo { | .edit-pseudo { | ||
| margin: 40px 0 20px; | margin: 1.618em 0 1.309em; | ||
| padding: 10px; | padding: 0.618em; | ||
| font-size: 1em; | font-size: 1em; | ||
| font-style: italic; | font-style: italic; | ||
| } | } | ||
| /* --- stats --- */ | /* --- stats --- */ | ||
| .forum-stats span { | .forum-stats span { | ||
| display: block; | display: block; | ||
| } | } | ||
| /* --- moderation --- */ | /* --- moderation --- */ | ||
| @media (min-width: 769px) { | @media (min-width: 769px) { | ||
| #article-forum-moderation #id-message-helper.notice { | #article-forum-moderation #id-message-helper.notice { | ||
| width: 80%; | width: 80%; | ||
| } | } | ||
| } | } | ||
| #article-forum-moderation textarea { | #article-forum-moderation textarea { | ||
| margin: 0 4px ; | margin: 0 0.228em ; | ||
| width: 99%; | width: 99%; | ||
| border-top: none; | border-top: none; | ||
| } | } | ||
| .moderation-type-block { | |||
| display: block; | |||
| text-align: center; | |||
| } | |||
| .moderation-type-block > span { | |||
| display: block; | |||
| } | |||
| /* --- creation de topic --- */ | /* --- creation de topic --- */ | ||
| #add_poll_field_link { | #add_poll_field_link { | ||
| width: 185px; | width: 185px; | ||
| } | } | ||
| /* --- header du contenu de la page --- */ | /* --- header du contenu de la page --- */ | ||
| article header { | .forum-contents header { | ||
| padding: 8px; | margin: 0; | ||
| background-color: #EEEEEE; | |||
| border: 1px solid #DDDDDD; | |||
| } | } | ||
| article header h2 { | .forum-contents header h2, | ||
| .footer-forum, | |||
| .forum-contents footer { | |||
| border: none; | border: none; | ||
| font-size: 1.3rem; | font-weight: 300; | ||
| font-weight: normal; | font-size: 1.382em; | ||
| } | } | ||
| article header a { | .footer-forum { | ||
| color: #334455; | padding: 0 0.618em; | ||
| } | |||
| .forum-contents header a { | |||
| font-size: 1em; | font-size: 1em; | ||
| } | } | ||
| article header a.basic-button { | .forum-contents header a.basic-button, | ||
| color: #FFFFFF; | .footer-forum a.basic-button { | ||
| font-size: 0.618em; | |||
| } | |||
| .forum-contents table { | |||
| margin-top: 0; | |||
| } | } | ||
| ul.pagination a { | ul.pagination a { | ||
| padding: 6px; | padding: 0.309em; | ||
| } | } | ||
| @media (min-width: 769px) { | @media (min-width: 769px) { | ||
| ul.pagination a { | ul.pagination a { | ||
| padding: 3px; | padding: 0.228em; | ||
| } | } | ||
| } | } | ||
| .desc-forum { | .desc-forum { | ||
| font-size: 0.8em; | font-size: 0.809em; | ||
| } | } | ||
| /* --- Contenu de la page --- */ | /* --- Contenu de la page --- */ | ||
| .forum-contents { | |||
| padding: 0 0.809em; | |||
| } | |||
| .content { | .content { | ||
| padding: 0; | padding: 0; | ||
| clear: both; | clear: both; | ||
| } | } | ||
| /* --- footer du contenu de la page --- */ | /* --- footer du contenu de la page --- */ | ||
| article footer { | article footer { | ||
| margin-top: 10px; | margin-top: 0.618em; | ||
| padding: 8px; | padding: 0.456em; | ||
| min-height: 33px; | min-height: 33px; | ||
| background-color: #EEEEEE; | |||
| border: 1px solid #DDDDDD; | |||
| } | } | ||
| article footer a { | article footer a { | ||
| color: #334455; | font-size: 0.809em; | ||
| font-size: 13px; | |||
| } | } | ||
| /* --- Classe du lien du pseudo sur forum --- */ | /* --- Classe du lien du pseudo sur forum --- */ | ||
| a.forum-link-pseudo { | a.forum-link-pseudo { | ||
| color: #E8EAEB; | |||
| font-weight: bold; | |||
| } | |||
| a.forum-link-pseudo:hover { | |||
| color: #F2FBFF; | |||
| font-weight: bold; | font-weight: bold; | ||
| } | } | ||
| /* --- Messages non lus --- */ | /* --- Messages non lus --- */ | ||
| .forum-refresh { | .forum-refresh { | ||
| position: relative; | position: relative; | ||
| float: left; | float: left; | ||
| } | } | ||
| .forum-refresh #forum_block_forum_unread_top, | .forum-refresh #forum_block_forum_unread_top, | ||
| .forum-refresh #forum_block_forum_unread_bottom { | .forum-refresh #forum_block_forum_unread_bottom { | ||
| position: absolute; | position: absolute; | ||
| z-index: 100; | z-index: 100; | ||
| top: 100%; | top: 100%; | ||
| right: -150px; | right: -150px; | ||
| } | } | ||
| .forum-notread { | .forum-notread { | ||
| background-color: #f5f5f5; | padding: 0.228em; | ||
| padding: 4px; | font-size: 0.809em; | ||
| font-size: 0.8em; | |||
| color: #366393; | |||
| } | } | ||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||
| .forum-refresh #forum_block_forum_unread_top, | .forum-refresh #forum_block_forum_unread_top, | ||
| .forum-refresh #forum_block_forum_unread_bottom { | .forum-refresh #forum_block_forum_unread_bottom { | ||
| left: -34px; | left: -34px; | ||
| right: auto; | right: auto; | ||
| top: 20px; | top: 20px; | ||
| } | } | ||
| .forum-refresh #forum_block_forum_unread_top > div, | .forum-refresh #forum_block_forum_unread_top > div, | ||
| .forum-refresh #forum_block_forum_unread_bottom > div { | .forum-refresh #forum_block_forum_unread_bottom > div { | ||
| width: 300px !important; | width: 300px !important; | ||
| overflow: visible !important; | overflow: visible !important; | ||
| } | } | ||
| .forum-notread { | .forum-notread { | ||
| padding: 8px 4px; | padding: 0.456em 0.228em; | ||
| } | } | ||
| } | } | ||
| /* --- contenu des tables ======================================================= */ | /* --- contenu des tables ======================================================= */ | ||
| .forum-display-block { | .forum-display-block { | ||
| display: block; | display: block; | ||
| margin: 5px 0; | margin: 0.309em 0; | ||
| } | } | ||
| .forum-textarea, | .forum-textarea, | ||
| .forum-textarea:focus, | .forum-textarea:focus, | ||
| .forum-textarea:hover { | .forum-textarea:hover { | ||
| padding: 4px 6px; | padding: 0.228em 0.309em; | ||
| width: 99%; | width: 99%; | ||
| min-height: 150px; | min-height: 150px; | ||
| border-top: none; | border-top: none; | ||
| } | } | ||
| table.bt tbody tr:last-child td { | |||
| border-bottom: none; | |||
| } | |||
| table.bt tbody tr:last-child td:last-child { | |||
| border-bottom: 1px solid #D1D2D4; | |||
| } | |||
| /* --- taille des colonnes --- */ | /* --- taille des colonnes --- */ | ||
| @media (min-width: 980px) { | @media (min-width: 980px) { | ||
| .td20P { width: 20%; } | .td20P { width: 20%; } | ||
| .td25P { width: 25%; } | .td25P { width: 25%; } | ||
| .td33P { width: 33%; } | .td33P { width: 33%; } | ||
| .td66P { width: 66%; } | .td66P { width: 66%; } | ||
| .td25 {width: 25px;} | .td25 {width: 1.618em; } | ||
| .td70 {width: 70px;} | .td70 {width: 4.56em; } | ||
| .td100 {width: 100px;} | .td100 {width: 6.18em; } | ||
| .forum-mass-modo { width: 25px; } | .forum-mass-modo { width: 1.618em; } | ||
| .forum-fixed-topic { width: 30px; } | .forum-fixed-topic { width: 2.28em; } | ||
| .forum-announce-topic { width: 30px; } | .forum-announce-topic { width: 2.28em; } | ||
| .forum-author { width: 100px; } | .forum-author { width: 6.18em; } | ||
| .forum-subject-nb { width: 60px; } | .forum-subject-nb { width: 3.82em; } | ||
| .forum-message-nb { width: 60px; } | .forum-message-nb { width: 3.82em; } | ||
| .forum-view { width: 60px; } | .forum-view { width: 3.82em; } | ||
| .forum-pm { width: 40px; } | .forum-pm { width: 3.82em; } | ||
| .forum-mail { width: 50px; } | .forum-mail { width: 3.82em; } | ||
| .forum-delete { width: 85px; } | .forum-delete { width: 4.56em; } | ||
| .forum-last-topic { width: 150px; } | .forum-last-topic { width: 10em; } | ||
| td.forum-last-topic { | td.forum-last-topic { | ||
| font-size: 0.8em; | font-size: 0.809em; | ||
| } | } | ||
| td.forum-topic { | td.forum-topic { | ||
| text-align: left; | text-align: left; | ||
| } | } | ||
| } | } | ||
| /* Cadre des liens: alerter les moderateurs et suivre le sujet */ | /* Cadre des liens: alerter les moderateurs et suivre le sujet */ | ||
| .forum-action { | .forum-action { | ||
| margin-top: 5px; | margin-top: 0.309em; | ||
| text-align: center; | text-align: center; | ||
| } | } | ||
| /* Les liens des categories de niveau 0 */ | /* Les des categories de niveau 0 */ | ||
| a.forum-link-cat { | |||
| font-weight: bold; | |||
| } | |||
| /* Affichage des membres en ligne */ | /* Affichage des membres en ligne */ | ||
| .forum-online { | .forum-online { | ||
| padding: 6px 6px 0 6px; | padding: 0.309em 0.309em 0 0.309em; | ||
| height: auto; | height: auto; | ||
| overflow: hidden; | overflow: hidden; | ||
| clear: both; | clear: both; | ||
| } | } | ||
| .forum-online-select-cat { | .forum-online-select-cat { | ||
| padding: 5px; | padding: 0.309em; | ||
| clear: both; | clear: both; | ||
| } | } | ||
| .forum-online-select { | .forum-online-select { | ||
| min-width: 160px; | min-width: 160px; | ||
| max-width: 530px; | max-width: 530px; | ||
| } | } | ||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||
| .forum-online-select { | .forum-online-select { | ||
| max-width: 100%; | max-width: 100%; | ||
| } | } | ||
| } | } | ||
| /* Contenu */ | /* Contenu */ | ||
| .forum-cat-title { | .forum-cat-title { | ||
| padding: 0 5px; | padding: 0 0.309em; | ||
| } | |||
| /* Couleur des liens pour les messages du membre */ | |||
| a.forum-mbrmsg-links { | |||
| color: #FFFFFF; | |||
| } | |||
| .forum-search-word { | |||
| background-color: #FFFF00; | |||
| color: #000000; | |||
| } | } | ||
| .pagin-forum { | .pagin-forum { | ||
| float: right; | float: right; | ||
| } | } | ||
| /* Messages postes par les membres | /* Messages postes par les membres | ||
| --------------------------------------*/ | --------------------------------------*/ | ||
| /* Classe du lien du pseudo des messages */ | |||
| a.msg-link-pseudo { | |||
| color: #E8EAEB; | |||
| font-size: 11px; | |||
| font-weight: bold; | |||
| } | |||
| a.msg-link-pseudo:hover { | |||
| color: #F2FBFF; | |||
| } | |||
| /* Conteneur des messages */ | /* Conteneur des messages */ | ||
| .msg-position { | .msg-position { | ||
| margin: 10px auto; | margin: 1.618em auto; | ||
| border: 1px solid #D1D4DF; | |||
| } | } | ||
| /* Case contenant l'ensemble du message */ | /* Case contenant l'ensemble du message */ | ||
| .msg-container, | .msg-container, | ||
| .msg-container2 { | .msg-container2 { | ||
| display: flex; | display: flex; | ||
| display: -ms-flexbox; | display: -ms-flexbox; | ||
| display: -webkit-flex; | display: -webkit-flex; | ||
| flex-direction: row; | flex-direction: row; | ||
| -ms-flex-direction: row; | -ms-flex-direction: row; | ||
| -webkit-flex-direction: row; | -webkit-flex-direction: row; | ||
| height: auto !important; | height: auto !important; | ||
| overflow: hidden !important; | overflow: hidden !important; | ||
| clear: both; | clear: both; | ||
| } | } | ||
| /* Barre superieur des messages */ | /* Barre superieur des messages */ | ||
| .msg-top { | .msg-top { | ||
| display: flex; | display: flex; | ||
| display: -ms-flexbox; | display: -ms-flexbox; | ||
| display: -webkit-flex; | display: -webkit-flex; | ||
| flex-direction: column; | flex-direction: column; | ||
| -ms-flex-direction: column; | -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | -webkit-flex-direction: column; | ||
| width: 135px; | width: 135px; | ||
| background-color: #F0F3FF; | |||
| } | |||
| .msg-top a { | |||
| color: #E8EAEB; | |||
| } | } | ||
| .msg-top-row p { | .msg-top-row p { | ||
| margin: 0; | margin: 0; | ||
| } | } | ||
| /* Pseudo du membre */ | /* Pseudo du membre */ | ||
| .msg-pseudo-mbr { | .msg-pseudo-mbr { | ||
| padding: 4px; | padding: 0.456em; | ||
| background-color: #4D4C50; | |||
| } | |||
| #article-forum-membermsg .msg-pseudo-mbr, | |||
| #article-forum-membermsg .msg-pseudo-mbr a { | |||
| background-color: #F0F3FF; | |||
| color: #555555; | |||
| } | } | ||
| .msg-info-mbr { /* Case des informations du membre */ | .msg-info-mbr { /* Case des informations du membre */ | ||
| padding: 4px; | padding: 0.456em; | ||
| font-size: 10px; | font-size: 0.618em; | ||
| } | |||
| .msg-info-mbr a { | |||
| color: #4372AA; | |||
| } | } | ||
| .msg-avatar-mbr img { | .msg-avatar-mbr img { | ||
| margin: 5px 0; | margin: 0.309em 0; | ||
| max-width: 120px; | max-width: 120px; | ||
| } | } | ||
| /* Case contenant l'ensemble du message, infos membre + contenu */ | /* Case contenant l'ensemble du message, infos membre + contenu */ | ||
| .msg-contents-container, | .msg-contents-container, | ||
| .msg-contents-container2 { | .msg-contents-container2 { | ||
| display: flex; | display: flex; | ||
| display: -ms-flexbox; | display: -ms-flexbox; | ||
| display: -webkit-flex; | display: -webkit-flex; | ||
| flex-direction: column; | flex-direction: column; | ||
| -ms-flex-direction: column; | -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | -webkit-flex-direction: column; | ||
| flex: 1 0 auto; | flex: 1 0 auto; | ||
| -ms-flex: 1 0 auto; | -ms-flex: 1 0 auto; | ||
| -webkit-flex: 1 0 auto; | -webkit-flex: 1 0 auto; | ||
| width: calc(100% - 135px); | width: calc(100% - 135px); | ||
| } | } | ||
| /* --- info case du message ---*/ | /* --- info case du message ---*/ | ||
| .msg-title { | |||
| padding: 4px; | |||
| background-color: #4D4C50; | |||
| } | |||
| .msg-title, | .msg-title, | ||
| .msg-title a { | |||
| color: #E8EAEB; | |||
| } | |||
| .msg-contents-info { | .msg-contents-info { | ||
| padding: 4px; | padding: 0.456em; | ||
| background-color: #4D4C50; | |||
| color: #E8EAEB; | |||
| } | } | ||
| #article-forum-membermsg .msg-contents-info, | .msg-contents-info a { | ||
| #article-forum-membermsg .msg-contents-info a { | padding: 0 0.382em 0 0.228em; | ||
| background-color: #F0F3FF; | |||
| color: #555555; | |||
| } | } | ||
| /* Case du message */ | /* Case du message */ | ||
| .msg-contents{ | .msg-contents{ | ||
| padding: 5px; | padding: 0.309em; | ||
| flex: 1 1 auto; | flex: 1 1 auto; | ||
| -ms-flex: 1 1 auto; | -ms-flex: 1 1 auto; | ||
| -webkit-flex: 1 1 auto; | -webkit-flex: 1 1 auto; | ||
| border-left: 1px dotted #D1D2D4; | |||
| } | |||
| .msg-contents-info a { | |||
| color: #E8EAEB; | |||
| } | } | ||
| /* Signature du membre */ | /* Signature du membre */ | ||
| .msg-sign, | .msg-sign, | ||
| .msg-sign2 { | .msg-sign2 { | ||
| padding: 4px; | padding: 0.228em; | ||
| width: 100%; | width: 100%; | ||
| background-color: #FCFCFD; | font-size: 0.809em; | ||
| border-left: 1px dotted #D1D2D4; | |||
| font-size: 11px; | |||
| } | } | ||
| .msg-sign img, | .msg-sign img, | ||
| .msg-sign2 img { | .msg-sign2 img { | ||
| max-height: 75px; | max-height: 75px; | ||
| } | } | ||
| /* Signature du membre => Couleur alternative */ | |||
| .msg-sign2 { | |||
| background-color: #FCFCFD; | |||
| } | |||
| /* Signature du membre, fixe la hauteur maximale */ | /* Signature du membre, fixe la hauteur maximale */ | ||
| .msg-sign-mbr { | .msg-sign-mbr { | ||
| padding-top: 5px; | padding-top: 0.309em; | ||
| height: auto !important; | height: auto !important; | ||
| max-height: 80px; | max-height: 80px; | ||
| overflow: hidden; | overflow: hidden; | ||
| } | } | ||
| .msg-sign-info { | .msg-sign-mbr hr { | ||
| border-top: 1px solid #D1D2D4; | clear: both; | ||
| margin-bottom: 1em; | |||
| } | } | ||
| .msg-sign-info .float-right a { | .msg-sign-info .float-right a { | ||
| padding: 2px 8px; | padding: 0.1618em 0.456em; | ||
| } | } | ||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||
| tfoot, | tfoot, | ||
| td.forum-announce-topic, | td.forum-announce-topic, | ||
| td.forum-fixed-topic, | td.forum-fixed-topic, | ||
| td.forum-subject-nb, | td.forum-subject-nb, | ||
| td.forum-message-nb, | td.forum-message-nb, | ||
| td.forum-view, | td.forum-view, | ||
| td.forum-author { | td.forum-author { | ||
| display: none !important; | display: none !important; | ||
| } | } | ||
| td.forum-last-topic { | td.forum-last-topic { | ||
| margin-bottom: 3px; | margin-bottom: 0.228em; | ||
| border-bottom: 1px solid #D1D2D4; | |||
| } | } | ||
| /* ---topic --- */ | /* ---topic --- */ | ||
| .msg-container, | .msg-container, | ||
| .msg-container2 { | .msg-container2 { | ||
| flex-direction: column; | flex-direction: column; | ||
| -ms-flex-direction: column; | -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | -webkit-flex-direction: column; | ||
| } | } | ||
| .msg-top { | .msg-top { | ||
| flex-direction: row; | flex-direction: row; | ||
| -ms-flex-direction: row; | -ms-flex-direction: row; | ||
| -webkit-flex-direction: row; | -webkit-flex-direction: row; | ||
| width: 100%; | width: 100%; | ||
| background-color: #4D4C50; | |||
| color: #FFFFFF; | |||
| } | } | ||
| .msg-pseudo-mbr { background-color: transparent;} | |||
| .msg-top-row { | .msg-top-row { | ||
| flex: 1 0 auto; | flex: 1 0 auto; | ||
| -ms-flex: 1 0 auto; | -ms-flex: 1 0 auto; | ||
| -webkit-flex: 1 0 auto; | -webkit-flex: 1 0 auto; | ||
| order: 2; | order: 2; | ||
| -ms-flex-order: 2; | -ms-flex-order: 2; | ||
| -webkit-flex-order: 2; | -webkit-flex-order: 2; | ||
| text-align: center; | text-align: center; | ||
| } | } | ||
| a.msg-link-pseudo { | a.msg-link-pseudo { | ||
| font-size: 1.2em; | font-size: 1.2em; | ||
| } | } | ||
| .msg-avatar-mbr { | .msg-avatar-mbr { | ||
| order: 1; | order: 1; | ||
| -ms-flex-order: 1; | -ms-flex-order: 1; | ||
| -webkit-flex-order: 1; | -webkit-flex-order: 1; | ||
| } | } | ||
| .msg-avatar-mbr img { | .msg-avatar-mbr img { | ||
| max-width: 60px; | max-width: 60px; | ||
| margin: 0.309em; | |||
| } | } | ||
| .msg-contents-container, | .msg-contents-container, | ||
| .msg-contents-container2 { | .msg-contents-container2 { | ||
| width: 100%; | width: 100%; | ||
| } | } | ||
| .msg-contents-info { | .msg-contents-info { | ||
| background: transparent; | background-color: transparent; | ||
| color: inherit; | font-size: 0.809em; | ||
| font-size: 0.7em; | |||
| text-align: right; | text-align: right; | ||
| } | } | ||
| .msg-contents-info span { | .msg-contents-info span { | ||
| float: none !important; | float: none !important; | ||
| } | } | ||
| .msg-contents-info a { | .msg-contents-info a { | ||
| padding: 0 4px; | padding: 0 0.228em; | ||
| color: inherit; | |||
| } | |||
| .msg-contents-info i { | |||
| margin-bottom: 0.309em; | |||
| } | } | ||
| .msg-contents-info .float-right a { | .msg-contents-info .float-right a { | ||
| padding: 8px; | padding: 0.456em; | ||
| } | } | ||
| .msg-sign span a, | .msg-sign span a, | ||
| .msg-sign2 span a { | .msg-sign2 span a { | ||
| padding: 3px; | padding: 0.228em; | ||
| } | } | ||
| .msg-info-mbr, | .msg-info-mbr, | ||
| .msg-sign-mbr { | .msg-sign-mbr { | ||
| display: none; | display: none; | ||
| } | } | ||
| .msg-contents, | .msg-contents, | ||
| .msg-sign, | .msg-sign, | ||
| .msg-sign2 { | .msg-sign2 { | ||
| margin: 0; | margin: 0; | ||
| border-left: none; | |||
| } | } | ||
| } | } | ||
| .fa-announce:before, | |||
| .fa-announce-new:before { content: "\f075"; } | |||
| .fa-announce-hot:before, | |||
| .fa-announce-new-hot:before { content: "\f086"; } | |||
| .fa-announce-lock:before, | |||
| .fa-announce-new-lock:before { content: "\f023"; } | |||
| .fa-announce-post:before, | |||
| .fa-announce-new-post:before { content: "\f071"; } | |||
| .fa-announce-top:before, | |||
| .fa-announce-new-top:before { content: "\f06a"; } | |||
| .fa-announce:before, | |||
| .fa-announce-hot:before { color: #D1D2D4; } | |||
| .fa-announce-new:before, | |||
| .fa-announce-new-hot:before { color: #676A74; } | |||
| .fa-msg-display:before { content: "\f00c"; color: #478948; } | |||
| .fa-msg-not-display:before { content: "\f00d"; color: #BA4B49; } | |||
| .fa-msg-track:before { content: "\f004"; color: #BA4B49; } | |||
| .fa-msg-not-track:before { content: "\f004"; color: #000000; } | |||
| .fa-pm-track:before { content: "\f0e0"; color: #4372AA; } | |||
| .fa-pm-not-track:before { content: "\f0e0"; color: #000000; } | |||
| .fa-mail-track:before { content: "\f003"; color: #4372AA; } | |||
| .fa-mail-not-track:before { content: "\f003"; color: #000000; } | |||
| .fa-lastview:before { content: "\f017"; color: #334455; } | |||
| .fa-notread:before { content: "\f0f6"; color: #334455; } | |||
| .fa-showmymsg:before { content: "\f0e6"; color: #334455; } | |||
| /* -- footer ==================================================================== */ | /* -- footer ==================================================================== */ | ||
| footer#forum-bottom { | footer#forum-bottom { | ||
| margin: 15px 0 5px 0; | margin: 1em 0 0.309em 0; | ||
| padding: 8px; | padding: 0.809em; | ||
| background-color: #EEEEEE; | |||
| border: 1px solid #DDDDDD; | |||
| } | |||
| footer#forum-bottom .forum-links { | |||
| border-bottom: 1px solid #CCCCCC; | |||
| } | } | ||
| footer#forum-bottom .forum-message-options { | footer#forum-bottom .forum-message-options { | ||
| border-bottom: none; | border-bottom: none; | ||
| } | } | ||
| /* -- Taille police menu ========================================================= */ | .forum-stats { | ||
| .cssmenu.cssmenu-group > ul > li > .cssmenu-title { | display: block; | ||
| font-size: 1.2rem; | } | ||
| } |