Diff
checker
文本
文本
图像
文档
Excel
文件夹
Legal
Enterprise
桌面版
定价
登录
下载 Diffchecker 桌面版
比较文本
查找两个文本文件之间的差异
工具
历史
实时编辑器
折叠未更改行
关闭换行
视图
拆分
统一
比对精度
智能
单词
字符
语法高亮
选择语法
忽略
文本转换
转到第一个差异
编辑输入
Diffchecker Desktop
运行Diffchecker最安全的方式。获取Diffchecker桌面应用:您的差异永远不会离开您的电脑!
获取桌面版
Untitled diff
创建于
10年前
差异永不过期
清除
导出
分享
解释
5 删除
行
总计
删除
字符
总计
删除
要继续使用此功能,请升级到
Diff
checker
Pro
查看价格
128 行
全部复制
55 添加
行
总计
添加
字符
总计
添加
要继续使用此功能,请升级到
Diff
checker
Pro
查看价格
175 行
全部复制
/*
/*
COLORS:
COLORS:
28aadc - lighblue
28aadc - lighblue
646464 - menu/gray
646464 - menu/gray
dcdcdc - lightgray
dcdcdc - lightgray
282828 - dark grey
282828 - dark grey
*/
*/
复制
已复制
复制
已复制
* {
box-sizing: border-box;
}
body {
body {
复制
已复制
复制
已复制
margin: 0px;
font-family: 'Lato', sans-serif;
font-family: 'Lato', sans-serif;
font-size: 16px; /* Making sure */
font-size: 16px; /* Making sure */
}
}
h1 {
h1 {
font-weight: 700;
font-weight: 700;
margin: 1em 0;
margin: 1em 0;
}
}
p {
p {
/* text-indent: 1.5em; ciu check*/
/* text-indent: 1.5em; ciu check*/
}
}
a {
a {
color: #646464;
color: #646464;
text-decoration: none;
text-decoration: none;
}
}
a:hover {
a:hover {
color: #28aadc;
color: #28aadc;
}
}
p a {
p a {
border-bottom: 1px solid #28aadc;
border-bottom: 1px solid #28aadc;
}
}
.logo-img {
.logo-img {
display: block;
display: block;
复制
已复制
复制
已复制
margin:
auto;
margin:
50px
auto;
height:100px;
width: 50%;
width: 50%;
复制
已复制
复制
已复制
padding: 3em 0.9em;
}
}
ul {
ul {
list-style-type: none;
list-style-type: none;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
}
}
input {
input {
padding: 0.75em;
padding: 0.75em;
border: solid 2px #dcdcdc;
border: solid 2px #dcdcdc;
border-radius: 0.75em;
border-radius: 0.75em;
outline: none; /* fixing chrome error */
outline: none; /* fixing chrome error */
}
}
input[type="text"]:focus {
input[type="text"]:focus {
border: solid 2px #28aadc;
border: solid 2px #28aadc;
}
}
.side-nav {
.side-nav {
width: 10em;
width: 10em;
margin: auto;
margin: auto;
}
}
.side-nav li {
.side-nav li {
color: #646464;
color: #646464;
padding: 0.4em;
padding: 0.4em;
padding-left: 25px;
padding-left: 25px;
background-image: url('../img/icon.png');
background-image: url('../img/icon.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left;
background-position: left;
}
}
#user-side-menu {
#user-side-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
width: 18em;
width: 18em;
height: 100vh;
height: 100vh;
background-color: #282828;
background-color: #282828;
}
}
#user-top-menu {
#user-top-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
复制
已复制
复制
已复制
width:
100
%
;
width:
calc(
100
vw - 18em)
;
max-width:
1150px
;
max-width:
100%
;
height: 4.125em;
height: 4.125em;
padding-top: 1em;
padding-top: 1em;
padding-left: 2em;
padding-left: 2em;
background-color: #fff;
background-color: #fff;
border-bottom: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
}
复制
已复制
复制
已复制
.search-form {
max-width:100%;
}
.search-form,
.search-form,
.search-form input {
.search-form input {
display: inline-block;
display: inline-block;
复制
已复制
复制
已复制
width: 60%;
float: left;
float: left;
}
}
复制
已复制
复制
已复制
.search-form input {
width: 100%;
}
.notifi {
.notifi {
复制
已复制
复制
已复制
margin-top: -8px;
height: 50px;
height: 50px;
width: 50px;
width: 50px;
float: right;
float: right;
复制
已复制
复制
已复制
margin-right: 30px;
}
}
.site {
.site {
padding: 0 2em;
padding: 0 2em;
line-height: 1.75em;
line-height: 1.75em;
复制
已复制
复制
已复制
width: calc(100vw - 18em);
max-width: 100%;
}
}
.wrapper {
.wrapper {
padding-top: 5.1875em;
padding-top: 5.1875em;
padding-left: 18em;
padding-left: 18em;
复制
已复制
复制
已复制
max-width: 1
200px
;
max-width: 1
00%
;
}
}
footer {
footer {
padding-left: 20em;
padding-left: 20em;
}
}
.clearit:after {
.clearit:after {
content: "";
content: "";
display: table;
display: table;
clear: both;
clear: both;
}
}
复制
已复制
复制
已复制
.site {
width: 100%;
}
/*Make sidebar smaller on break point for better UI */
@media (max-width: 579px) {
#user-side-menu {
width:10em;
}
.site {
width: calc(100vw - 10em);
}
#user-top-menu {
width: calc(100vw - 10em);
}
.wrapper {
padding-top: 5.1875em;
padding-left: 10em;
max-width: 100%;
}
}
已保存差异
原始文本
打开文件
/* COLORS: 28aadc - lighblue 646464 - menu/gray dcdcdc - lightgray 282828 - dark grey */ body { font-family: 'Lato', sans-serif; font-size: 16px; /* Making sure */ } h1 { font-weight: 700; margin: 1em 0; } p { /* text-indent: 1.5em; ciu check*/ } a { color: #646464; text-decoration: none; } a:hover { color: #28aadc; } p a { border-bottom: 1px solid #28aadc; } .logo-img { display: block; margin: auto; width: 50%; padding: 3em 0.9em; } ul { list-style-type: none; padding: 0; margin: 0; } input { padding: 0.75em; border: solid 2px #dcdcdc; border-radius: 0.75em; outline: none; /* fixing chrome error */ } input[type="text"]:focus { border: solid 2px #28aadc; } .side-nav { width: 10em; margin: auto; } .side-nav li { color: #646464; padding: 0.4em; padding-left: 25px; background-image: url('../img/icon.png'); background-repeat: no-repeat; background-position: left; } #user-side-menu { position: fixed; top: 0; width: 18em; height: 100vh; background-color: #282828; } #user-top-menu { position: fixed; top: 0; width: 100%; max-width: 1150px; height: 4.125em; padding-top: 1em; padding-left: 2em; background-color: #fff; border-bottom: 1px solid #dcdcdc; } .search-form, .search-form input { display: inline-block; width: 60%; float: left; } .notifi { height: 50px; width: 50px; float: right; } .site { padding: 0 2em; line-height: 1.75em; } .wrapper { padding-top: 5.1875em; padding-left: 18em; max-width: 1200px; } footer { padding-left: 20em; } .clearit:after { content: ""; display: table; clear: both; }
更改后文本
打开文件
/* COLORS: 28aadc - lighblue 646464 - menu/gray dcdcdc - lightgray 282828 - dark grey */ * { box-sizing: border-box; } body { margin: 0px; font-family: 'Lato', sans-serif; font-size: 16px; /* Making sure */ } h1 { font-weight: 700; margin: 1em 0; } p { /* text-indent: 1.5em; ciu check*/ } a { color: #646464; text-decoration: none; } a:hover { color: #28aadc; } p a { border-bottom: 1px solid #28aadc; } .logo-img { display: block; margin: 50px auto; height:100px; width: 50%; } ul { list-style-type: none; padding: 0; margin: 0; } input { padding: 0.75em; border: solid 2px #dcdcdc; border-radius: 0.75em; outline: none; /* fixing chrome error */ } input[type="text"]:focus { border: solid 2px #28aadc; } .side-nav { width: 10em; margin: auto; } .side-nav li { color: #646464; padding: 0.4em; padding-left: 25px; background-image: url('../img/icon.png'); background-repeat: no-repeat; background-position: left; } #user-side-menu { position: fixed; top: 0; width: 18em; height: 100vh; background-color: #282828; } #user-top-menu { position: fixed; top: 0; width: calc(100vw - 18em); max-width: 100%; height: 4.125em; padding-top: 1em; padding-left: 2em; background-color: #fff; border-bottom: 1px solid #dcdcdc; } .search-form { max-width:100%; } .search-form, .search-form input { display: inline-block; float: left; } .search-form input { width: 100%; } .notifi { margin-top: -8px; height: 50px; width: 50px; float: right; margin-right: 30px; } .site { padding: 0 2em; line-height: 1.75em; width: calc(100vw - 18em); max-width: 100%; } .wrapper { padding-top: 5.1875em; padding-left: 18em; max-width: 100%; } footer { padding-left: 20em; } .clearit:after { content: ""; display: table; clear: both; } .site { width: 100%; } /*Make sidebar smaller on break point for better UI */ @media (max-width: 579px) { #user-side-menu { width:10em; } .site { width: calc(100vw - 10em); } #user-top-menu { width: calc(100vw - 10em); } .wrapper { padding-top: 5.1875em; padding-left: 10em; max-width: 100%; } }
查找差异