Diff
checker
Texte
Texte
Images
Documents
Excel
Dossiers
Legal
Enterprise
Application de bureau
Prix
Se connecter
Télécharger Diffchecker Desktop
Comparer le texte
Trouver la différence entre deux fichiers texte
Outils
Historique
Éditeur live
Cacher identiques
Sans retour à la ligne
Vue
Divisé
Unifié
Niveau de précision
Intelligent
Mot
Caractère
Coloration syntaxique
Choisir la syntaxe
Ignorer
Transformer le texte
Aller au premier écart
Modifier l'entrée
Diffchecker Desktop
La façon la plus sécurisée d'utiliser Diffchecker. Obtenez l'application Diffchecker Desktop : vos diffs ne quittent jamais votre ordinateur !
Obtenir Desktop
Untitled diff
Créé
il y a 7 ans
Le diff n'expire jamais
Effacer
Exporter
Partager
Expliquer
290 suppressions
Lignes
Total
Supprimé
Caractères
Total
Supprimé
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
690 lignes
Copier tout
164 ajouts
Lignes
Total
Ajouté
Caractères
Total
Ajouté
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
582 lignes
Copier tout
Copier
Copié
Copier
Copié
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
============================================================================= */
#forum-top {
padding: 0.456em;
}
}
Copier
Copié
Copier
Copié
/* -- header =============================================================== */
#forum-top
h1
{
header
#forum-top
{
font-size: 1.618em
;
margin: 5px 0 15px 0;
text-align: left
;
padding: 8px
;
background-color: #EEEEEE;
border: 1px solid #DDDDDD
;
}
}
Copier
Copié
Copier
Copié
header#
forum-
top
h1
{
/* --- Forum table --- */
padding: 0.7em 0.5em 1em 0.5em;
#module-forum table.bt tbody td.
forum-
last-
top
ic .bt-content
{
border-bottom: none;
max-width: 63%
;
font-size: 1.5rem
;
}
}
Copier
Copié
Copier
Copié
header#
forum
-top .forum-links
{
#module-
forum
table tbody td .bt-content span
{
border-top: 1px solid #CCCCCC;
display: block;
text-align: left;
padding: 0.1618em
}
}
Copier
Copié
Copier
Copié
/* --- menu index ========================================================= */
#module-
forum
table.bt tbody tr:last-child td:last-child
{
.
forum
-index
{
border-width: 0 0 1px
;
display: none
;
}
}
Copier
Copié
Copier
Copié
@media (min-width: 769px) {
#module-forum header h2 > i,
.footer-forum > i {
font-size: 0.618em;
}
@media (min-width: 769px) {
.forum-index {
.forum-index {
display: block;
display: block;
}
}
}
}
Copier
Copié
Copier
Copié
.forum-links .
cssmenu .menu-button {
.forum-links .
cssmenu-group > ul > li
.css
menu-
title
,
color: #999999 !important;
.forum-links .css
menu-
group > ul > li:hover
.cssmenu
-title
{
}
border: none;
background
: none;
.forum-links .cssmenu .menu-button::after {
border-color: #999999;
}
.forum-links .cssmenu .menu-button::before {
background-color: #999999;
}
.forum-links
.css
menu .
menu-
button.menu-opened:after
,
.forum-links .css
menu .
menu-
button.menu-opened:before,
header .forum-links .cssmenu .menu-button.menu-opened:after,
header .forum-links
.cssmenu
.menu-button.menu-opened:before
{
background
-color: #999999;
}
.forum-links .cssmenu{
margin-top: 5px;
}
.forum-links .cssmenu i {
padding-bottom: 3px;
}
.forum-links .cssmenu .small {
color: #334455;
font-size: 1.1em;
}
}
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
Copier
Copié
Copier
Copié
padding:
8px 5px
;
padding:
0.309em 0.809em
;
letter-spacing: 0;
letter-spacing: 0;
Copier
Copié
Copier
Copié
}
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;
}
}
Copier
Copié
Copier
Copié
/* -- 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 --- */
Copier
Copié
Copier
Copié
.user-group {
display: block;
}
.user-editor {
.user-editor {
Copier
Copié
Copier
Copié
padding:
10px
;
margin-top: 2.618em;
font-size: 0.8
em;
padding:
0.618em 0
;
font-size: 0.8
09
em;
font-style: italic;
font-style: italic;
Copier
Copié
Copier
Copié
display: block;
}
}
.forum-post-form .fieldset-submit {
.forum-post-form .fieldset-submit {
Copier
Copié
Copier
Copié
margin-bottom:
5px
;
margin-bottom:
0.309em
;
padding-top:
17px
;
padding-top:
1em
;
}
}
.error-auth-write-response {
.error-auth-write-response {
Copier
Copié
Copier
Copié
padding-bottom:
2px
;
padding-bottom:
0.1618
;
font-size: 0.8
em;
font-size: 0.8
09
em;
text-align: center;
text-align: center;
}
}
.error-auth-write {
.error-auth-write {
margin: auto;
margin: auto;
Copier
Copié
Copier
Copié
padding:
2px
;
padding:
0.1618
;
height: auto;
height: auto;
max-width: 300px;
max-width: 300px;
}
}
.forum-poll-table {
.forum-poll-table {
Copier
Copié
Copier
Copié
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;
Copier
Copié
Copier
Copié
display:none;
}
}
.edit-pseudo {
.edit-pseudo {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
margin: 0
4px
;
margin: 0
0.228em
;
width: 99%;
width: 99%;
border-top: none;
border-top: none;
}
}
Copier
Copié
Copier
Copié
.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 --- */
Copier
Copié
Copier
Copié
article
header {
.forum-contents
header {
padding: 8px;
margin: 0
;
background-color: #EEEEEE;
border: 1px solid #DDDDDD
;
}
}
Copier
Copié
Copier
Copié
article
header h2
{
.forum-contents
header h2
,
.footer-forum,
.forum-contents footer
{
border: none;
border: none;
Copier
Copié
Copier
Copié
font-size: 1.3
r
em;
font-weight: 300;
font-weight: normal;
font-size: 1.3
82
em;
}
}
Copier
Copié
Copier
Copié
article
header a {
.footer-forum {
color: #334455;
padding: 0 0.618em;
}
.forum-contents
header a {
font-size: 1em;
font-size: 1em;
}
}
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
padding:
6px
;
padding:
0.309em
;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
ul.pagination a {
ul.pagination a {
Copier
Copié
Copier
Copié
padding:
3px
;
padding:
0.228em
;
}
}
}
}
.desc-forum {
.desc-forum {
Copier
Copié
Copier
Copié
font-size: 0.8
em;
font-size: 0.8
09
em;
}
}
/* --- Contenu de la page --- */
/* --- Contenu de la page --- */
Copier
Copié
Copier
Copié
.forum-contents {
padding: 0 0.809em;
}
.content {
.content {
padding: 0;
padding: 0;
clear: both;
clear: both;
Copier
Copié
Copier
Copié
}
}
/* --- footer du contenu de la page --- */
/* --- footer du contenu de la page --- */
article footer {
article footer {
Copier
Copié
Copier
Copié
margin-top:
10px
;
margin-top:
0.618em
;
padding:
8px
;
padding:
0.456em
;
min-height: 33px;
min-height: 33px;
Copier
Copié
Copier
Copié
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
}
}
article footer a {
article footer a {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
.forum-notread {
.forum-notread {
background-color: #f5f5f5;
padding:
0.228em
;
padding:
4px
;
font-size: 0.8
09
em;
font-size: 0.8
em;
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 {
Copier
Copié
Copier
Copié
padding:
8px 4px
;
padding:
0.456em 0.228em
;
}
}
}
}
/* --- contenu des tables ======================================================= */
/* --- contenu des tables ======================================================= */
.forum-display-block {
.forum-display-block {
display: block;
display: block;
Copier
Copié
Copier
Copié
margin:
5px
0;
margin:
0.309em
0;
}
}
Copier
Copié
Copier
Copié
.forum-textarea,
.forum-textarea,
.forum-textarea:focus,
.forum-textarea:focus,
.forum-textarea:hover {
.forum-textarea:hover {
Copier
Copié
Copier
Copié
padding:
4px 6px
;
padding:
0.228em 0.309em
;
width: 99%;
width: 99%;
min-height: 150px;
min-height: 150px;
border-top: none;
border-top: none;
}
}
Copier
Copié
Copier
Copié
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%; }
Copier
Copié
Copier
Copié
.td25 {width:
25px;
}
.td25 {width:
1.618em;
}
.td70 {width:
70px;
}
.td70 {width:
4.56em;
}
.td100 {width:
100px;
}
.td100 {width:
6.18em;
}
Copier
Copié
Copier
Copié
.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 {
Copier
Copié
Copier
Copié
font-size: 0.8
em;
font-size: 0.8
09
em;
}
}
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 {
Copier
Copié
Copier
Copié
margin-top:
5px
;
margin-top:
0.309em
;
text-align: center;
text-align: center;
}
}
Copier
Copié
Copier
Copié
/* 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 {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
/* Messages postes par les membres
/* Messages postes par les membres
--------------------------------------*/
--------------------------------------*/
Copier
Copié
Copier
Copié
/* 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 */
Copier
Copié
Copier
Copié
.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 */
Copier
Copié
Copier
Copié
.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;
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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 */
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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;
Copier
Copié
Copier
Copié
-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 ---*/
Copier
Copié
Copier
Copié
.msg-title {
padding: 4px;
background-color: #4D4C50;
}
.msg-title,
.msg-title,
Copier
Copié
Copier
Copié
.msg-title a {
color: #E8EAEB;
}
.msg-contents-info {
.msg-contents-info {
Copier
Copié
Copier
Copié
padding:
4px;
padding:
0.456em
;
background-color: #4D4C50;
color: #E8EAEB
;
}
}
Copier
Copié
Copier
Copié
#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 */
Copier
Copié
Copier
Copié
.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;
Copier
Copié
Copier
Copié
border-left: 1px dotted #D1D2D4;
}
.msg-contents-info a {
color: #E8EAEB;
}
}
/* Signature du membre */
/* Signature du membre */
.msg-sign,
.msg-sign,
Copier
Copié
Copier
Copié
.msg-sign2 {
.msg-sign2 {
padding:
4px
;
padding:
0.228em
;
width: 100%;
width: 100%;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
/* Signature du membre => Couleur alternative */
.msg-sign2 {
background-color: #FCFCFD;
}
/* Signature du membre, fixe la hauteur maximale */
/* Signature du membre, fixe la hauteur maximale */
Copier
Copié
Copier
Copié
.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;
}
}
Copier
Copié
Copier
Copié
.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 {
Copier
Copié
Copier
Copié
padding:
2px 8px
;
padding:
0.1618em 0.456em
;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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;
Copier
Copié
Copier
Copié
-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;
Copier
Copié
Copier
Copié
-ms-flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-direction: row;
width: 100%;
width: 100%;
Copier
Copié
Copier
Copié
background-color: #4D4C50;
color: #FFFFFF;
}
}
Copier
Copié
Copier
Copié
.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;
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
padding:
8px
;
padding:
0.456em
;
}
}
.msg-sign span a,
.msg-sign span a,
.msg-sign2 span a {
.msg-sign2 span a {
Copier
Copié
Copier
Copié
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;
Copier
Copié
Copier
Copié
border-left: none;
}
}
}
}
Copier
Copié
Copier
Copié
.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; }
Copier
Copié
Copier
Copié
.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 {
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
/* -- Taille police menu ========================================================= */
.forum-stats {
.cssmenu.cssmenu-group > ul > li > .cssmenu-title {
display: block
;
font-size: 1.2rem
;
}
}
Différences enregistrées
Texte d'origine
Ouvrir un fichier
section#main * { box-sizing: content-box; } /* -- 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) { .forum-index { display: block; } } .forum-links .cssmenu .menu-button { color: #999999 !important; } .forum-links .cssmenu .menu-button::after { border-color: #999999; } .forum-links .cssmenu .menu-button::before { background-color: #999999; } .forum-links .cssmenu .menu-button.menu-opened:after, .forum-links .cssmenu .menu-button.menu-opened:before, header .forum-links .cssmenu .menu-button.menu-opened:after, header .forum-links .cssmenu .menu-button.menu-opened:before { background-color: #999999; } .forum-links .cssmenu{ margin-top: 5px; } .forum-links .cssmenu i { padding-bottom: 3px; } .forum-links .cssmenu .small { color: #334455; font-size: 1.1em; } .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title { padding: 8px 5px; letter-spacing: 0; } .forum-links .cssmenu-group > ul > li { background: none; border: none; } .forum-links .cssmenu-group > ul > li:hover { background: none; border: none; } /* -- details des pages ============================================================== */ /* --- pagination --- */ article header ul.pagination, article footer ul.pagination { display: inline; } /*--- details des topic --- */ .user-editor { padding: 10px; font-size: 0.8em; font-style: italic; } .forum-post-form .fieldset-submit { margin-bottom: 5px; padding-top: 17px; } .error-auth-write-response { padding-bottom: 2px; font-size: 0.8em; text-align: center; } .error-auth-write { margin: auto; padding: 2px; height: auto; max-width: 300px; } .forum-poll-table { margin: 10px auto auto auto; width: 80%; } @media (max-width: 768px) { .forum-poll-table td { text-align: left; } } .del-msg { cursor:pointer; display:none; } .edit-pseudo { margin: 40px 0 20px; padding: 10px; font-size: 1em; font-style: italic; } /* --- stats --- */ .forum-stats span { display: block; } /* --- moderation --- */ @media (min-width: 769px) { #article-forum-moderation #id-message-helper.notice { width: 80%; } } #article-forum-moderation textarea { margin: 0 4px ; width: 99%; border-top: none; } /* --- creation de topic --- */ #add_poll_field_link { width: 185px; } /* --- header du contenu de la page --- */ article header { padding: 8px; background-color: #EEEEEE; border: 1px solid #DDDDDD; } article header h2 { border: none; font-size: 1.3rem; font-weight: normal; } article header a { color: #334455; font-size: 1em; } article header a.basic-button { color: #FFFFFF; } ul.pagination a { padding: 6px; } @media (min-width: 769px) { ul.pagination a { padding: 3px; } } .desc-forum { font-size: 0.8em; } /* --- Contenu de la page --- */ .content { padding: 0; clear: both; } /* --- footer du contenu de la page --- */ article footer { margin-top: 10px; padding: 8px; min-height: 33px; background-color: #EEEEEE; border: 1px solid #DDDDDD; } article footer a { color: #334455; font-size: 13px; } /* --- Classe du lien du pseudo sur forum --- */ a.forum-link-pseudo { color: #E8EAEB; font-weight: bold; } a.forum-link-pseudo:hover { color: #F2FBFF; font-weight: bold; } /* --- Messages non lus --- */ .forum-refresh { position: relative; float: left; } .forum-refresh #forum_block_forum_unread_top, .forum-refresh #forum_block_forum_unread_bottom { position: absolute; z-index: 100; top: 100%; right: -150px; } .forum-notread { background-color: #f5f5f5; padding: 4px; font-size: 0.8em; color: #366393; } @media (max-width: 768px) { .forum-refresh #forum_block_forum_unread_top, .forum-refresh #forum_block_forum_unread_bottom { left: -34px; right: auto; top: 20px; } .forum-refresh #forum_block_forum_unread_top > div, .forum-refresh #forum_block_forum_unread_bottom > div { width: 300px !important; overflow: visible !important; } .forum-notread { padding: 8px 4px; } } /* --- contenu des tables ======================================================= */ .forum-display-block { display: block; margin: 5px 0; } .forum-textarea, .forum-textarea:focus, .forum-textarea:hover { padding: 4px 6px; width: 99%; min-height: 150px; 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 --- */ @media (min-width: 980px) { .td20P { width: 20%; } .td25P { width: 25%; } .td33P { width: 33%; } .td66P { width: 66%; } .td25 {width: 25px;} .td70 {width: 70px;} .td100 {width: 100px;} .forum-mass-modo { width: 25px; } .forum-fixed-topic { width: 30px; } .forum-announce-topic { width: 30px; } .forum-author { width: 100px; } .forum-subject-nb { width: 60px; } .forum-message-nb { width: 60px; } .forum-view { width: 60px; } .forum-pm { width: 40px; } .forum-mail { width: 50px; } .forum-delete { width: 85px; } .forum-last-topic { width: 150px; } td.forum-last-topic { font-size: 0.8em; } td.forum-topic { text-align: left; } } /* Cadre des liens: alerter les moderateurs et suivre le sujet */ .forum-action { margin-top: 5px; text-align: center; } /* Les liens des categories de niveau 0 */ a.forum-link-cat { font-weight: bold; } /* Affichage des membres en ligne */ .forum-online { padding: 6px 6px 0 6px; height: auto; overflow: hidden; clear: both; } .forum-online-select-cat { padding: 5px; clear: both; } .forum-online-select { min-width: 160px; max-width: 530px; } @media (max-width: 768px) { .forum-online-select { max-width: 100%; } } /* Contenu */ .forum-cat-title { padding: 0 5px; } /* Couleur des liens pour les messages du membre */ a.forum-mbrmsg-links { color: #FFFFFF; } .forum-search-word { background-color: #FFFF00; color: #000000; } .pagin-forum { float: right; } /* 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 */ .msg-position { margin: 10px auto; border: 1px solid #D1D4DF; } /* Case contenant l'ensemble du message */ .msg-container, .msg-container2 { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; height: auto !important; overflow: hidden !important; clear: both; } /* Barre superieur des messages */ .msg-top { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; width: 135px; background-color: #F0F3FF; } .msg-top a { color: #E8EAEB; } .msg-top-row p { margin: 0; } /* Pseudo du membre */ .msg-pseudo-mbr { padding: 4px; 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 */ padding: 4px; font-size: 10px; } .msg-info-mbr a { color: #4372AA; } .msg-avatar-mbr img { margin: 5px 0; max-width: 120px; } /* Case contenant l'ensemble du message, infos membre + contenu */ .msg-contents-container, .msg-contents-container2 { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; width: calc(100% - 135px); } /* --- info case du message ---*/ .msg-title { padding: 4px; background-color: #4D4C50; } .msg-title, .msg-title a { color: #E8EAEB; } .msg-contents-info { padding: 4px; background-color: #4D4C50; color: #E8EAEB; } #article-forum-membermsg .msg-contents-info, #article-forum-membermsg .msg-contents-info a { background-color: #F0F3FF; color: #555555; } /* Case du message */ .msg-contents{ padding: 5px; flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; border-left: 1px dotted #D1D2D4; } .msg-contents-info a { color: #E8EAEB; } /* Signature du membre */ .msg-sign, .msg-sign2 { padding: 4px; width: 100%; background-color: #FCFCFD; border-left: 1px dotted #D1D2D4; font-size: 11px; } .msg-sign img, .msg-sign2 img { max-height: 75px; } /* Signature du membre => Couleur alternative */ .msg-sign2 { background-color: #FCFCFD; } /* Signature du membre, fixe la hauteur maximale */ .msg-sign-mbr { padding-top: 5px; height: auto !important; max-height: 80px; overflow: hidden; } .msg-sign-info { border-top: 1px solid #D1D2D4; } .msg-sign-info .float-right a { padding: 2px 8px; } @media (max-width: 768px) { tfoot, td.forum-announce-topic, td.forum-fixed-topic, td.forum-subject-nb, td.forum-message-nb, td.forum-view, td.forum-author { display: none !important; } td.forum-last-topic { margin-bottom: 3px; border-bottom: 1px solid #D1D2D4; } /* ---topic --- */ .msg-container, .msg-container2 { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; } .msg-top { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; width: 100%; background-color: #4D4C50; color: #FFFFFF; } .msg-top-row { flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; order: 2; -ms-flex-order: 2; -webkit-flex-order: 2; text-align: center; } a.msg-link-pseudo { font-size: 1.2em; } .msg-avatar-mbr { order: 1; -ms-flex-order: 1; -webkit-flex-order: 1; } .msg-avatar-mbr img { max-width: 60px; } .msg-contents-container, .msg-contents-container2 { width: 100%; } .msg-contents-info { background: transparent; color: inherit; font-size: 0.7em; text-align: right; } .msg-contents-info span { float: none !important; } .msg-contents-info a { padding: 0 4px; color: inherit; } .msg-contents-info .float-right a { padding: 8px; } .msg-sign span a, .msg-sign2 span a { padding: 3px; } .msg-info-mbr, .msg-sign-mbr { display: none; } .msg-contents, .msg-sign, .msg-sign2 { 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#forum-bottom { margin: 15px 0 5px 0; padding: 8px; background-color: #EEEEEE; border: 1px solid #DDDDDD; } footer#forum-bottom .forum-links { border-bottom: 1px solid #CCCCCC; } footer#forum-bottom .forum-message-options { border-bottom: none; } /* -- Taille police menu ========================================================= */ .cssmenu.cssmenu-group > ul > li > .cssmenu-title { font-size: 1.2rem; }
Texte modifié
Ouvrir un fichier
/* * 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 ============================================================================= */ #forum-top { padding: 0.456em; } #forum-top h1 { font-size: 1.618em; text-align: left; } /* --- Forum table --- */ #module-forum table.bt tbody td.forum-last-topic .bt-content { max-width: 63%; } #module-forum table tbody td .bt-content span { display: block; text-align: left; padding: 0.1618em } #module-forum table.bt tbody tr:last-child td:last-child { border-width: 0 0 1px; } #module-forum header h2 > i, .footer-forum > i { font-size: 0.618em; } @media (min-width: 769px) { .forum-index { display: block; } } .forum-links .cssmenu-group > ul > li .cssmenu-title, .forum-links .cssmenu-group > ul > li:hover .cssmenu-title { border: none; background: none; } .forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title { padding: 0.309em 0.809em; letter-spacing: 0; font-size: 1.482rem; } /* -- details des pages ============================================================================= */ /* --- pagination --- */ article header ul.pagination, article footer ul.pagination { display: inline; } /*--- details des topic --- */ .user-group { display: block; } .user-editor { margin-top: 2.618em; padding: 0.618em 0; font-size: 0.809em; font-style: italic; display: block; } .forum-post-form .fieldset-submit { margin-bottom: 0.309em; padding-top: 1em; } .error-auth-write-response { padding-bottom: 0.1618; font-size: 0.809em; text-align: center; } .error-auth-write { margin: auto; padding: 0.1618; height: auto; max-width: 300px; } .forum-poll-table { margin: 0.618em auto auto auto; width: 80%; } @media (max-width: 768px) { .forum-poll-table td { text-align: left; } } .del-msg { cursor:pointer; } .edit-pseudo { margin: 1.618em 0 1.309em; padding: 0.618em; font-size: 1em; font-style: italic; } /* --- stats --- */ .forum-stats span { display: block; } /* --- moderation --- */ @media (min-width: 769px) { #article-forum-moderation #id-message-helper.notice { width: 80%; } } #article-forum-moderation textarea { margin: 0 0.228em ; width: 99%; border-top: none; } .moderation-type-block { display: block; text-align: center; } .moderation-type-block > span { display: block; } /* --- creation de topic --- */ #add_poll_field_link { width: 185px; } /* --- header du contenu de la page --- */ .forum-contents header { margin: 0; } .forum-contents header h2, .footer-forum, .forum-contents footer { border: none; font-weight: 300; font-size: 1.382em; } .footer-forum { padding: 0 0.618em; } .forum-contents header a { font-size: 1em; } .forum-contents header a.basic-button, .footer-forum a.basic-button { font-size: 0.618em; } .forum-contents table { margin-top: 0; } ul.pagination a { padding: 0.309em; } @media (min-width: 769px) { ul.pagination a { padding: 0.228em; } } .desc-forum { font-size: 0.809em; } /* --- Contenu de la page --- */ .forum-contents { padding: 0 0.809em; } .content { padding: 0; clear: both; } /* --- footer du contenu de la page --- */ article footer { margin-top: 0.618em; padding: 0.456em; min-height: 33px; } article footer a { font-size: 0.809em; } /* --- Classe du lien du pseudo sur forum --- */ a.forum-link-pseudo { font-weight: bold; } /* --- Messages non lus --- */ .forum-refresh { position: relative; float: left; } .forum-refresh #forum_block_forum_unread_top, .forum-refresh #forum_block_forum_unread_bottom { position: absolute; z-index: 100; top: 100%; right: -150px; } .forum-notread { padding: 0.228em; font-size: 0.809em; } @media (max-width: 768px) { .forum-refresh #forum_block_forum_unread_top, .forum-refresh #forum_block_forum_unread_bottom { left: -34px; right: auto; top: 20px; } .forum-refresh #forum_block_forum_unread_top > div, .forum-refresh #forum_block_forum_unread_bottom > div { width: 300px !important; overflow: visible !important; } .forum-notread { padding: 0.456em 0.228em; } } /* --- contenu des tables ======================================================= */ .forum-display-block { display: block; margin: 0.309em 0; } .forum-textarea, .forum-textarea:focus, .forum-textarea:hover { padding: 0.228em 0.309em; width: 99%; min-height: 150px; border-top: none; } /* --- taille des colonnes --- */ @media (min-width: 980px) { .td20P { width: 20%; } .td25P { width: 25%; } .td33P { width: 33%; } .td66P { width: 66%; } .td25 {width: 1.618em; } .td70 {width: 4.56em; } .td100 {width: 6.18em; } .forum-mass-modo { width: 1.618em; } .forum-fixed-topic { width: 2.28em; } .forum-announce-topic { width: 2.28em; } .forum-author { width: 6.18em; } .forum-subject-nb { width: 3.82em; } .forum-message-nb { width: 3.82em; } .forum-view { width: 3.82em; } .forum-pm { width: 3.82em; } .forum-mail { width: 3.82em; } .forum-delete { width: 4.56em; } .forum-last-topic { width: 10em; } td.forum-last-topic { font-size: 0.809em; } td.forum-topic { text-align: left; } } /* Cadre des liens: alerter les moderateurs et suivre le sujet */ .forum-action { margin-top: 0.309em; text-align: center; } /* Les des categories de niveau 0 */ /* Affichage des membres en ligne */ .forum-online { padding: 0.309em 0.309em 0 0.309em; height: auto; overflow: hidden; clear: both; } .forum-online-select-cat { padding: 0.309em; clear: both; } .forum-online-select { min-width: 160px; max-width: 530px; } @media (max-width: 768px) { .forum-online-select { max-width: 100%; } } /* Contenu */ .forum-cat-title { padding: 0 0.309em; } .pagin-forum { float: right; } /* Messages postes par les membres --------------------------------------*/ /* Conteneur des messages */ .msg-position { margin: 1.618em auto; } /* Case contenant l'ensemble du message */ .msg-container, .msg-container2 { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; height: auto !important; overflow: hidden !important; clear: both; } /* Barre superieur des messages */ .msg-top { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; width: 135px; } .msg-top-row p { margin: 0; } /* Pseudo du membre */ .msg-pseudo-mbr { padding: 0.456em; } .msg-info-mbr { /* Case des informations du membre */ padding: 0.456em; font-size: 0.618em; } .msg-avatar-mbr img { margin: 0.309em 0; max-width: 120px; } /* Case contenant l'ensemble du message, infos membre + contenu */ .msg-contents-container, .msg-contents-container2 { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; width: calc(100% - 135px); } /* --- info case du message ---*/ .msg-title, .msg-contents-info { padding: 0.456em; } .msg-contents-info a { padding: 0 0.382em 0 0.228em; } /* Case du message */ .msg-contents{ padding: 0.309em; flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; } /* Signature du membre */ .msg-sign, .msg-sign2 { padding: 0.228em; width: 100%; font-size: 0.809em; } .msg-sign img, .msg-sign2 img { max-height: 75px; } /* Signature du membre, fixe la hauteur maximale */ .msg-sign-mbr { padding-top: 0.309em; height: auto !important; max-height: 80px; overflow: hidden; } .msg-sign-mbr hr { clear: both; margin-bottom: 1em; } .msg-sign-info .float-right a { padding: 0.1618em 0.456em; } @media (max-width: 768px) { tfoot, td.forum-announce-topic, td.forum-fixed-topic, td.forum-subject-nb, td.forum-message-nb, td.forum-view, td.forum-author { display: none !important; } td.forum-last-topic { margin-bottom: 0.228em; } /* ---topic --- */ .msg-container, .msg-container2 { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; } .msg-top { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; width: 100%; } .msg-pseudo-mbr { background-color: transparent;} .msg-top-row { flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; order: 2; -ms-flex-order: 2; -webkit-flex-order: 2; text-align: center; } a.msg-link-pseudo { font-size: 1.2em; } .msg-avatar-mbr { order: 1; -ms-flex-order: 1; -webkit-flex-order: 1; } .msg-avatar-mbr img { max-width: 60px; margin: 0.309em; } .msg-contents-container, .msg-contents-container2 { width: 100%; } .msg-contents-info { background-color: transparent; font-size: 0.809em; text-align: right; } .msg-contents-info span { float: none !important; } .msg-contents-info a { padding: 0 0.228em; } .msg-contents-info i { margin-bottom: 0.309em; } .msg-contents-info .float-right a { padding: 0.456em; } .msg-sign span a, .msg-sign2 span a { padding: 0.228em; } .msg-info-mbr, .msg-sign-mbr { display: none; } .msg-contents, .msg-sign, .msg-sign2 { margin: 0; } } /* -- footer ==================================================================== */ footer#forum-bottom { margin: 1em 0 0.309em 0; padding: 0.809em; } footer#forum-bottom .forum-message-options { border-bottom: none; } .forum-stats { display: block; }
Trouver la différence