Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
공백 변경 숨기기
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
텍스트 스타일
모양 변경
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
11년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
198 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
645 행
복사
1 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
449 행
복사
/*
/*
Theme Name: Twenty Fourteen
Theme Name: Twenty Fourteen
Description: Used to style the TinyMCE editor.
Description: Used to style the TinyMCE editor.
*/
*/
/**
/**
* Table of Contents:
* Table of Contents:
*
*
* 1.0 - Body
* 1.0 - Body
* 2.0 - Headings
* 2.0 - Headings
* 3.0 - Text Elements
* 3.0 - Text Elements
* 4.0 - Links
* 4.0 - Links
* 5.0 - Alignment
* 5.0 - Alignment
* 6.0 - Tables
* 6.0 - Tables
* 7.0 - Images
* 7.0 - Images
복사
복사됨
복사
복사됨
* 8.
0 - Galleries
* 8.
0 - RTL
* 9.0 - Audio/Video
* 10.
0 - RTL
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
/**
/**
* 1.0 Body
* 1.0 Body
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
html .mceContentBody {
html .mceContentBody {
font-size: 100%;
font-size: 100%;
max-width: 474px;
max-width: 474px;
}
}
body {
body {
color: #2b2b2b;
color: #2b2b2b;
font-family: Lato, sans-serif;
font-family: Lato, sans-serif;
font-weight: 400;
font-weight: 400;
line-height: 1.5;
line-height: 1.5;
vertical-align: baseline;
vertical-align: baseline;
}
}
/**
/**
* 2.0 Headings
* 2.0 Headings
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
h1,
h1,
h2,
h2,
h3,
h3,
h4,
h4,
h5,
h5,
h6 {
h6 {
clear: both;
clear: both;
font-weight: 700;
font-weight: 700;
margin: 36px 0 12px;
margin: 36px 0 12px;
}
}
h1 {
h1 {
font-size: 26px;
font-size: 26px;
line-height: 1.3846153846;
line-height: 1.3846153846;
}
}
h2 {
h2 {
font-size: 24px;
font-size: 24px;
line-height: 1;
line-height: 1;
}
}
h3 {
h3 {
font-size: 22px;
font-size: 22px;
line-height: 1.0909090909;
line-height: 1.0909090909;
}
}
h4 {
h4 {
font-size: 20px;
font-size: 20px;
line-height: 1.2;
line-height: 1.2;
}
}
h5 {
h5 {
font-size: 18px;
font-size: 18px;
line-height: 1.3333333333;
line-height: 1.3333333333;
}
}
h6 {
h6 {
font-size: 16px;
font-size: 16px;
line-height: 1.5;
line-height: 1.5;
}
}
h1:first-child,
h1:first-child,
h2:first-child,
h2:first-child,
h3:first-child,
h3:first-child,
h4:first-child,
h4:first-child,
h5:first-child,
h5:first-child,
h6:first-child {
h6:first-child {
margin-top: 0;
margin-top: 0;
}
}
/**
/**
* 3.0 Text Elements
* 3.0 Text Elements
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
address {
address {
font-style: italic;
font-style: italic;
margin-bottom: 24px;
margin-bottom: 24px;
}
}
abbr[title] {
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
border-bottom: 1px dotted #2b2b2b;
cursor: help;
cursor: help;
}
}
b,
b,
strong {
strong {
font-weight: 700;
font-weight: 700;
}
}
cite {
cite {
border: 0;
border: 0;
}
}
cite,
cite,
dfn,
dfn,
em,
em,
i {
i {
font-style: italic;
font-style: italic;
}
}
mark,
mark,
ins {
ins {
background: #fff9c0;
background: #fff9c0;
border: 0;
border: 0;
color: inherit;
color: inherit;
text-decoration: none;
text-decoration: none;
}
}
p {
p {
margin: 0 0 24px;
margin: 0 0 24px;
}
}
code,
code,
kbd,
kbd,
tt,
tt,
var,
var,
samp,
samp,
pre {
pre {
font-family: monospace, serif;
font-family: monospace, serif;
font-size: 15px;
font-size: 15px;
line-height: 1.6;
line-height: 1.6;
}
}
pre {
pre {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 24px;
margin-bottom: 24px;
max-width: 100%;
max-width: 100%;
overflow: auto;
overflow: auto;
padding: 12px;
padding: 12px;
white-space: pre;
white-space: pre;
white-space: pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-wrap: break-word;
}
}
blockquote,
blockquote,
q {
q {
quotes: none;
quotes: none;
}
}
blockquote:before,
blockquote:before,
blockquote:after,
blockquote:after,
q:before,
q:before,
q:after {
q:after {
content: "";
content: "";
content: none;
content: none;
}
}
blockquote {
blockquote {
color: #767676;
color: #767676;
font-size: 19px;
font-size: 19px;
font-style: italic;
font-style: italic;
font-weight: 300;
font-weight: 300;
line-height: 1.2631578947;
line-height: 1.2631578947;
margin: 0 0 24px;
margin: 0 0 24px;
}
}
blockquote cite,
blockquote cite,
blockquote small {
blockquote small {
color: #2b2b2b;
color: #2b2b2b;
font-size: 16px;
font-size: 16px;
font-weight: 400;
font-weight: 400;
line-height: 1.5;
line-height: 1.5;
}
}
blockquote em,
blockquote em,
blockquote i,
blockquote i,
blockquote cite {
blockquote cite {
font-style: normal;
font-style: normal;
}
}
blockquote strong,
blockquote strong,
blockquote b {
blockquote b {
font-weight: 400;
font-weight: 400;
}
}
small {
small {
font-size: smaller;
font-size: smaller;
}
}
big {
big {
font-size: 125%;
font-size: 125%;
}
}
sup,
sup,
sub {
sub {
font-size: 75%;
font-size: 75%;
height: 0;
height: 0;
line-height: 0;
line-height: 0;
position: relative;
position: relative;
vertical-align: baseline;
vertical-align: baseline;
}
}
sup {
sup {
bottom: 1ex;
bottom: 1ex;
}
}
sub {
sub {
top: .5ex;
top: .5ex;
}
}
dl {
dl {
margin: 0 0 24px;
margin: 0 0 24px;
}
}
dt {
dt {
font-weight: bold;
font-weight: bold;
}
}
dd {
dd {
margin: 0 0 24px;
margin: 0 0 24px;
}
}
ul,
ul,
ol {
ol {
list-style: none;
list-style: none;
margin: 0 0 24px 20px;
margin: 0 0 24px 20px;
padding-left: 0;
padding-left: 0;
}
}
ul {
ul {
list-style: disc;
list-style: disc;
}
}
ol {
ol {
list-style: decimal;
list-style: decimal;
}
}
li > ul,
li > ul,
li > ol {
li > ol {
margin: 0 0 0 20px;
margin: 0 0 0 20px;
}
}
del {
del {
color: #767676;
color: #767676;
}
}
hr {
hr {
background-color: rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
border: 0;
border: 0;
height: 1px;
height: 1px;
margin-bottom: 23px;
margin-bottom: 23px;
}
}
/**
/**
* 4.0 Links
* 4.0 Links
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
a {
a {
color: #24890d;
color: #24890d;
text-decoration: none;
text-decoration: none;
}
}
a:visited {
a:visited {
color: #24890d;
color: #24890d;
}
}
a:focus {
a:focus {
outline: thin dotted;
outline: thin dotted;
}
}
a:active,
a:active,
a:hover {
a:hover {
color: #41a62a;
color: #41a62a;
outline: 0;
outline: 0;
}
}
/**
/**
* 5.0 Alignment
* 5.0 Alignment
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
.alignleft {
.alignleft {
float: left;
float: left;
margin: 7px 24px 7px 0;
margin: 7px 24px 7px 0;
}
}
.alignright {
.alignright {
float: right;
float: right;
margin: 7px 0 7px 24px;
margin: 7px 0 7px 24px;
}
}
.aligncenter {
.aligncenter {
clear: both;
clear: both;
display: block;
display: block;
margin: 7px auto;
margin: 7px auto;
}
}
blockquote.alignleft,
blockquote.alignleft,
blockquote.alignright {
blockquote.alignright {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 17px;
padding-top: 17px;
width: 50%;
width: 50%;
}
}
blockquote.alignleft p,
blockquote.alignleft p,
blockquote.alignright p {
blockquote.alignright p {
margin-bottom: 17px;
margin-bottom: 17px;
}
}
/**
/**
* 6.0 Tables
* 6.0 Tables
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
.mceItemTable {
.mceItemTable {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0 0 1px;
border-width: 1px 0 0 1px;
border-collapse: separate;
border-collapse: separate;
border-spacing: 0;
border-spacing: 0;
font-size: 14px;
font-size: 14px;
line-height: 1.2857142857;
line-height: 1.2857142857;
margin-bottom: 24px;
margin-bottom: 24px;
width: 100%;
width: 100%;
}
}
.mceItemTable th,
.mceItemTable th,
.mceItemTable caption {
.mceItemTable caption {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 0;
border-width: 0 1px 1px 0;
font-weight: 700;
font-weight: 700;
padding: 8px;
padding: 8px;
text-align: left;
text-align: left;
text-transform: uppercase;
text-transform: uppercase;
vertical-align: baseline;
vertical-align: baseline;
}
}
.mceItemTable td {
.mceItemTable td {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 0;
border-width: 0 1px 1px 0;
font-family: Lato, sans-serif;
font-family: Lato, sans-serif;
font-size: 14px;
font-size: 14px;
padding: 8px;
padding: 8px;
vertical-align: baseline;
vertical-align: baseline;
}
}
/**
/**
* 7.0 Images
* 7.0 Images
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
img {
img {
height: auto;
height: auto;
max-width: 474px;
max-width: 474px;
vertical-align: middle;
vertical-align: middle;
}
}
.wp-caption {
.wp-caption {
background: transparent;
background: transparent;
border: none;
border: none;
color: #767676;
color: #767676;
margin: 0 0 24px 0;
margin: 0 0 24px 0;
max-width: 474px;
max-width: 474px;
padding: 0;
padding: 0;
text-align: left;
text-align: left;
}
}
복사
복사됨
복사
복사됨
.html5-captions .wp-caption {
padding: 0;
}
.wp-caption.alignleft {
.wp-caption.alignleft {
margin: 7px 14px 7px 0;
margin: 7px 14px 7px 0;
}
}
복사
복사됨
복사
복사됨
.html5-captions .wp-caption.alignleft {
margin-right: 24px;
}
.wp-caption.alignright {
.wp-caption.alignright {
margin: 7px 0 7px 14px;
margin: 7px 0 7px 14px;
}
}
복사
복사됨
복사
복사됨
.wp-caption.alignright img,
.wp-caption.alignright .wp-caption-dd {
padding-left: 10px;
}
.html5-captions .wp-caption.alignright {
margin-left: 24px;
}
.html5-captions .wp-caption.alignright img,
.html5-captions .wp-caption.alignright .wp-caption-dd {
padding: 0;
}
.wp-caption.aligncenter {
.wp-caption.aligncenter {
margin: 7px 0;
margin: 7px 0;
}
}
.wp-caption-dt {
.wp-caption-dt {
margin: 0;
margin: 0;
}
}
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-text,
.wp-caption-dd {
.wp-caption-dd {
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 12px;
font-style: italic;
font-style: italic;
line-height: 1.5;
line-height: 1.5;
margin: 9px 0;
margin: 9px 0;
padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
text-align: left;
text-align: left;
}
}
.mceTemp + ul,
.mceTemp + ul,
.mceTemp + ol {
.mceTemp + ol {
list-style-position: inside;
list-style-position: inside;
}
}
복사
복사됨
복사
복사됨
/**
* 8.0 Gallery
* -----------------------------------------------------------------------------
*/
.gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 14px);
max-width: calc(50% - 14px);
width: auto;
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 11px);
max-width: calc(33.3% - 11px);
width: auto;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 9px);
max-width: calc(25% - 9px);
width: auto;
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 8px);
max-width: calc(20% - 8px);
width: auto;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 7px);
max-width: calc(16.7% - 7px);
width: auto;
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 7px);
max-width: calc(14.28% - 7px);
width: auto;
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 6px);
max-width: calc(12.5% - 6px);
width: auto;
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 6px);
max-width: calc(11.1% - 6px);
width: auto;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
.gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
.gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
.gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
.gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
.gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
.gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
.gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
}
.gallery .gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery .gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 9.0 Audio/Video
* ----------------------------------------------------------------------------
*/
.mejs-mediaelement,
.mejs-container .mejs-controls {
background: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(255, 255, 255, .33);
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}
.mejs-overlay-loading {
background: transparent;
}
/**
/**
복사
복사됨
복사
복사됨
*
10
.0 RTL
*
8
.0 RTL
* ----------------------------------------------------------------------------
* ----------------------------------------------------------------------------
*/
*/
html .mceContentBody.rtl {
html .mceContentBody.rtl {
direction: rtl;
direction: rtl;
unicode-bidi: embed;
unicode-bidi: embed;
}
}
.rtl ol,
.rtl ol,
.rtl ul {
.rtl ul {
margin-left: 0;
margin-left: 0;
margin-right: 24px;
margin-right: 24px;
}
}
.rtl .wp-caption,
.rtl .wp-caption,
.rtl tr th {
.rtl tr th {
text-align: right;
text-align: right;
}
}
.rtl td {
.rtl td {
text-align: right;
text-align: right;
}
}
저장된 비교 결과
원본
파일 열기
/* Theme Name: Twenty Fourteen Description: Used to style the TinyMCE editor. */ /** * Table of Contents: * * 1.0 - Body * 2.0 - Headings * 3.0 - Text Elements * 4.0 - Links * 5.0 - Alignment * 6.0 - Tables * 7.0 - Images * 8.0 - Galleries * 9.0 - Audio/Video * 10.0 - RTL * ---------------------------------------------------------------------------- */ /** * 1.0 Body * ---------------------------------------------------------------------------- */ html .mceContentBody { font-size: 100%; max-width: 474px; } body { color: #2b2b2b; font-family: Lato, sans-serif; font-weight: 400; line-height: 1.5; vertical-align: baseline; } /** * 2.0 Headings * ---------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 36px 0 12px; } h1 { font-size: 26px; line-height: 1.3846153846; } h2 { font-size: 24px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /** * 3.0 Text Elements * ---------------------------------------------------------------------------- */ address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite { border: 0; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; border: 0; color: inherit; text-decoration: none; } p { margin: 0 0 24px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin: 0 0 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin: 0 0 24px; } dt { font-weight: bold; } dd { margin: 0 0 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; padding-left: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } /** * 4.0 Links * ---------------------------------------------------------------------------- */ a { color: #24890d; text-decoration: none; } a:visited { color: #24890d; } a:focus { outline: thin dotted; } a:active, a:hover { color: #41a62a; outline: 0; } /** * 5.0 Alignment * ---------------------------------------------------------------------------- */ .alignleft { float: left; margin: 7px 24px 7px 0; } .alignright { float: right; margin: 7px 0 7px 24px; } .aligncenter { clear: both; display: block; margin: 7px auto; } blockquote.alignleft, blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } blockquote.alignleft p, blockquote.alignright p { margin-bottom: 17px; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */ .mceItemTable { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; width: 100%; } .mceItemTable th, .mceItemTable caption { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-weight: 700; padding: 8px; text-align: left; text-transform: uppercase; vertical-align: baseline; } .mceItemTable td { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-family: Lato, sans-serif; font-size: 14px; padding: 8px; vertical-align: baseline; } /** * 7.0 Images * ---------------------------------------------------------------------------- */ img { height: auto; max-width: 474px; vertical-align: middle; } .wp-caption { background: transparent; border: none; color: #767676; margin: 0 0 24px 0; max-width: 474px; padding: 0; text-align: left; } .html5-captions .wp-caption { padding: 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } .html5-captions .wp-caption.alignleft { margin-right: 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } .wp-caption.alignright img, .wp-caption.alignright .wp-caption-dd { padding-left: 10px; } .html5-captions .wp-caption.alignright { margin-left: 24px; } .html5-captions .wp-caption.alignright img, .html5-captions .wp-caption.alignright .wp-caption-dd { padding: 0; } .wp-caption.aligncenter { margin: 7px 0; } .wp-caption-dt { margin: 0; } .wp-caption .wp-caption-text, .wp-caption-dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ text-align: left; } .mceTemp + ul, .mceTemp + ol { list-style-position: inside; } /** * 8.0 Gallery * ----------------------------------------------------------------------------- */ .gallery .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; padding: 0; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; width: auto; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 14px); max-width: calc(50% - 14px); width: auto; } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 11px); max-width: calc(33.3% - 11px); width: auto; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 9px); max-width: calc(25% - 9px); width: auto; } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 8px); max-width: calc(20% - 8px); width: auto; } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 7px); max-width: calc(16.7% - 7px); width: auto; } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 7px); max-width: calc(14.28% - 7px); width: auto; } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 6px); max-width: calc(12.5% - 6px); width: auto; } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 6px); max-width: calc(11.1% - 6px); width: auto; } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n - 1), .gallery-columns-3 .gallery-item:nth-of-type(3n - 2), .gallery-columns-4 .gallery-item:nth-of-type(4n - 3), .gallery-columns-5 .gallery-item:nth-of-type(5n - 4), .gallery-columns-6 .gallery-item:nth-of-type(6n - 5), .gallery-columns-7 .gallery-item:nth-of-type(7n - 6), .gallery-columns-8 .gallery-item:nth-of-type(8n - 7), .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) { margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */ } .gallery .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 9.0 Audio/Video * ---------------------------------------------------------------------------- */ .mejs-mediaelement, .mejs-container .mejs-controls { background: #000; } .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #24890d; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .mejs-overlay-loading { background: transparent; } /** * 10.0 RTL * ---------------------------------------------------------------------------- */ html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .rtl ol, .rtl ul { margin-left: 0; margin-right: 24px; } .rtl .wp-caption, .rtl tr th { text-align: right; } .rtl td { text-align: right; }
수정본
파일 열기
/* Theme Name: Twenty Fourteen Description: Used to style the TinyMCE editor. */ /** * Table of Contents: * * 1.0 - Body * 2.0 - Headings * 3.0 - Text Elements * 4.0 - Links * 5.0 - Alignment * 6.0 - Tables * 7.0 - Images * 8.0 - RTL * ---------------------------------------------------------------------------- */ /** * 1.0 Body * ---------------------------------------------------------------------------- */ html .mceContentBody { font-size: 100%; max-width: 474px; } body { color: #2b2b2b; font-family: Lato, sans-serif; font-weight: 400; line-height: 1.5; vertical-align: baseline; } /** * 2.0 Headings * ---------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 36px 0 12px; } h1 { font-size: 26px; line-height: 1.3846153846; } h2 { font-size: 24px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /** * 3.0 Text Elements * ---------------------------------------------------------------------------- */ address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite { border: 0; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; border: 0; color: inherit; text-decoration: none; } p { margin: 0 0 24px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin: 0 0 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin: 0 0 24px; } dt { font-weight: bold; } dd { margin: 0 0 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; padding-left: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } /** * 4.0 Links * ---------------------------------------------------------------------------- */ a { color: #24890d; text-decoration: none; } a:visited { color: #24890d; } a:focus { outline: thin dotted; } a:active, a:hover { color: #41a62a; outline: 0; } /** * 5.0 Alignment * ---------------------------------------------------------------------------- */ .alignleft { float: left; margin: 7px 24px 7px 0; } .alignright { float: right; margin: 7px 0 7px 24px; } .aligncenter { clear: both; display: block; margin: 7px auto; } blockquote.alignleft, blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } blockquote.alignleft p, blockquote.alignright p { margin-bottom: 17px; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */ .mceItemTable { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; width: 100%; } .mceItemTable th, .mceItemTable caption { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-weight: 700; padding: 8px; text-align: left; text-transform: uppercase; vertical-align: baseline; } .mceItemTable td { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-family: Lato, sans-serif; font-size: 14px; padding: 8px; vertical-align: baseline; } /** * 7.0 Images * ---------------------------------------------------------------------------- */ img { height: auto; max-width: 474px; vertical-align: middle; } .wp-caption { background: transparent; border: none; color: #767676; margin: 0 0 24px 0; max-width: 474px; padding: 0; text-align: left; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } .wp-caption.alignright { margin: 7px 0 7px 14px; } .wp-caption.aligncenter { margin: 7px 0; } .wp-caption-dt { margin: 0; } .wp-caption .wp-caption-text, .wp-caption-dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ text-align: left; } .mceTemp + ul, .mceTemp + ol { list-style-position: inside; } /** * 8.0 RTL * ---------------------------------------------------------------------------- */ html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .rtl ol, .rtl ul { margin-left: 0; margin-right: 24px; } .rtl .wp-caption, .rtl tr th { text-align: right; } .rtl td { text-align: right; }
비교하기