Diff
checker
Texto
Texto
Imágenes
Documentos
Excel
Carpetas
Legal
Enterprise
Aplicación de escritorio
Precios
Iniciar sesión
Descargar Diffchecker Desktop
Comparar texto
Encuentra la diferencia entre dos archivos de texto
Herramientas
Historial
Editor live
Ocultar sin cambios
Sin ajuste de línea
Vista
Dividido
Unificado
Nivel de detalle
Inteligente
Palabra
Letra
Resaltado de sintaxis
Elegir sintaxis
Ignorar
Transformar texto
Ir al primer cambio
Editar entrada
Diffchecker Desktop
La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!
Obtener Desktop
Untitled diff
Creado
hace 9 años
El diff nunca expira
Borrar
Exportar
Compartir
Explicar
35 eliminaciones
Líneas
Total
Eliminado
Caracteres
Total
Eliminado
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
673 líneas
Copiar todo
26 adiciones
Líneas
Total
Añadido
Caracteres
Total
Añadido
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
690 líneas
Copiar todo
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;
Copiar
Copiado
Copiar
Copiado
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;
Copiar
Copiado
Copiar
Copiado
}
}
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.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%;
}
}
Copiar
Copiado
Copiar
Copiado
@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;
Copiar
Copiado
Copiar
Copiado
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;
Copiar
Copiado
Copiar
Copiado
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;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
Copiar
Copiado
Copiar
Copiado
border-radius: 0 0 5px 5px;
}
}
Copiar
Copiado
Copiar
Copiado
table.bt tbody tr:last-child td {
table.bt tbody tr:last-child td {
border-bottom: none;
border-bottom: none;
}
}
Copiar
Copiado
Copiar
Copiado
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) {
Copiar
Copiado
Copiar
Copiado
.td20P { width: 20%; }
.td20P { width: 20%; }
.td25P { width: 25%; }
.td25P { width: 25%; }
.td33P { width: 33%; }
.td33P { width: 33%; }
.td66P { width: 66%; }
.td66P { width: 66%; }
Copiar
Copiado
Copiar
Copiado
.td25 {width: 25px;}
.td25 {width: 25px;}
.td70 {width: 70px;}
.td70 {width: 70px;}
.td100 {width: 100px;}
.td100 {width: 100px;}
Copiar
Copiado
Copiar
Copiado
.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; }
Copiar
Copiado
Copiar
Copiado
td.forum-last-topic {
td.forum-last-topic {
font-size: 0.8em;
font-size: 0.8em;
}
}
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
#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 ---*/
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
#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;
}
}
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
a.msg-link-pseudo {
a.msg-link-pseudo {
font-size: 1.2em;
font-size: 1.2em;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-avatar-mbr img {
.msg-avatar-mbr img {
max-width: 60px;
max-width: 60px;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-contents-container,
.msg-contents-container,
.msg-contents-container2 {
.msg-contents-container2 {
width: 100%;
width: 100%;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-contents-info span {
.msg-contents-info span {
float: none !important;
float: none !important;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-contents-info a {
.msg-contents-info a {
padding: 0 4px;
padding: 0 4px;
color: inherit;
color: inherit;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-contents-info .float-right a {
.msg-contents-info .float-right a {
padding: 8px;
padding: 8px;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-sign span a,
.msg-sign span a,
.msg-sign2 span a {
.msg-sign2 span a {
padding: 3px;
padding: 3px;
}
}
Copiar
Copiado
Copiar
Copiado
.msg-info-mbr,
.msg-info-mbr,
.msg-sign-mbr {
.msg-sign-mbr {
display: none;
display: none;
}
}
Copiar
Copiado
Copiar
Copiado
.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; }
Copiar
Copiado
Copiar
Copiado
.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;
Copiar
Copiado
Copiar
Copiado
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;
Copiar
Copiado
Copiar
Copiado
}
}
Diferencias guardadas
Texto original
Abrir archivo
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; }
Texto modificado
Abrir archivo
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; }
Encontrar la diferencia