Diff
checker
Text
Text
Bilder
Dokumente
Excel
Ordner
Legal
Enterprise
Desktop-App
Preise
Einloggen
Diffchecker Desktop herunterladen
Texte vergleichen
Finde den Unterschied zwischen zwei Textdateien
Werkzeuge
Verlauf
Live-Editor
Gleiches ausblenden
Zeilenumbruch aus
Ansicht
Zweispaltig
Einspaltig
Vergleichsgenauigkeit
Intelligent
Wort
Zeichen
Syntaxhervorhebung
Syntax auswählen
Ignorieren
Text umwandeln
Zur ersten Änderung
Eingabe bearbeiten
Diffchecker Desktop
Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!
Desktop holen
Untitled diff
Erstellt
vor 9 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
29 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
294 Zeilen
Kopieren
147 Hinzufügungen
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
402 Zeilen
Kopieren
/** BBcode **/
/** BBcode **/
.bbcode {
.bbcode {
position: relative;
position: relative;
display: table;
display: table;
margin: 5px auto -5px auto;
margin: 5px auto -5px auto;
width: 99%;
width: 99%;
background-color: #EEEEEE;
background-color: #EEEEEE;
border: 1px solid #BBBBBB;
border: 1px solid #BBBBBB;
Kopieren
Kopiert
Kopieren
Kopiert
border-radius: 4px 4px 0 0;
}
}
.bbcode-containers {
.bbcode-containers {
display: table-cell;
display: table-cell;
Kopieren
Kopiert
Kopieren
Kopiert
font-size: 0;
}
}
.bbcode-container {
.bbcode-container {
Kopieren
Kopiert
Kopieren
Kopiert
position: relative;
display: inline-block;
display: inline-block;
margin: 2px 0 2px 0;
margin: 2px 0 2px 0;
padding: 0;
padding: 0;
Kopieren
Kopiert
Kopieren
Kopiert
font-size: 0;
border-right: 1px solid #CECECE;
border-right: 1px solid #CECECE;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
@media (min-width: 769px) {
.bbcode-container {
position: relative;
}
}
.bbcode-container:after {
.bbcode-container:after {
position: absolute;
position: absolute;
right: -2px;
right: -2px;
height: 24px;
height: 24px;
width: 1px;
width: 1px;
content: "";
content: "";
background: #FFFFFF;
background: #FFFFFF;
}
}
.bbcode-elements {
.bbcode-elements {
Kopieren
Kopiert
Kopieren
Kopiert
position: relative;
display: inline-block;
display: inline-block;
height: 24px;
height: 24px;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
@media (min-width: 769px) {
.bbcode-elements {
position: relative;
}
}
.bbcode-elements > a {
.bbcode-elements > a {
display: inline-block;
display: inline-block;
height: 22px;
height: 22px;
border: 1px solid transparent;
border: 1px solid transparent;
}
}
.bbcode .bbcode-elements > a {
.bbcode .bbcode-elements > a {
margin: 1px 2px;
margin: 1px 2px;
padding: 2px 2px 0 2px;
padding: 2px 2px 0 2px;
width: 23px;
width: 23px;
}
}
.bbcode-elements > a:hover {
.bbcode-elements > a:hover {
color: #222222;
color: #222222;
text-decoration: none;
text-decoration: none;
}
}
.bbcode .bbcode-elements > a:hover {
.bbcode .bbcode-elements > a:hover {
background-image: linear-gradient(#F8F8F8, #F1F1F1);
background-image: linear-gradient(#F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
border-radius: 3px;
}
}
.bbcode-elements a,
.bbcode-elements a,
.bbcode-block-container {
.bbcode-block-container {
font-size: 1.3rem;
font-size: 1.3rem;
}
}
.bbcode-elements-more {
.bbcode-elements-more {
display: table-cell;
display: table-cell;
margin: auto;
margin: auto;
width: 20px;
width: 20px;
vertical-align: middle;
vertical-align: middle;
font-size: 1rem;
font-size: 1rem;
text-align: center;
text-align: center;
}
}
.bbcode .bbcode-elements-more a {
.bbcode .bbcode-elements-more a {
padding: 0;
padding: 0;
width: 20px;
width: 20px;
}
}
.bbcode-elements-more a {
.bbcode-elements-more a {
margin: 3px 0;
margin: 3px 0;
padding: 0;
padding: 0;
width: 18px;
width: 18px;
height: 18px;
height: 18px;
}
}
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-hover,
.bbcode-hover,
.bbcode-elements a,
.bbcode-elements a,
.bbcode-elements i {
.bbcode-elements i {
cursor: pointer;
cursor: pointer;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-backspace {
.bbcode-backspace {
display: none;
display: none;
}
}
}
}
.bbcode-block-container {
.bbcode-block-container {
position: absolute;
position: absolute;
Kopieren
Kopiert
Kopieren
Kopiert
top: 26px;
left: -4px;
bottom: 0;
bottom: 0;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Kopieren
Kopiert
Kopieren
Kopiert
z-index:
10;
z-index:
20;
text-align: center;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.bbcode-block
-container:before
{
.bbcode-block
{
position: absolute
;
margin: 0
;
top: -8px;
background-color: #F3F3F3
;
left: 8px
;
border
: 1
px solid #AAAAAA;
border
-bottom: 9
px solid #AAAAAA;
box-shadow: 0 5
px
10px rgba(0, 0, 0, 0.2)
;
border-left: 9
px
solid transparent;
border-right: 9px solid transparent;
content: " "
;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.bbcode-block
-container:after {
.bbcode-block
a {
position: absolute;
cursor: pointer;
left: 9px;
text-decoration: none;
top: -7px;
border-bottom: 8px solid rgba(250, 250, 250, 1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: " ";
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.
block-
smileys
{
@media (max-width: 768px) {
width: 150px
;
.bbcode-
block-
container
{
height: 150px
;
top: 0
;
padding: 2px 0px 2px 3px
;
left: 0
;
overflow-y: scroll;
bottom: 0
;
right: 0;
}
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.
block-smileys li
{
@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;
display: inline-block;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.
block-smileys li a
{
.
bbcode-block-fa li {
padding: 1px 2px;
width: 20px;
}
.bbcode-
block-smileys li a
,
.bbcode-block-fa li a
{
display: block;
display: block;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
@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 {
.bbcode-block-list {
margin: 0;
margin: 0;
padding: 3px 0;
padding: 3px 0;
overflow: visible;
overflow: visible;
}
}
.bbcode-block-list li,
.bbcode-block-list li,
.bbcode-block-list li a {
.bbcode-block-list li a {
display: block;
display: block;
padding: 2px 0 2px 4px;
padding: 2px 0 2px 4px;
cursor: pointer;
cursor: pointer;
text-align: left;
text-align: left;
}
}
.bbcode-block-code {
.bbcode-block-code {
margin: 0;
margin: 0;
padding: 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 {
padding: 0 0 0 12px;
padding: 0 0 0 12px;
}
}
.bbcode-block-list li:hover {
.bbcode-block-list li:hover {
background-color: rgba(0, 0, 0, 0.05);
background-color: rgba(0, 0, 0, 0.05);
}
}
.bbcode-block-list li.bbcode-code-title {
.bbcode-block-list li.bbcode-code-title {
margin: 3px 10px 1px 5px;
margin: 3px 10px 1px 5px;
padding: 6px 0 1px 2px;
padding: 6px 0 1px 2px;
border-bottom: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}
}
.bbcode-block-list li.bbcode-code-title:hover {
.bbcode-block-list li.bbcode-code-title:hover {
background: none;
background: none;
cursor: auto;
cursor: auto;
}
}
.bbcode-block-list li.bbcode-code-title span {
.bbcode-block-list li.bbcode-code-title span {
color: #666666;
color: #666666;
font-weight: bold;
font-weight: bold;
}
}
.bbcode-block .form-element {
.bbcode-block .form-element {
margin: 2px 7px;
margin: 2px 7px;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
@media (max-width: 768px) {
.bbcode-block .form-element {
margin: 2px auto;
width: 150px;
}
}
.bbcode-block .form-element label {
.bbcode-block .form-element label {
padding-right: 0;
padding-right: 0;
width: 70%;
width: 70%;
vertical-align: middle;
vertical-align: middle;
color: #555555;
color: #555555;
text-align: left;
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 {
padding: 2px 5px;
padding: 2px 5px;
}
}
.bbcode-form-element-text {
.bbcode-form-element-text {
margin: 10px 5px 5px 5px;
margin: 10px 5px 5px 5px;
padding: 5px 5px 0 5px;
padding: 5px 5px 0 5px;
border-top: 1px solid #BEBEBE;
border-top: 1px solid #BEBEBE;
text-align: center;
text-align: center;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
.bbcode-block-fonts { width: 120px; }
.bbcode-block-fonts {
.bbcode-block-title { width: 70px; }
height: 300px;
.bbcode-block-ul { width: 150px; }
overflow-y: scroll;
.bbcode-block-block { width: 100px; }
}
.bbcode-block-message { width: 110px; }
.bbcode-block-table { width: 160px; }
@media (min-width: 769px){
.bbcode-block-code { width: 130px; }
.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 */
/* Icones de la barre BBCode */
.bbcode a,
.bbcode a,
.bbcode .fa {
.bbcode .fa {
color: #555555;
color: #555555;
text-align: center;
text-align: center;
vertical-align: 0;
vertical-align: 0;
}
}
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
Kopieren
Kopiert
Kopieren
Kopiert
.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;
}
}
Gespeicherte Diffs
Originaltext
Datei öffnen
/** BBcode **/ .bbcode { position: relative; display: table; margin: 5px auto -5px auto; width: 99%; background-color: #EEEEEE; border: 1px solid #BBBBBB; border-radius: 4px 4px 0 0; } .bbcode-containers { display: table-cell; } .bbcode-container { position: relative; display: inline-block; margin: 2px 0 2px 0; padding: 0; font-size: 0; border-right: 1px solid #CECECE; } .bbcode-container:after { position: absolute; right: -2px; height: 24px; width: 1px; content: ""; background: #FFFFFF; } .bbcode-elements { position: relative; display: inline-block; height: 24px; } .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; bottom: 0; margin: 0; padding: 0; z-index: 10; } .bbcode-block-container:before { position: absolute; top: -8px; left: 8px; border-bottom: 9px solid #AAAAAA; border-left: 9px solid transparent; border-right: 9px solid transparent; content: " "; } .bbcode-block-container:after { position: absolute; left: 9px; top: -7px; border-bottom: 8px solid rgba(250, 250, 250, 1); border-left: 8px solid transparent; border-right: 8px solid transparent; content: " "; } .block-smileys { width: 150px; height: 150px; padding: 2px 0px 2px 3px; overflow-y: scroll; } .block-smileys li { display: inline-block; } .block-smileys li a { display: block; } .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; } .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 { width: 120px; } .bbcode-block-title { width: 70px; } .bbcode-block-ul { width: 150px; } .bbcode-block-block { width: 100px; } .bbcode-block-message { width: 110px; } .bbcode-block-table { width: 160px; } .bbcode-block-code { width: 130px; } /* 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"; } /* 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; }
Bearbeitung
Datei öffnen
/** 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; }
Unterschied finden