Diff
checker
Text
Text
Images
Documents
Excel
Folders
Legal
Enterprise
Desktop
Pricing
Sign in
Download Diffchecker Desktop
Compare text
Find the difference between two text files
Tools
History
Real-time editor
Hide unchanged lines
Disable line wrap
Layout
Split
Unified
Diff precision
Smart
Word
Char
Syntax highlighting
Choose syntax
Ignore
Transform text
Go to first change
Edit input
Diffchecker Desktop
The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!
Get Desktop
Untitled diff
Created
11 years ago
Diff never expires
Clear
Export
Share
Explain
7 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
292 lines
Copy
1 addition
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
286 lines
Copy
/*
/*
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;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
}
Saved diffs
Original text
Open file
/* 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;
Changed text
Open file
/* 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; }
Find difference