Diff
checker
Texte
Texte
Images
Documents
Excel
Dossiers
Legal
Enterprise
Application de bureau
Prix
Se connecter
Télécharger Diffchecker Desktop
Comparer le texte
Trouver la différence entre deux fichiers texte
Outils
Historique
Éditeur live
Cacher identiques
Sans retour à la ligne
Vue
Divisé
Unifié
Niveau de précision
Intelligent
Mot
Caractère
Coloration syntaxique
Choisir la syntaxe
Ignorer
Transformer le texte
Aller au premier écart
Modifier l'entrée
Diffchecker Desktop
La façon la plus sécurisée d'utiliser Diffchecker. Obtenez l'application Diffchecker Desktop : vos diffs ne quittent jamais votre ordinateur !
Obtenir Desktop
Untitled diff
Créé
il y a 7 ans
Le diff n'expire jamais
Effacer
Exporter
Partager
Expliquer
195 suppressions
Lignes
Total
Supprimé
Caractères
Total
Supprimé
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
402 lignes
Copier tout
121 ajouts
Lignes
Total
Ajouté
Caractères
Total
Ajouté
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
335 lignes
Copier tout
Copier
Copié
Copier
Copié
/** BBcode **/
/*
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/
.bbcode {
.bbcode {
position: relative;
position: relative;
display: table;
display: table;
Copier
Copié
Copier
Copié
margin:
5px
auto -
5px
auto;
margin:
0.309em
auto -
0.309em
auto;
width: 99%;
width: 99%;
Copier
Copié
Copier
Copié
background-color: #EEEEEE
;
border-width: 1px 1px 0
;
border
: 1px
solid
#BBBBBB
;
border
-style:
solid
;
}
}
.bbcode-containers {
.bbcode-containers {
display: table-cell;
display: table-cell;
font-size: 0;
font-size: 0;
}
}
.bbcode-container {
.bbcode-container {
display: inline-block;
display: inline-block;
Copier
Copié
Copier
Copié
margin:
2px 0 2px
0;
margin:
0;
padding: 0
;
padding: 0
.1618em
;
border-
right
: 1px
solid
#CECECE
;
border-
width
: 1px
;
Text moved with changes to lines 36-39 (91.4% similarity)
}
border-style:
solid
;
border-color: transparent;
@media (min-width: 769px) {
.bbcode-container {
position: relative;
}
}
}
.bbcode-container:after {
.bbcode-container:after {
position: absolute;
position: absolute;
Copier
Copié
Copier
Copié
top: 0;
right: -2px;
right: -2px;
Copier
Copié
Copier
Copié
height:
24px
;
height:
100%
;
width: 1px;
width: 1px;
content: "";
content: "";
Copier
Copié
Copier
Copié
Text moved with changes from lines 21-24 (91.4% similarity)
background: #FFFFFF;
}
@media (min-width: 769px) {
.bbcode-container { position: relative; }
}
}
.bbcode-elements {
.bbcode-elements {
display: inline-block;
display: inline-block;
Copier
Copié
Copier
Copié
height: 24px
;
font-size: 1.456rem
;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
.bbcode-elements {
.bbcode-elements {
position: relative;
position: relative;
}
}
}
}
Copier
Copié
Copier
Copié
/* Icones de la barre BBCode */
.bbcode-elements > a {
.bbcode-elements > a {
display: inline-block;
display: inline-block;
Copier
Copié
Copier
Copié
height: 22px;
font-size: 1.456rem;
border: 1px solid transparent;
padding:
0.309em
;
}
text-align: center;
vertical-align: 0
;
.bbcode .bbcode-elements > a {
margin: 1px 2px;
padding:
2px 2px 0 2px
;
width: 23px
;
}
}
.bbcode-elements > a:hover {
.bbcode-elements > a:hover {
Copier
Copié
Copier
Copié
color: #222222;
text-decoration: none;
text-decoration: none;
}
}
Copier
Copié
Copier
Copié
.bbcode .bbcode-elements > a:hover {
background-image: linear-gradient(#F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.bbcode-elements a,
.bbcode-block-container {
font-size: 1.3rem;
}
.bbcode-elements-more {
.bbcode-elements-more {
display: table-cell;
display: table-cell;
margin: auto;
margin: auto;
Copier
Copié
Copier
Copié
width:
20px
;
width:
1.309em
;
vertical-align: middle;
vertical-align: middle;
font-size: 1rem;
font-size: 1rem;
text-align: center;
text-align: center;
}
}
Copier
Copié
Copier
Copié
.bbcode
.bbcode-
elements-more a {
.bbcode-
backspace {display: none;}
padding: 0;
width: 20px;
}
.bbcode-elements-more a {
margin: 3px 0;
padding: 0;
width: 18px;
height: 18px;
}
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-hover,
.bbcode-elements a,
.bbcode-elements i {
cursor: pointer;
}
Copier
Copié
Copier
Copié
@media (
max
-width: 76
8
px) {
@media (
min
-width: 76
9
px) {
.bbcode-backspace {
.bbcode-backspace {
Copier
Copié
Copier
Copié
display:
none
;
display:
block
;
}
}
}
}
.bbcode-block-container {
.bbcode-block-container {
position: absolute;
position: absolute;
Copier
Copié
Copier
Copié
top:
26px
;
top:
120%
;
left:
-4px;
left:
0;
bottom: 0;
bottom: 0;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
z-index: 20;
z-index: 20;
text-align: center;
text-align: center;
}
}
.bbcode-block {
.bbcode-block {
margin: 0;
margin: 0;
Copier
Copié
Copier
Copié
background-color: #F3F3F3;
}
border: 1px solid #AAAAAA;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
.bbcode-block .form-element{
width: 100%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
.bbcode-block a {
.bbcode-block a {
Copier
Copié
Copier
Copié
cursor: pointer;
text-decoration: none;
text-decoration: none;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-block-container {
.bbcode-block-container {
top: 0;
top: 0;
left: 0;
left: 0;
bottom: 0;
bottom: 0;
right: 0;
right: 0;
}
}
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
Copier
Copié
Copier
Copié
.bbcode-block-container:before,
.bbcode-block-container:after {
.bbcode-block-container:after {
position: absolute;
position: absolute;
content: " ";
content: " ";
border-style: solid;
border-style: solid;
Copier
Copié
Copier
Copié
border-color: transparent;
}
.bbcode-block-container:before {
top: -8px;
left: 8px;
border-width: 0 9px 9px 9px;
border-bottom-color: #AAAAAA;
}
}
.bbcode-block-container:after {
.bbcode-block-container:after {
Copier
Copié
Copier
Copié
left:
9
px;
left:
5
px;
top: -7px;
top: -7px;
border-width: 0 8px 8px 8px;
border-width: 0 8px 8px 8px;
Copier
Copié
Copier
Copié
border-bottom-color: rgba(250, 250, 250, 1);
}
}
}
}
.bbcode-block-smileys,
.bbcode-block-smileys,
.bbcode-block-fa {
.bbcode-block-fa {
max-height: 230px;
max-height: 230px;
Copier
Copié
Copier
Copié
padding:
4px 0px 2px 3px
;
padding:
0.228em
;
overflow-y: auto;
overflow-y: auto;
Copier
Copié
Copier
Copié
text-align:
left
;
text-align:
center
;
}
}
.bbcode-block-smileys li,
.bbcode-block-smileys li,
.bbcode-block-fa li {
.bbcode-block-fa li {
display: inline-block;
display: inline-block;
}
}
.bbcode-block-fa li {
.bbcode-block-fa li {
Copier
Copié
Copier
Copié
padding:
1px 2px
;
padding:
0.1618em
;
width:
20px
;
width:
1.309em
;
}
}
.bbcode-block-smileys li a,
.bbcode-block-smileys li a,
.bbcode-block-fa li a {
.bbcode-block-fa li a {
display: block;
display: block;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-block-smileys li a {
.bbcode-block-smileys li a {
Copier
Copié
Copier
Copié
padding:
10px
;
padding:
0.309em 0.618em
;
}
}
.bbcode-block-smileys {
.bbcode-block-smileys {
max-height: 300px;
max-height: 300px;
}
}
.bbcode-block-fa li {
.bbcode-block-fa li {
Copier
Copié
Copier
Copié
padding:
7px
;
padding:
0.456em
;
width: 29px;
width: 29px;
}
}
.bbcode-block-fa {
.bbcode-block-fa {
max-height: 400px;
max-height: 400px;
}
}
}
}
.bbcode-block-container.color-picker table {
.bbcode-block-container.color-picker table {
width: auto;
width: auto;
}
}
Copier
Copié
Copier
Copié
@media (max-width: 768px) {
.bbcode-block-container.color-picker td a {
.bbcode-block-container.color-picker td a {
height: 32px;
height: 32px;
width: 32px;
width: 32px;
}
}
}
Copier
Copié
Copier
Copié
.bbcode-block-list
li
{
.bbcode-block-list
{
display: block
;
margin: 0;
padding: 3px 0;
overflow: visible
;
}
}
Copier
Copié
Copier
Copié
.bbcode-block-list li,
.bbcode-block-list li a {
.bbcode-block-list li a {
display: block;
display: block;
Copier
Copié
Copier
Copié
padding:
2px 0 2px 4px;
padding:
0.228em
;
cursor: pointer
;
text-align:
center
;
text-align:
left
;
}
}
.bbcode-block-code {
.bbcode-block-code {
Copier
Copié
Copier
Copié
margin: 0;
padding: 0;
height: 300px;
height: 300px;
overflow-y: scroll;
overflow-y: scroll;
}
}
.bbcode-block-code > ul {
.bbcode-block-code > ul {
margin-left: 0;
margin-left: 0;
}
}
.bbcode-block-code li {
.bbcode-block-code li {
Copier
Copié
Copier
Copié
padding: 0
0 0 12px;
padding: 0
.228em
;
}
.bbcode-block-list li:hover {
background-color: rgba(0, 0, 0, 0.05)
;
}
}
.bbcode-block-list li.bbcode-code-title {
.bbcode-block-list li.bbcode-code-title {
Copier
Copié
Copier
Copié
margin: 3px 10px 1px 5px;
padding:
0.309em 0 0;
padding:
6px 0 1px 2px;
border-bottom: 1px solid #DFDFDF;
}
.bbcode-block-list li.bbcode-code-title:hover {
background: none;
cursor: auto;
}
.bbcode-block-list li.bbcode-code-title span {
color: #666666;
font-weight: bold;
font-weight: bold;
}
}
Copier
Copié
Copier
Copié
.
bbcode-
block
.form-element {
#
bbcode-
expanded
.form-element {
margin:
2px 7px;
margin:
0 !important;
}
padding: 0.309em 0;
@media (max-width: 768px) {
.bbcode-block .form-element {
margin: 2px auto;
width: 150px;
}
}
}
Copier
Copié
Copier
Copié
.bbcode-block .form-element label
.smaller
{
.bbcode-block .form-element label
{
font-size
: 0
.809em
;
padding-right
: 0
;
width: 70%;
width: 70%;
Copier
Copié
Copier
Copié
vertical-align: middle;
padding: 0
;
color: #555555;
text-align: left
;
}
}
.bbcode-block .form-element .form-field {
.bbcode-block .form-element .form-field {
width: 23%;
width: 23%;
}
}
.bbcode-block .form-element input {
.bbcode-block .form-element input {
Copier
Copié
Copier
Copié
padding:
2px 5px
;
padding:
0 0.309em
;
}
}
.bbcode-form-element-text {
.bbcode-form-element-text {
Copier
Copié
Copier
Copié
margin: 10px 5px 5px 5px;
padding:
0.309em
;
padding:
5px 5px 0 5px;
border-top: 1px solid #BEBEBE
;
text-align: center;
text-align: center;
}
}
.bbcode-block-fonts {
.bbcode-block-fonts {
height: 300px;
height: 300px;
overflow-y: scroll;
overflow-y: scroll;
}
}
@media (min-width: 769px){
@media (min-width: 769px){
.bbcode-block-fonts { width: 120px; }
.bbcode-block-fonts { width: 120px; }
.bbcode-block-title { width: 70px; }
.bbcode-block-title { width: 70px; }
.bbcode-block-ul { width: 150px; }
.bbcode-block-ul { width: 150px; }
.bbcode-block-block { width: 100px; }
.bbcode-block-block { width: 100px; }
.bbcode-block-message { width: 110px; }
.bbcode-block-message { width: 110px; }
.bbcode-block-size { width: 40px; }
.bbcode-block-size { width: 40px; }
.bbcode-block-hide { width: 90px; }
.bbcode-block-hide { width: 90px; }
.bbcode-block-table { width: 160px; }
.bbcode-block-table { width: 160px; }
.bbcode-block-code { width: 130px; }
.bbcode-block-code { width: 130px; }
.bbcode-block-smileys { width: 188px; }
.bbcode-block-smileys { width: 188px; }
.bbcode-block-fa { width: 272px; }
.bbcode-block-fa { width: 272px; }
.bbcode-block-aligns { width: 120px; }
.bbcode-block-aligns { width: 120px; }
.bbcode-block-positions { width: 120px; }
.bbcode-block-positions { width: 120px; }
}
}
.bbcode-forbidden,
.bbcode-forbidden,
.bbcode-forbidden i {
.bbcode-forbidden i {
opacity: 0.3 !important;
opacity: 0.3 !important;
cursor: not-allowed !important;
cursor: not-allowed !important;
}
}
Copier
Copié
Copier
Copié
/* Icones de la barre BBCode */
.bbcode-icon-anchor:before { content: "\f13d"; } /* copy anchor */
.bbcode
a,
.bbcode-icon-bold:before { content: "\f032"; } /* copy bold */
.bbcode .fa {
.bbcode-icon-italic:before { content: "\f033"; } /* copy italic */
color: #555555;
.bbcode-icon-underline:before { content: "\f0cd"; } /* copy underline */
text-align: center;
.bbcode-icon-strike:before { content: "\f0cc"; } /* copy strikethrough */
vertical-align: 0;
.bbcode-icon-smileys:before { content: "\f118"; } /* copy smile */
.bbcode-icon-title:before { content: "\f022"; } /* copy list-alt */
.bbcode-icon-subtitle:before { content: "\f0c8"; } /* copy square, regular font */
.bbcode-icon-style:before { content: "\f071"; } /* copy exclamation-triangle */
.bbcode-icon-url:before { content: "\f0ac"; } /* copy globe */
.bbcode
-icon-image:before { content: "\f03e"; } /* copy image, regular font */
.bbcode-icon-lightbox:before { content: "\f030"; } /* copy camera */
.bbcode-icon-quote:before { content: "\f10d"; } /* copy quote-left */
.bbcode-icon-hide:before { content: "\f070"; } /* copy eye-slash */
.bbcode-icon-list:before { content: "\f03a"; } /* copy list */
.bbcode-icon-color:before { content: "\f043"; } /* copy tint */
.bbcode-icon-size:before { content: "\f034"; } /* copy text-height */
.bbcode-icon-font:before { content: "\f031"; } /* copy font */
.bbcode-icon-minus:before { content: "\f068"; } /* copy minus */
.bbcode-icon-plus:before { content: "\f067"; } /* copy plus */
.bbcode-icon-more:before { content: "\f0dc"; } /* copy sort */
.bbcode-icon-left:before { content: "\f036"; } /* copy align-left */
.bbcode-icon-center:before { content: "\f037"; } /* copy align-center */
.bbcode-icon-right:before { content: "\f038"; } /* copy align-right */
.bbcode-icon-justify:before { content: "\f039"; } /* copy align-justify */
.bbcode-icon-float-left:before { content: "\f048"; } /* copy step-backward */
.bbcode-icon-float-right:before { content: "\f051"; } /* copy step-forward */
.bbcode-icon-sup:before { content: "\f12b"; } /* copy superscript */
.bbcode-icon-sub:before { content: "\f12c"; } /* copy subscript */
.bbcode-icon-indent:before { content: "\f03c"; } /* copy indent */
.bbcode-icon-table:before { content: "\f0ce"; } /* copy table */
.bbcode-icon-flash:before { content: "\f144"; } /* copy play-circle, regular font */
.bbcode-icon-movie:before { content: "\f008"; } /* copy film */
.bbcode-icon-youtube:before { content: "\f167"; } /* copy youtube, brands font */
.bbcode-icon-sound:before { content: "\f001"; } /* copy music */
.bbcode-icon-code:before { content: "\f121"; } /* copy code */
.bbcode-icon-math:before { content: "\f136"; } /* copy maxcdn, brands font */
.bbcode-icon-html:before { content: "\f13b"; } /* copy html5, brands font */
.bbcode-icon-help:before { content: "\f059"; } /* copy question-circle */
.bbcode-icon-upload:before { content: "\f382"; } /* copy cloud-upload-alt */
.bbcode-icon-fa:before { content: "\f425"; } /* copy font-awesome-flag, brands font */
.bbcode-icon-mail:before { content: "\f0e0"; } /* copy envelope */
.bbcode-icon-feed:before { content: "\f09e"; } /* copy rss */
.bbcode-icon-bgcolor:before { content: "\f1fc"; } /* copy paint-brush */
.bbcode-icon-flash,
.bbcode-icon-image,
.bbcode-icon-title,
.bbcode-icon-smileys,
.bbcode-icon-subtitle {
font-weight: 400;
}
}
Copier
Copié
Copier
Copié
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
.bbcode-icon-fa:before { content: "\f024"; }
.bbcode-icon-mail:before { content: "\f0e0"; }
.bbcode-icon-feed:before { content: "\f09e"; }
.bbcode-icon-bgcolor:before { content: "\f1fc"; }
/* Icones modifications size or color */
/* Icones modifications size or color */
.bbcode-icon-math:before {
.bbcode-icon-math:before {
font-size: 0.8em;
font-size: 0.8em;
}
}
.bbcode-icon-plus:before,
.bbcode-icon-plus:before,
.bbcode-icon-minus:before {
.bbcode-icon-minus:before {
font-size: 0.7em;
font-size: 0.7em;
}
}
.bbcode-icon-more:before {
.bbcode-icon-more:before {
font-size: 0.8em;
font-size: 0.8em;
}
}
Différences enregistrées
Texte d'origine
Ouvrir un fichier
/** BBcode **/ .bbcode { position: relative; display: table; margin: 5px auto -5px auto; width: 99%; background-color: #EEEEEE; border: 1px solid #BBBBBB; } .bbcode-containers { display: table-cell; font-size: 0; } .bbcode-container { display: inline-block; margin: 2px 0 2px 0; padding: 0; border-right: 1px solid #CECECE; } @media (min-width: 769px) { .bbcode-container { position: relative; } } .bbcode-container:after { position: absolute; right: -2px; height: 24px; width: 1px; content: ""; background: #FFFFFF; } .bbcode-elements { display: inline-block; height: 24px; } @media (min-width: 769px) { .bbcode-elements { position: relative; } } .bbcode-elements > a { display: inline-block; height: 22px; border: 1px solid transparent; } .bbcode .bbcode-elements > a { margin: 1px 2px; padding: 2px 2px 0 2px; width: 23px; } .bbcode-elements > a:hover { color: #222222; text-decoration: none; } .bbcode .bbcode-elements > a:hover { background-image: linear-gradient(#F8F8F8, #F1F1F1); border: 1px solid #C6C6C6; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .bbcode-elements a, .bbcode-block-container { font-size: 1.3rem; } .bbcode-elements-more { display: table-cell; margin: auto; width: 20px; vertical-align: middle; font-size: 1rem; text-align: center; } .bbcode .bbcode-elements-more a { padding: 0; width: 20px; } .bbcode-elements-more a { margin: 3px 0; padding: 0; width: 18px; height: 18px; } .bbcode-elements-more .fa { color: #AAAAAA; } .bbcode-elements-more:hover .fa { color: #111111; } .bbcode-hover, .bbcode-elements a, .bbcode-elements i { cursor: pointer; } @media (max-width: 768px) { .bbcode-backspace { display: none; } } .bbcode-block-container { position: absolute; top: 26px; left: -4px; bottom: 0; margin: 0; padding: 0; z-index: 20; text-align: center; } .bbcode-block { margin: 0; background-color: #F3F3F3; border: 1px solid #AAAAAA; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .bbcode-block a { cursor: pointer; text-decoration: none; } @media (max-width: 768px) { .bbcode-block-container { top: 0; left: 0; bottom: 0; right: 0; } } @media (min-width: 769px) { .bbcode-block-container:before, .bbcode-block-container:after { position: absolute; content: " "; border-style: solid; border-color: transparent; } .bbcode-block-container:before { top: -8px; left: 8px; border-width: 0 9px 9px 9px; border-bottom-color: #AAAAAA; } .bbcode-block-container:after { left: 9px; top: -7px; border-width: 0 8px 8px 8px; border-bottom-color: rgba(250, 250, 250, 1); } } .bbcode-block-smileys, .bbcode-block-fa { max-height: 230px; padding: 4px 0px 2px 3px; overflow-y: auto; text-align: left; } .bbcode-block-smileys li, .bbcode-block-fa li { display: inline-block; } .bbcode-block-fa li { padding: 1px 2px; width: 20px; } .bbcode-block-smileys li a, .bbcode-block-fa li a { display: block; } @media (max-width: 768px) { .bbcode-block-smileys li a { padding: 10px; } .bbcode-block-smileys { max-height: 300px; } .bbcode-block-fa li { padding: 7px; width: 29px; } .bbcode-block-fa { max-height: 400px; } } .bbcode-block-container.color-picker table { width: auto; } @media (max-width: 768px) { .bbcode-block-container.color-picker td a { height: 32px; width: 32px; } } .bbcode-block-list { margin: 0; padding: 3px 0; overflow: visible; } .bbcode-block-list li, .bbcode-block-list li a { display: block; padding: 2px 0 2px 4px; cursor: pointer; text-align: left; } .bbcode-block-code { margin: 0; padding: 0; height: 300px; overflow-y: scroll; } .bbcode-block-code > ul { margin-left: 0; } .bbcode-block-code li { padding: 0 0 0 12px; } .bbcode-block-list li:hover { background-color: rgba(0, 0, 0, 0.05); } .bbcode-block-list li.bbcode-code-title { margin: 3px 10px 1px 5px; padding: 6px 0 1px 2px; border-bottom: 1px solid #DFDFDF; } .bbcode-block-list li.bbcode-code-title:hover { background: none; cursor: auto; } .bbcode-block-list li.bbcode-code-title span { color: #666666; font-weight: bold; } .bbcode-block .form-element { margin: 2px 7px; } @media (max-width: 768px) { .bbcode-block .form-element { margin: 2px auto; width: 150px; } } .bbcode-block .form-element label { padding-right: 0; width: 70%; vertical-align: middle; color: #555555; text-align: left; } .bbcode-block .form-element .form-field { width: 23%; } .bbcode-block .form-element input { padding: 2px 5px; } .bbcode-form-element-text { margin: 10px 5px 5px 5px; padding: 5px 5px 0 5px; border-top: 1px solid #BEBEBE; text-align: center; } .bbcode-block-fonts { height: 300px; overflow-y: scroll; } @media (min-width: 769px){ .bbcode-block-fonts { width: 120px; } .bbcode-block-title { width: 70px; } .bbcode-block-ul { width: 150px; } .bbcode-block-block { width: 100px; } .bbcode-block-message { width: 110px; } .bbcode-block-size { width: 40px; } .bbcode-block-hide { width: 90px; } .bbcode-block-table { width: 160px; } .bbcode-block-code { width: 130px; } .bbcode-block-smileys { width: 188px; } .bbcode-block-fa { width: 272px; } .bbcode-block-aligns { width: 120px; } .bbcode-block-positions { width: 120px; } } .bbcode-forbidden, .bbcode-forbidden i { opacity: 0.3 !important; cursor: not-allowed !important; } /* Icones de la barre BBCode */ .bbcode a, .bbcode .fa { color: #555555; text-align: center; vertical-align: 0; } .bbcode-icon-anchor:before { content: "\f13d"; } .bbcode-icon-bold:before { content: "\f032"; } .bbcode-icon-italic:before { content: "\f033"; } .bbcode-icon-underline:before { content: "\f0cd"; } .bbcode-icon-strike:before { content: "\f0cc"; } .bbcode-icon-smileys:before { content: "\f118"; } .bbcode-icon-title:before { content: "\f022"; } .bbcode-icon-subtitle:before { content: "\f096"; } .bbcode-icon-style:before { content: "\f071"; } .bbcode-icon-url:before { content: "\f0ac"; } .bbcode-icon-image:before { content: "\f03e"; } .bbcode-icon-lightbox:before { content: "\f030"; } .bbcode-icon-quote:before { content: "\f10d"; } .bbcode-icon-hide:before { content: "\f070"; } .bbcode-icon-list:before { content: "\f03a"; } .bbcode-icon-color:before { content: "\f043"; } .bbcode-icon-size:before { content: "\f034"; } .bbcode-icon-font:before { content: "\f031"; } .bbcode-icon-minus:before { content: "\f068"; } .bbcode-icon-plus:before { content: "\f067"; } .bbcode-icon-more:before { content: "\f0dc"; } .bbcode-icon-left:before { content: "\f036"; } .bbcode-icon-center:before { content: "\f037"; } .bbcode-icon-right:before { content: "\f038"; } .bbcode-icon-justify:before { content: "\f039"; } .bbcode-icon-float-left:before { content: "\f048"; } .bbcode-icon-float-right:before { content: "\f051"; } .bbcode-icon-sup:before { content: "\f12b"; } .bbcode-icon-sub:before { content: "\f12c"; } .bbcode-icon-indent:before { content: "\f03c"; } .bbcode-icon-table:before { content: "\f0ce"; } .bbcode-icon-flash:before { content: "\f01d"; } .bbcode-icon-movie:before { content: "\f008"; } .bbcode-icon-youtube:before { content: "\f167"; } .bbcode-icon-sound:before { content: "\f001"; } .bbcode-icon-code:before { content: "\f121"; } .bbcode-icon-math:before { content: "\f136"; } .bbcode-icon-html:before { content: "\f13b"; } .bbcode-icon-help:before { content: "\f059"; } .bbcode-icon-upload:before { content: "\f0ee"; } .bbcode-icon-fa:before { content: "\f024"; } .bbcode-icon-mail:before { content: "\f0e0"; } .bbcode-icon-feed:before { content: "\f09e"; } .bbcode-icon-bgcolor:before { content: "\f1fc"; } /* Icones modifications size or color */ .bbcode-icon-math:before { font-size: 0.8em; } .bbcode-icon-plus:before, .bbcode-icon-minus:before { font-size: 0.7em; } .bbcode-icon-more:before { font-size: 0.8em; }
Texte modifié
Ouvrir un fichier
/* * Surchargez ce fichier dans votre thème pour personnaliser le module * https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules */ .bbcode { position: relative; display: table; margin: 0.309em auto -0.309em auto; width: 99%; border-width: 1px 1px 0; border-style: solid; } .bbcode-containers { display: table-cell; font-size: 0; } .bbcode-container { display: inline-block; margin: 0; padding: 0.1618em; border-width: 1px; border-style: solid; border-color: transparent; } .bbcode-container:after { position: absolute; top: 0; right: -2px; height: 100%; width: 1px; content: ""; } @media (min-width: 769px) { .bbcode-container { position: relative; } } .bbcode-elements { display: inline-block; font-size: 1.456rem; } @media (min-width: 769px) { .bbcode-elements { position: relative; } } /* Icones de la barre BBCode */ .bbcode-elements > a { display: inline-block; font-size: 1.456rem; padding: 0.309em; text-align: center; vertical-align: 0; } .bbcode-elements > a:hover { text-decoration: none; } .bbcode-elements-more { display: table-cell; margin: auto; width: 1.309em; vertical-align: middle; font-size: 1rem; text-align: center; } .bbcode-backspace {display: none;} @media (min-width: 769px) { .bbcode-backspace { display: block; } } .bbcode-block-container { position: absolute; top: 120%; left: 0; bottom: 0; margin: 0; padding: 0; z-index: 20; text-align: center; } .bbcode-block { margin: 0; } .bbcode-block .form-element{ width: 100%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .bbcode-block a { text-decoration: none; } @media (max-width: 768px) { .bbcode-block-container { top: 0; left: 0; bottom: 0; right: 0; } } @media (min-width: 769px) { .bbcode-block-container:after { position: absolute; content: " "; border-style: solid; } .bbcode-block-container:after { left: 5px; top: -7px; border-width: 0 8px 8px 8px; } } .bbcode-block-smileys, .bbcode-block-fa { max-height: 230px; padding: 0.228em; overflow-y: auto; text-align: center; } .bbcode-block-smileys li, .bbcode-block-fa li { display: inline-block; } .bbcode-block-fa li { padding: 0.1618em; width: 1.309em; } .bbcode-block-smileys li a, .bbcode-block-fa li a { display: block; } @media (max-width: 768px) { .bbcode-block-smileys li a { padding: 0.309em 0.618em; } .bbcode-block-smileys { max-height: 300px; } .bbcode-block-fa li { padding: 0.456em; width: 29px; } .bbcode-block-fa { max-height: 400px; } } .bbcode-block-container.color-picker table { width: auto; } .bbcode-block-container.color-picker td a { height: 32px; width: 32px; } .bbcode-block-list li { display: block; } .bbcode-block-list li a { display: block; padding: 0.228em; text-align: center; } .bbcode-block-code { height: 300px; overflow-y: scroll; } .bbcode-block-code > ul { margin-left: 0; } .bbcode-block-code li { padding: 0.228em; } .bbcode-block-list li.bbcode-code-title { padding: 0.309em 0 0; font-weight: bold; } #bbcode-expanded .form-element { margin: 0 !important; padding: 0.309em 0; } .bbcode-block .form-element label.smaller { font-size: 0.809em; width: 70%; padding: 0; } .bbcode-block .form-element .form-field { width: 23%; } .bbcode-block .form-element input { padding: 0 0.309em; } .bbcode-form-element-text { padding: 0.309em; text-align: center; } .bbcode-block-fonts { height: 300px; overflow-y: scroll; } @media (min-width: 769px){ .bbcode-block-fonts { width: 120px; } .bbcode-block-title { width: 70px; } .bbcode-block-ul { width: 150px; } .bbcode-block-block { width: 100px; } .bbcode-block-message { width: 110px; } .bbcode-block-size { width: 40px; } .bbcode-block-hide { width: 90px; } .bbcode-block-table { width: 160px; } .bbcode-block-code { width: 130px; } .bbcode-block-smileys { width: 188px; } .bbcode-block-fa { width: 272px; } .bbcode-block-aligns { width: 120px; } .bbcode-block-positions { width: 120px; } } .bbcode-forbidden, .bbcode-forbidden i { opacity: 0.3 !important; cursor: not-allowed !important; } .bbcode-icon-anchor:before { content: "\f13d"; } /* copy anchor */ .bbcode-icon-bold:before { content: "\f032"; } /* copy bold */ .bbcode-icon-italic:before { content: "\f033"; } /* copy italic */ .bbcode-icon-underline:before { content: "\f0cd"; } /* copy underline */ .bbcode-icon-strike:before { content: "\f0cc"; } /* copy strikethrough */ .bbcode-icon-smileys:before { content: "\f118"; } /* copy smile */ .bbcode-icon-title:before { content: "\f022"; } /* copy list-alt */ .bbcode-icon-subtitle:before { content: "\f0c8"; } /* copy square, regular font */ .bbcode-icon-style:before { content: "\f071"; } /* copy exclamation-triangle */ .bbcode-icon-url:before { content: "\f0ac"; } /* copy globe */ .bbcode-icon-image:before { content: "\f03e"; } /* copy image, regular font */ .bbcode-icon-lightbox:before { content: "\f030"; } /* copy camera */ .bbcode-icon-quote:before { content: "\f10d"; } /* copy quote-left */ .bbcode-icon-hide:before { content: "\f070"; } /* copy eye-slash */ .bbcode-icon-list:before { content: "\f03a"; } /* copy list */ .bbcode-icon-color:before { content: "\f043"; } /* copy tint */ .bbcode-icon-size:before { content: "\f034"; } /* copy text-height */ .bbcode-icon-font:before { content: "\f031"; } /* copy font */ .bbcode-icon-minus:before { content: "\f068"; } /* copy minus */ .bbcode-icon-plus:before { content: "\f067"; } /* copy plus */ .bbcode-icon-more:before { content: "\f0dc"; } /* copy sort */ .bbcode-icon-left:before { content: "\f036"; } /* copy align-left */ .bbcode-icon-center:before { content: "\f037"; } /* copy align-center */ .bbcode-icon-right:before { content: "\f038"; } /* copy align-right */ .bbcode-icon-justify:before { content: "\f039"; } /* copy align-justify */ .bbcode-icon-float-left:before { content: "\f048"; } /* copy step-backward */ .bbcode-icon-float-right:before { content: "\f051"; } /* copy step-forward */ .bbcode-icon-sup:before { content: "\f12b"; } /* copy superscript */ .bbcode-icon-sub:before { content: "\f12c"; } /* copy subscript */ .bbcode-icon-indent:before { content: "\f03c"; } /* copy indent */ .bbcode-icon-table:before { content: "\f0ce"; } /* copy table */ .bbcode-icon-flash:before { content: "\f144"; } /* copy play-circle, regular font */ .bbcode-icon-movie:before { content: "\f008"; } /* copy film */ .bbcode-icon-youtube:before { content: "\f167"; } /* copy youtube, brands font */ .bbcode-icon-sound:before { content: "\f001"; } /* copy music */ .bbcode-icon-code:before { content: "\f121"; } /* copy code */ .bbcode-icon-math:before { content: "\f136"; } /* copy maxcdn, brands font */ .bbcode-icon-html:before { content: "\f13b"; } /* copy html5, brands font */ .bbcode-icon-help:before { content: "\f059"; } /* copy question-circle */ .bbcode-icon-upload:before { content: "\f382"; } /* copy cloud-upload-alt */ .bbcode-icon-fa:before { content: "\f425"; } /* copy font-awesome-flag, brands font */ .bbcode-icon-mail:before { content: "\f0e0"; } /* copy envelope */ .bbcode-icon-feed:before { content: "\f09e"; } /* copy rss */ .bbcode-icon-bgcolor:before { content: "\f1fc"; } /* copy paint-brush */ .bbcode-icon-flash, .bbcode-icon-image, .bbcode-icon-title, .bbcode-icon-smileys, .bbcode-icon-subtitle { font-weight: 400; } /* Icones modifications size or color */ .bbcode-icon-math:before { font-size: 0.8em; } .bbcode-icon-plus:before, .bbcode-icon-minus:before { font-size: 0.7em; } .bbcode-icon-more:before { font-size: 0.8em; }
Trouver la différence