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 11 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
7 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
292 Zeilen
Kopieren
1 Hinzufügung
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
286 Zeilen
Kopieren
/*
/*
Theme Name: Spun_Childtheme
Theme Name: Spun_Childtheme
Description:
Description:
Author: admin
Author: admin
Template: spun
Template: spun
(optional values you can add: Theme URI, Author URI, Version)
(optional values you can add: Theme URI, Author URI, Version)
*/
*/
@import url("../spun/style.css");
@import url("../spun/style.css");
/* =Header ohne Transparenz
/* =Header ohne Transparenz
----------------------------------------------- */
----------------------------------------------- */
.blog .hentry span.hometitle {
.blog .hentry span.hometitle {
width: 100%;
width: 100%;
position: absolute;
position: absolute;
top: 73px;
top: 73px;
display: table-cell;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 30px;
font-size: 30px;
font-size: 3.0rem;
font-size: 3.0rem;
font-style: italic;
font-style: italic;
text-shadow: 0 0 10px #fff;
text-shadow: 0 0 10px #fff;
text-align: center;
text-align: center;
line-height: 1.2;
line-height: 1.2;
vertical-align: middle;
vertical-align: middle;
word-wrap: break-word;
word-wrap: break-word;
color: #6a6363;
color: #6a6363;
overflow: hidden;
overflow: hidden;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}
}
.blog .hentry {
.blog .hentry {
position: relative;
position: relative;
}
}
@media screen and ( max-width: 800px ) {
@media screen and ( max-width: 800px ) {
.blog .hentry span.hometitle {
.blog .hentry span.hometitle {
font-size: 24px;
font-size: 24px;
font-size: 2.4rem;
font-size: 2.4rem;
};
};
}
}
/* =Header Logo Größe
/* =Header Logo Größe
----------------------------------------------- */
----------------------------------------------- */
#masthead img {
#masthead img {
max-height: 200px;
max-height: 200px;
}
}
#masthead {
#masthead {
opacity: 1;
opacity: 1;
}
}
.post-date {
.post-date {
display: none;
display: none;
}
}
/* =Hauptnavi Farbe_Unterstrichen
/* =Hauptnavi Farbe_Unterstrichen
----------------------------------------------- */
----------------------------------------------- */
.main-navigation {
.main-navigation {
color: #ada2a2;
color: #ada2a2;
display: block;
display: block;
float: right;
float: right;
font-family: Quicksand, Helvetica, Arial, sans-serif;
font-family: Quicksand, Helvetica, Arial, sans-serif;
-webkit-text-stroke: .35px;
-webkit-text-stroke: .35px;
/* Hack to fix thin text in Windows */
/* Hack to fix thin text in Windows */
font-size: 14px;
font-size: 14px;
font-size: 1.4rem;
font-size: 1.4rem;
margin: 5px 0 0;
margin: 5px 0 0;
position: relative;
position: relative;
text-align: right;
text-align: right;
text-transform: uppercase;
text-transform: uppercase;
width: 60%;
width: 60%;
text-shadow: 0px 0.5px 0 #ada2a2;
text-shadow: 0px 0.5px 0 #ada2a2;
}
}
.main-navigation li:hover > a {
.main-navigation li:hover > a {
color: #2f2c2c;
color: #2f2c2c;
text-shadow: 0px 0.5px 0 #2f2c2c;
text-shadow: 0px 0.5px 0 #2f2c2c;
text-decoration: underline;
text-decoration: underline;
}
}
/* =Homepage Bubbles unser Grau
/* =Homepage Bubbles unser Grau
----------------------------------------------- */
----------------------------------------------- */
#primary {
#primary {
padding: 0;
padding: 0;
width: 100%;
width: 100%;
}
}
#primary:before,
#primary:before,
#primary:after,
#primary:after,
#content:before,
#content:before,
#content:after,
#content:after,
#main:before,
#main:before,
#main:after {
#main:after {
content: "";
content: "";
display: table;
display: table;
}
}
#primary:after,
#primary:after,
#content:after,
#content:after,
#main:after {
#main:after {
clear: both;
clear: both;
}
}
.hentry.no-thumbnail {
.hentry.no-thumbnail {
background: #d6d0d0;
background: #d6d0d0;
border-radius: 180px;
border-radius: 180px;
overflow: hidden;
overflow: hidden;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
word-wrap: break-word;
word-wrap: break-word;
Kopieren
Kopiert
Kopieren
Kopiert
width: 180px;
max-width: 180px;
height: 180px;
max-height: 180px;
}
}
.hentry.no-thumbnail span {
.hentry.no-thumbnail span {
color: #fafafa;
color: #fafafa;
display: table-cell;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 32px;
font-size: 3.2rem;
font-size: 3.2rem;
font-style: italic;
font-style: italic;
line-height: 32px;
line-height: 32px;
overflow: hidden;
overflow: hidden;
text-align: center;
text-align: center;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
vertical-align: middle;
vertical-align: middle;
word-wrap: break-word;
word-wrap: break-word;
Kopieren
Kopiert
Kopieren
Kopiert
width: 180px;
height: 180px;
}
}
.hentry.no-thumbnail:hover {
.hentry.no-thumbnail:hover {
background: #ada2a2;
background: #ada2a2;
color: #ffffff;
color: #ffffff;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}
}
/* =Headlines Schriftfarbe
/* =Headlines Schriftfarbe
----------------------------------------------- */
----------------------------------------------- */
.entry-title,
.entry-title,
.entry-title a {
.entry-title a {
color: #ada2a2;
color: #ada2a2;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 32px;
font-size: 3.2rem;
font-size: 3.2rem;
font-style: italic;
font-style: italic;
line-height: 1em;
line-height: 1em;
margin: 0 0 20px 0;
margin: 0 0 20px 0;
}
}
/* =Text Schriftfarbe
/* =Text Schriftfarbe
----------------------------------------------- */
----------------------------------------------- */
body,
body,
button,
button,
input,
input,
select,
select,
textarea {
textarea {
color: #ada2a2;
color: #ada2a2;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
font-weight: 300;
font-weight: 300;
line-height: 1.5;
line-height: 1.5;
}
}
/* =Button Farbe
/* =Button Farbe
----------------------------------------------- */
----------------------------------------------- */
button,
button,
html input[type="button"],
html input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"] {
input[type="submit"] {
background: #d6d0d0;
background: #d6d0d0;
border: 0 none;
border: 0 none;
border-radius: 50px;
border-radius: 50px;
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
/* Improves usability and consistency of cursor style between image-type 'input' and others */
font-size: 12px;
font-size: 12px;
font-size: 1.2rem;
font-size: 1.2rem;
line-height: 1;
line-height: 1;
margin: 0;
margin: 0;
padding: .65em 1em;
padding: .65em 1em;
text-transform: uppercase;
text-transform: uppercase;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
}
button:hover,
button:hover,
html input[type="button"]:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
input[type="submit"]:hover {
background: #ada2a2;
background: #ada2a2;
color: #fafafa;
color: #fafafa;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
}
/* =Footer Farbe
/* =Footer Farbe
----------------------------------------------- */
----------------------------------------------- */
#colophon {
#colophon {
color: #d6d0d0;
color: #d6d0d0;
clear: both;
clear: both;
font-family: Quicksand, Helvetica, Arial, sans-serif;
font-family: Quicksand, Helvetica, Arial, sans-serif;
-webkit-text-stroke: .35px;
-webkit-text-stroke: .35px;
/* Hack to fix thin text in Windows */
/* Hack to fix thin text in Windows */
font-size: 12px;
font-size: 12px;
font-size: 1.2rem;
font-size: 1.2rem;
padding: 100px 0 50px;
padding: 100px 0 50px;
text-align: left;
text-align: left;
text-transform: uppercase;
text-transform: uppercase;
width: 100%;
width: 100%;
}
}
#colophon a {
#colophon a {
color: #d6d0d0;
color: #d6d0d0;
}
}
#colophon:hover a {
#colophon:hover a {
color: #ada2a2;
color: #ada2a2;
}
}
/* =Widget Plus Zeichen
/* =Widget Plus Zeichen
----------------------------------------------- */
----------------------------------------------- */
.sidebar-link {
.sidebar-link {
background: #fafafa;
background: #fafafa;
border-radius: 40px;
border-radius: 40px;
clear: both;
clear: both;
color: #d6d0d0;
color: #d6d0d0;
cursor: pointer;
cursor: pointer;
display: block;
display: block;
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
line-height: 40px;
line-height: 40px;
margin: 2em auto 0;
margin: 2em auto 0;
text-align: center;
text-align: center;
transition: background .4s ease-in-out, color .4s ease-in-out;
transition: background .4s ease-in-out, color .4s ease-in-out;
-webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
-webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
-moz-transition: background .4s ease-in-out, color .4s ease-in-out;
-moz-transition: background .4s ease-in-out, color .4s ease-in-out;
-o-transition: background .4s ease-in-out, color .4s ease-in-out;
-o-transition: background .4s ease-in-out, color .4s ease-in-out;
-ms-transition: background .4s ease-in-out, color .4s ease-in-out;
-ms-transition: background .4s ease-in-out, color .4s ease-in-out;
width: 40px;
width: 40px;
height: 40px;
height: 40px;
}
}
.sidebar-link:hover {
.sidebar-link:hover {
background-color: #ada2a2;
background-color: #ada2a2;
color: #fafafa;
color: #fafafa;
transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
Kopieren
Kopiert
Kopieren
Kopiert
}
Gespeicherte Diffs
Originaltext
Datei öffnen
/* Theme Name: Spun_Childtheme Description: Author: admin Template: spun (optional values you can add: Theme URI, Author URI, Version) */ @import url("../spun/style.css"); /* =Header ohne Transparenz ----------------------------------------------- */ .blog .hentry span.hometitle { width: 100%; position: absolute; top: 73px; display: table-cell; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 30px; font-size: 3.0rem; font-style: italic; text-shadow: 0 0 10px #fff; text-align: center; line-height: 1.2; vertical-align: middle; word-wrap: break-word; color: #6a6363; overflow: hidden; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; } .blog .hentry { position: relative; } @media screen and ( max-width: 800px ) { .blog .hentry span.hometitle { font-size: 24px; font-size: 2.4rem; }; } /* =Header Logo Größe ----------------------------------------------- */ #masthead img { max-height: 200px; } #masthead { opacity: 1; } .post-date { display: none; } /* =Hauptnavi Farbe_Unterstrichen ----------------------------------------------- */ .main-navigation { color: #ada2a2; display: block; float: right; font-family: Quicksand, Helvetica, Arial, sans-serif; -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ font-size: 14px; font-size: 1.4rem; margin: 5px 0 0; position: relative; text-align: right; text-transform: uppercase; width: 60%; text-shadow: 0px 0.5px 0 #ada2a2; } .main-navigation li:hover > a { color: #2f2c2c; text-shadow: 0px 0.5px 0 #2f2c2c; text-decoration: underline; } /* =Homepage Bubbles unser Grau ----------------------------------------------- */ #primary { padding: 0; width: 100%; } #primary:before, #primary:after, #content:before, #content:after, #main:before, #main:after { content: ""; display: table; } #primary:after, #content:after, #main:after { clear: both; } .hentry.no-thumbnail { background: #d6d0d0; border-radius: 180px; overflow: hidden; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; word-wrap: break-word; width: 180px; max-width: 180px; height: 180px; max-height: 180px; } .hentry.no-thumbnail span { color: #fafafa; display: table-cell; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 32px; font-size: 3.2rem; font-style: italic; line-height: 32px; overflow: hidden; text-align: center; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; vertical-align: middle; word-wrap: break-word; width: 180px; height: 180px; } .hentry.no-thumbnail:hover { background: #ada2a2; color: #ffffff; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; } /* =Headlines Schriftfarbe ----------------------------------------------- */ .entry-title, .entry-title a { color: #ada2a2; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 32px; font-size: 3.2rem; font-style: italic; line-height: 1em; margin: 0 0 20px 0; } /* =Text Schriftfarbe ----------------------------------------------- */ body, button, input, select, textarea { color: #ada2a2; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } /* =Button Farbe ----------------------------------------------- */ button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #d6d0d0; border: 0 none; border-radius: 50px; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 12px; font-size: 1.2rem; line-height: 1; margin: 0; padding: .65em 1em; text-transform: uppercase; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #ada2a2; color: #fafafa; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } /* =Footer Farbe ----------------------------------------------- */ #colophon { color: #d6d0d0; clear: both; font-family: Quicksand, Helvetica, Arial, sans-serif; -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ font-size: 12px; font-size: 1.2rem; padding: 100px 0 50px; text-align: left; text-transform: uppercase; width: 100%; } #colophon a { color: #d6d0d0; } #colophon:hover a { color: #ada2a2; } /* =Widget Plus Zeichen ----------------------------------------------- */ .sidebar-link { background: #fafafa; border-radius: 40px; clear: both; color: #d6d0d0; cursor: pointer; display: block; font-size: 18px; font-size: 1.8rem; line-height: 40px; margin: 2em auto 0; text-align: center; transition: background .4s ease-in-out, color .4s ease-in-out; -webkit-transition: background .4s ease-in-out, color .4s ease-in-out; -moz-transition: background .4s ease-in-out, color .4s ease-in-out; -o-transition: background .4s ease-in-out, color .4s ease-in-out; -ms-transition: background .4s ease-in-out, color .4s ease-in-out; width: 40px; height: 40px; } .sidebar-link:hover { background-color: #ada2a2; color: #fafafa; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;
Bearbeitung
Datei öffnen
/* Theme Name: Spun_Childtheme Description: Author: admin Template: spun (optional values you can add: Theme URI, Author URI, Version) */ @import url("../spun/style.css"); /* =Header ohne Transparenz ----------------------------------------------- */ .blog .hentry span.hometitle { width: 100%; position: absolute; top: 73px; display: table-cell; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 30px; font-size: 3.0rem; font-style: italic; text-shadow: 0 0 10px #fff; text-align: center; line-height: 1.2; vertical-align: middle; word-wrap: break-word; color: #6a6363; overflow: hidden; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; } .blog .hentry { position: relative; } @media screen and ( max-width: 800px ) { .blog .hentry span.hometitle { font-size: 24px; font-size: 2.4rem; }; } /* =Header Logo Größe ----------------------------------------------- */ #masthead img { max-height: 200px; } #masthead { opacity: 1; } .post-date { display: none; } /* =Hauptnavi Farbe_Unterstrichen ----------------------------------------------- */ .main-navigation { color: #ada2a2; display: block; float: right; font-family: Quicksand, Helvetica, Arial, sans-serif; -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ font-size: 14px; font-size: 1.4rem; margin: 5px 0 0; position: relative; text-align: right; text-transform: uppercase; width: 60%; text-shadow: 0px 0.5px 0 #ada2a2; } .main-navigation li:hover > a { color: #2f2c2c; text-shadow: 0px 0.5px 0 #2f2c2c; text-decoration: underline; } /* =Homepage Bubbles unser Grau ----------------------------------------------- */ #primary { padding: 0; width: 100%; } #primary:before, #primary:after, #content:before, #content:after, #main:before, #main:after { content: ""; display: table; } #primary:after, #content:after, #main:after { clear: both; } .hentry.no-thumbnail { background: #d6d0d0; border-radius: 180px; overflow: hidden; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; word-wrap: break-word; } .hentry.no-thumbnail span { color: #fafafa; display: table-cell; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 32px; font-size: 3.2rem; font-style: italic; line-height: 32px; overflow: hidden; text-align: center; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; vertical-align: middle; word-wrap: break-word; } .hentry.no-thumbnail:hover { background: #ada2a2; color: #ffffff; transition: background .4s ease-in-out; -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; } /* =Headlines Schriftfarbe ----------------------------------------------- */ .entry-title, .entry-title a { color: #ada2a2; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 32px; font-size: 3.2rem; font-style: italic; line-height: 1em; margin: 0 0 20px 0; } /* =Text Schriftfarbe ----------------------------------------------- */ body, button, input, select, textarea { color: #ada2a2; font-family: Baskerville, "Playfair Display", "Times New Roman", serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } /* =Button Farbe ----------------------------------------------- */ button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #d6d0d0; border: 0 none; border-radius: 50px; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 12px; font-size: 1.2rem; line-height: 1; margin: 0; padding: .65em 1em; text-transform: uppercase; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #ada2a2; color: #fafafa; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } /* =Footer Farbe ----------------------------------------------- */ #colophon { color: #d6d0d0; clear: both; font-family: Quicksand, Helvetica, Arial, sans-serif; -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ font-size: 12px; font-size: 1.2rem; padding: 100px 0 50px; text-align: left; text-transform: uppercase; width: 100%; } #colophon a { color: #d6d0d0; } #colophon:hover a { color: #ada2a2; } /* =Widget Plus Zeichen ----------------------------------------------- */ .sidebar-link { background: #fafafa; border-radius: 40px; clear: both; color: #d6d0d0; cursor: pointer; display: block; font-size: 18px; font-size: 1.8rem; line-height: 40px; margin: 2em auto 0; text-align: center; transition: background .4s ease-in-out, color .4s ease-in-out; -webkit-transition: background .4s ease-in-out, color .4s ease-in-out; -moz-transition: background .4s ease-in-out, color .4s ease-in-out; -o-transition: background .4s ease-in-out, color .4s ease-in-out; -ms-transition: background .4s ease-in-out, color .4s ease-in-out; width: 40px; height: 40px; } .sidebar-link:hover { background-color: #ada2a2; color: #fafafa; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; }
Unterschied finden