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 9 ans
Le diff n'expire jamais
Effacer
Exporter
Partager
Expliquer
35 suppressions
Lignes
Total
Supprimé
Caractères
Total
Supprimé
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
673 lignes
Copier tout
26 ajouts
Lignes
Total
Ajouté
Caractères
Total
Ajouté
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
690 lignes
Copier tout
section#main * {
section#main * {
box-sizing: content-box;
box-sizing: content-box;
}
}
/* -- header =============================================================== */
/* -- header =============================================================== */
header#forum-top {
header#forum-top {
margin: 5px 0 15px 0;
margin: 5px 0 15px 0;
padding: 8px;
padding: 8px;
background-color: #EEEEEE;
background-color: #EEEEEE;
Copier
Copié
Copier
Copié
border
-radius: 5px
;
border
: 1px solid #DDDDDD
;
}
}
header#forum-top h1 {
header#forum-top h1 {
padding: 0.7em 0.5em 1em 0.5em;
padding: 0.7em 0.5em 1em 0.5em;
border-bottom: none;
border-bottom: none;
font-size: 1.5rem;
font-size: 1.5rem;
}
}
header#forum-top .forum-links {
header#forum-top .forum-links {
border-top: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
}
/* --- menu index ========================================================= */
/* --- menu index ========================================================= */
.forum-index {
.forum-index {
display: none;
display: none;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
.forum-index {
.forum-index {
display: block;
display: block;
}
}
}
}
.forum-links .cssmenu .menu-button {
.forum-links .cssmenu .menu-button {
color: #999999 !important;
color: #999999 !important;
}
}
.forum-links .cssmenu .menu-button::after {
.forum-links .cssmenu .menu-button::after {
border-color: #999999;
border-color: #999999;
Copier
Copié
Copier
Copié
}
}
.forum-links .cssmenu .menu-button::before {
.forum-links .cssmenu .menu-button::before {
background-color: #999999;
background-color: #999999;
}
}
.forum-links .cssmenu .menu-button.menu-opened:after,
.forum-links .cssmenu .menu-button.menu-opened:after,
.forum-links .cssmenu .menu-button.menu-opened:before,
.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:after,
header .forum-links .cssmenu .menu-button.menu-opened:before {
header .forum-links .cssmenu .menu-button.menu-opened:before {
background-color: #999999;
background-color: #999999;
}
}
Copier
Copié
Copier
Copié
.forum-links .cssmenu{
.forum-links .cssmenu{
margin-top: 5px;
margin-top: 5px;
}
}
.forum-links .cssmenu i {
.forum-links .cssmenu i {
padding-bottom: 3px;
padding-bottom: 3px;
}
}
.forum-links .cssmenu .small {
.forum-links .cssmenu .small {
color: #334455;
color: #334455;
font-size: 1.1em;
font-size: 1.1em;
}
}
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
padding: 8px 5px;
padding: 8px 5px;
letter-spacing: 0;
letter-spacing: 0;
}
}
.forum-links .cssmenu-group > ul > li {
.forum-links .cssmenu-group > ul > li {
background: none;
background: none;
border: none;
border: none;
}
}
.forum-links .cssmenu-group > ul > li:hover {
.forum-links .cssmenu-group > ul > li:hover {
background: none;
background: none;
border: 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-editor {
.user-editor {
padding: 10px;
padding: 10px;
font-size: 0.8em;
font-size: 0.8em;
font-style: italic;
font-style: italic;
}
}
.forum-post-form .fieldset-submit {
.forum-post-form .fieldset-submit {
margin-bottom: 5px;
margin-bottom: 5px;
padding-top: 17px;
padding-top: 17px;
}
}
.error-auth-write-response {
.error-auth-write-response {
padding-bottom: 2px;
padding-bottom: 2px;
font-size: 0.8em;
font-size: 0.8em;
text-align: center;
text-align: center;
}
}
.error-auth-write {
.error-auth-write {
margin: auto;
margin: auto;
padding: 2px;
padding: 2px;
height: auto;
height: auto;
max-width: 300px;
max-width: 300px;
}
}
.forum-poll-table {
.forum-poll-table {
margin: 10px auto auto auto;
margin: 10px auto auto auto;
width: 80%;
width: 80%;
}
}
Copier
Copié
Copier
Copié
@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;
display:none;
}
}
.edit-pseudo {
.edit-pseudo {
margin: 40px 0 20px;
margin: 40px 0 20px;
padding: 10px;
padding: 10px;
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 4px ;
width: 99%;
width: 99%;
border-top: none;
border-top: none;
Copier
Copié
Copier
Copié
border-radius: 0 0 4px 4px;
}
}
/* --- 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 {
article header {
padding: 8px;
padding: 8px;
background-color: #EEEEEE;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
border: 1px solid #DDDDDD;
Copier
Copié
Copier
Copié
border-radius: 3px;
}
}
article header h2 {
article header h2 {
border: none;
border: none;
font-size: 1.3rem;
font-size: 1.3rem;
font-weight: normal;
font-weight: normal;
}
}
article header a {
article header a {
color: #334455;
color: #334455;
font-size: 1em;
font-size: 1em;
}
}
article header a.basic-button {
article header a.basic-button {
color: #FFFFFF;
color: #FFFFFF;
}
}
ul.pagination a {
ul.pagination a {
padding: 6px;
padding: 6px;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
ul.pagination a {
ul.pagination a {
padding: 3px;
padding: 3px;
}
}
}
}
.desc-forum {
.desc-forum {
font-size: 0.8em;
font-size: 0.8em;
}
}
/* --- Contenu de la page --- */
/* --- Contenu de la page --- */
.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: 10px;
padding: 8px;
padding: 8px;
min-height: 33px;
min-height: 33px;
background-color: #EEEEEE;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
border: 1px solid #DDDDDD;
Copier
Copié
Copier
Copié
border-radius: 3px;
}
}
article footer a {
article footer a {
color: #334455;
color: #334455;
font-size: 13px;
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;
color: #E8EAEB;
font-weight: bold;
font-weight: bold;
}
}
a.forum-link-pseudo:hover {
a.forum-link-pseudo:hover {
color: #F2FBFF;
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_blockforum_unread,
.forum-refresh #forum_blockforum_unread,
.forum-refresh #forum_blockforum_unread2 {
.forum-refresh #forum_blockforum_unread2 {
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;
background-color: #f5f5f5;
padding: 4px;
padding: 4px;
font-size: 0.8em;
font-size: 0.8em;
color: #366393;
color: #366393;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.forum-refresh #forum_blockforum_unread,
.forum-refresh #forum_blockforum_unread,
.forum-refresh #forum_blockforum_unread2 {
.forum-refresh #forum_blockforum_unread2 {
left: -34px;
left: -34px;
right: auto;
right: auto;
top: 20px;
top: 20px;
}
}
.forum-refresh #forum_blockforum_unread > div,
.forum-refresh #forum_blockforum_unread > div,
.forum-refresh #forum_blockforum_unread2 > div {
.forum-refresh #forum_blockforum_unread2 > div {
width: 300px !important;
width: 300px !important;
overflow: visible !important;
overflow: visible !important;
}
}
Copier
Copié
Copier
Copié
.forum-notread {
.forum-notread {
padding: 8px 4px;
padding: 8px 4px;
}
}
}
}
/* --- contenu des tables ======================================================= */
/* --- contenu des tables ======================================================= */
.forum-display-block {
.forum-display-block {
display: block;
display: block;
margin: 5px 0;
margin: 5px 0;
}
}
.forum-textarea,
.forum-textarea,
.forum-textarea:focus,
.forum-textarea:focus,
.forum-textarea:hover {
.forum-textarea:hover {
padding: 4px 6px;
padding: 4px 6px;
width: 99%;
width: 99%;
min-height: 150px;
min-height: 150px;
border-top: none;
border-top: none;
Copier
Copié
Copier
Copié
border-radius: 0 0 5px 5px;
}
}
Copier
Copié
Copier
Copié
table.bt tbody tr:last-child td {
table.bt tbody tr:last-child td {
border-bottom: none;
border-bottom: none;
}
}
Copier
Copié
Copier
Copié
table.bt tbody tr:last-child td:last-child {
table.bt tbody tr:last-child td:last-child {
border-bottom: 1px solid #D1D2D4;
border-bottom: 1px solid #D1D2D4;
}
}
/* --- taille des colonnes --- */
/* --- taille des colonnes --- */
@media (min-width: 980px) {
@media (min-width: 980px) {
Copier
Copié
Copier
Copié
.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: 25px;}
.td70 {width: 70px;}
.td70 {width: 70px;}
.td100 {width: 100px;}
.td100 {width: 100px;}
Copier
Copié
Copier
Copié
.forum-mass-modo { width: 25px; }
.forum-mass-modo { width: 25px; }
.forum-fixed-topic { width: 30px; }
.forum-fixed-topic { width: 30px; }
.forum-announce-topic { width: 30px; }
.forum-announce-topic { width: 30px; }
.forum-author { width: 100px; }
.forum-author { width: 100px; }
.forum-subject-nb { width: 60px; }
.forum-subject-nb { width: 60px; }
.forum-message-nb { width: 60px; }
.forum-message-nb { width: 60px; }
.forum-view { width: 60px; }
.forum-view { width: 60px; }
.forum-pm { width: 40px; }
.forum-pm { width: 40px; }
.forum-mail { width: 50px; }
.forum-mail { width: 50px; }
.forum-delete { width: 85px; }
.forum-delete { width: 85px; }
.forum-last-topic { width: 150px; }
.forum-last-topic { width: 150px; }
Copier
Copié
Copier
Copié
td.forum-last-topic {
td.forum-last-topic {
font-size: 0.8em;
font-size: 0.8em;
}
}
Copier
Copié
Copier
Copié
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: 5px;
text-align: center;
text-align: center;
}
}
/* Les des categories de niveau 0 */
/* Les des categories de niveau 0 */
a.forum-link-cat {
a.forum-link-cat {
font-weight: bold;
font-weight: bold;
}
}
/* Affichage des membres en ligne */
/* Affichage des membres en ligne */
.forum-online {
.forum-online {
padding: 6px 6px 0 6px;
padding: 6px 6px 0 6px;
height: auto;
height: auto;
overflow: hidden;
overflow: hidden;
clear: both;
clear: both;
}
}
.forum-online-select-cat {
.forum-online-select-cat {
padding: 5px;
padding: 5px;
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 5px;
}
}
/* Couleur des liens pour les messages du membre */
/* Couleur des liens pour les messages du membre */
a.forum-mbrmsg-links {
a.forum-mbrmsg-links {
color: #FFFFFF;
color: #FFFFFF;
}
}
.forum-search-word {
.forum-search-word {
background-color: #FFFF00;
background-color: #FFFF00;
color: #000000;
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 */
/* Classe du lien du pseudo des messages */
a.msg-link-pseudo {
a.msg-link-pseudo {
color: #E8EAEB;
color: #E8EAEB;
font-size: 11px;
font-size: 11px;
font-weight: bold;
font-weight: bold;
}
}
a.msg-link-pseudo:hover {
a.msg-link-pseudo:hover {
color: #F2FBFF;
color: #F2FBFF;
}
}
/* Conteneur des messages */
/* Conteneur des messages */
.msg-position {
.msg-position {
margin: 10px auto;
margin: 10px auto;
border: 1px solid #D1D4DF;
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;
background-color: #F0F3FF;
}
}
.msg-top a {
.msg-top a {
color: #E8EAEB;
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: 4px;
background-color: #4D4C50;
background-color: #4D4C50;
}
}
Copier
Copié
Copier
Copié
#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: 4px;
font-size: 10px;
font-size: 10px;
}
}
.msg-info-mbr a {
.msg-info-mbr a {
color: #4372AA;
color: #4372AA;
}
}
.msg-avatar-mbr img {
.msg-avatar-mbr img {
margin: 5px 0;
margin: 5px 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 ---*/
Copier
Copié
Copier
Copié
.msg-title {
padding: 4px;
background-color: #4D4C50;
}
.msg-title,
.msg-title a {
color: #E8EAEB;
}
.msg-contents-info {
.msg-contents-info {
padding: 4px;
padding: 4px;
background-color: #4D4C50;
background-color: #4D4C50;
color: #E8EAEB;
color: #E8EAEB;
}
}
Copier
Copié
Copier
Copié
#article-forum-membermsg .msg-contents-info,
#article-forum-membermsg .msg-contents-info a {
background-color: #F0F3FF;
color: #555555;
}
/* Case du message */
/* Case du message */
.msg-contents{
.msg-contents{
padding: 5px;
padding: 5px;
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;
border-left: 1px dotted #D1D2D4;
}
}
.msg-contents-info a {
.msg-contents-info a {
color: #E8EAEB;
color: #E8EAEB;
}
}
/* Signature du membre */
/* Signature du membre */
.msg-sign,
.msg-sign,
.msg-sign2 {
.msg-sign2 {
padding: 4px;
padding: 4px;
width: 100%;
width: 100%;
background-color: #FCFCFD;
background-color: #FCFCFD;
border-left: 1px dotted #D1D2D4;
border-left: 1px dotted #D1D2D4;
font-size: 11px;
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 */
/* Signature du membre => Couleur alternative */
.msg-sign2 {
.msg-sign2 {
background-color: #FCFCFD;
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: 5px;
height: auto !important;
height: auto !important;
max-height: 80px;
max-height: 80px;
overflow: hidden;
overflow: hidden;
}
}
.msg-sign-info {
.msg-sign-info {
border-top: 1px solid #D1D2D4;
border-top: 1px solid #D1D2D4;
}
}
.msg-sign-info .float-right a {
.msg-sign-info .float-right a {
padding: 2px 8px;
padding: 2px 8px;
}
}
@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;
}
}
Copier
Copié
Copier
Copié
td.forum-last-topic {
td.forum-last-topic {
margin-bottom: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #D1D2D4;
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;
}
}
Copier
Copié
Copier
Copié
.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;
background-color: #4D4C50;
color: #FFFFFF;
color: #FFFFFF;
}
}
Copier
Copié
Copier
Copié
.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;
}
}
Copier
Copié
Copier
Copié
a.msg-link-pseudo {
a.msg-link-pseudo {
font-size: 1.2em;
font-size: 1.2em;
}
}
Copier
Copié
Copier
Copié
.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;
}
}
Copier
Copié
Copier
Copié
.msg-avatar-mbr img {
.msg-avatar-mbr img {
max-width: 60px;
max-width: 60px;
}
}
Copier
Copié
Copier
Copié
.msg-contents-container,
.msg-contents-container,
.msg-contents-container2 {
.msg-contents-container2 {
width: 100%;
width: 100%;
}
}
Copier
Copié
Copier
Copié
.msg-contents-info {
.msg-contents-info {
background: transparent;
background: transparent;
color: inherit;
color: inherit;
font-size: 0.7em;
font-size: 0.7em;
text-align: right;
text-align: right;
}
}
Copier
Copié
Copier
Copié
.msg-contents-info span {
.msg-contents-info span {
float: none !important;
float: none !important;
}
}
Copier
Copié
Copier
Copié
.msg-contents-info a {
.msg-contents-info a {
padding: 0 4px;
padding: 0 4px;
color: inherit;
color: inherit;
}
}
Copier
Copié
Copier
Copié
.msg-contents-info .float-right a {
.msg-contents-info .float-right a {
padding: 8px;
padding: 8px;
}
}
Copier
Copié
Copier
Copié
.msg-sign span a,
.msg-sign span a,
.msg-sign2 span a {
.msg-sign2 span a {
padding: 3px;
padding: 3px;
}
}
Copier
Copié
Copier
Copié
.msg-info-mbr,
.msg-info-mbr,
.msg-sign-mbr {
.msg-sign-mbr {
display: none;
display: none;
}
}
Copier
Copié
Copier
Copié
.msg-contents,
.msg-contents,
.msg-sign,
.msg-sign,
.msg-sign2 {
.msg-sign2 {
margin: 0;
margin: 0;
border-left: none;
border-left: none;
}
}
}
}
.fa-announce:before,
.fa-announce:before,
.fa-announce-new:before { content: "\f075"; }
.fa-announce-new:before { content: "\f075"; }
.fa-announce-hot:before,
.fa-announce-hot:before,
.fa-announce-new-hot:before { content: "\f086"; }
.fa-announce-new-hot:before { content: "\f086"; }
.fa-announce-lock:before,
.fa-announce-lock:before,
.fa-announce-new-lock:before { content: "\f023"; }
.fa-announce-new-lock:before { content: "\f023"; }
.fa-announce-post:before,
.fa-announce-post:before,
.fa-announce-new-post:before { content: "\f071"; }
.fa-announce-new-post:before { content: "\f071"; }
.fa-announce-top:before,
.fa-announce-top:before,
.fa-announce-new-top:before { content: "\f06a"; }
.fa-announce-new-top:before { content: "\f06a"; }
.fa-announce:before,
.fa-announce:before,
.fa-announce-hot:before { color: #D1D2D4; }
.fa-announce-hot:before { color: #D1D2D4; }
.fa-announce-new:before,
.fa-announce-new:before,
.fa-announce-new-hot:before { color: #676A74; }
.fa-announce-new-hot:before { color: #676A74; }
.fa-msg-display:before { content: "\f00c"; color: #478948; }
.fa-msg-display:before { content: "\f00c"; color: #478948; }
.fa-msg-not-display:before { content: "\f00d"; color: #BA4B49; }
.fa-msg-not-display:before { content: "\f00d"; color: #BA4B49; }
.fa-msg-track:before { content: "\f004"; color: #BA4B49; }
.fa-msg-track:before { content: "\f004"; color: #BA4B49; }
.fa-msg-not-track:before { content: "\f004"; color: #000000; }
.fa-msg-not-track:before { content: "\f004"; color: #000000; }
.fa-pm-track:before { content: "\f0e0"; color: #4372AA; }
.fa-pm-track:before { content: "\f0e0"; color: #4372AA; }
.fa-pm-not-track:before { content: "\f0e0"; color: #000000; }
.fa-pm-not-track:before { content: "\f0e0"; color: #000000; }
.fa-mail-track:before { content: "\f003"; color: #4372AA; }
.fa-mail-track:before { content: "\f003"; color: #4372AA; }
.fa-mail-not-track:before { content: "\f003"; color: #000000; }
.fa-mail-not-track:before { content: "\f003"; color: #000000; }
.fa-lastview:before { content: "\f017"; color: #334455; }
.fa-lastview:before { content: "\f017"; color: #334455; }
.fa-notread:before { content: "\f0f6"; color: #334455; }
.fa-notread:before { content: "\f0f6"; color: #334455; }
Copier
Copié
Copier
Copié
.fa-showmymsg:before { content: "\f0e6"; color: #334455; }
/* -- footer ==================================================================== */
/* -- footer ==================================================================== */
footer#forum-bottom {
footer#forum-bottom {
margin: 15px 0 5px 0;
margin: 15px 0 5px 0;
padding: 8px;
padding: 8px;
background-color: #EEEEEE;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
border: 1px solid #DDDDDD;
Copier
Copié
Copier
Copié
border-radius: 3px;
}
}
footer#forum-bottom .forum-links {
footer#forum-bottom .forum-links {
border-bottom: 1px solid #CCCCCC;
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 ========================================================= */
/* -- Taille police menu ========================================================= */
.cssmenu.cssmenu-group > ul > li > .cssmenu-title {
.cssmenu.cssmenu-group > ul > li > .cssmenu-title {
font-size: 1.2rem;
font-size: 1.2rem;
Copier
Copié
Copier
Copié
}
}
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-radius: 5px; } 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; border-radius: 0 0 4px 4px; } /* --- 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; border-radius: 3px; } 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; border-radius: 3px; } 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_blockforum_unread, .forum-refresh #forum_blockforum_unread2 { 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_blockforum_unread, .forum-refresh #forum_blockforum_unread2 { left: -34px; right: auto; top: 20px; } .forum-refresh #forum_blockforum_unread > div, .forum-refresh #forum_blockforum_unread2 > 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; border-radius: 0 0 5px 5px; } 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 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; } .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-contents-info { padding: 4px; background-color: #4D4C50; color: #E8EAEB; } /* 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; } /* -- footer ==================================================================== */ footer#forum-bottom { margin: 15px 0 5px 0; padding: 8px; background-color: #EEEEEE; border: 1px solid #DDDDDD; border-radius: 3px; } 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
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_blockforum_unread, .forum-refresh #forum_blockforum_unread2 { 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_blockforum_unread, .forum-refresh #forum_blockforum_unread2 { left: -34px; right: auto; top: 20px; } .forum-refresh #forum_blockforum_unread > div, .forum-refresh #forum_blockforum_unread2 > 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 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; }
Trouver la différence