Diff
checker
テキスト
テキスト
画像
ドキュメント
Excel
フォルダ
Legal
Enterprise
デスクトップ
料金
ログイン
Diffchecker デスクトップのダウンロード
テキスト比較
2 つのテキスト ファイルの違いを見つける
ツール
履歴
ライブエディター
未変更行を折りたたむ
折り返しなし
レイアウト
分割
統合
比較精度
スマート
単語
文字
シンタックスハイライト
構文を選択
無視
テキスト変換
最初の差分へ移動
入力を編集
Diffchecker Desktop
Diffcheckerを実行する最も安全な方法。Diffchecker Desktopアプリを入手:あなたの差分はコンピューターから出ることはありません!
Desktopを入手
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; }
違いを見つける