Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
11년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
7 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
292 행
복사
1 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
286 행
복사
/*
/*
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;
복사
복사됨
복사
복사됨
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;
복사
복사됨
복사
복사됨
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;
복사
복사됨
복사
복사됨
}
저장된 비교 결과
원본
파일 열기
/* 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;
수정본
파일 열기
/* 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; }
비교하기