Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
7년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
195 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
402 행
복사
121 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
335 행
복사
복사
복사됨
복사
복사됨
/** BBcode **/
/*
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/
.bbcode {
.bbcode {
position: relative;
position: relative;
display: table;
display: table;
복사
복사됨
복사
복사됨
margin:
5px
auto -
5px
auto;
margin:
0.309em
auto -
0.309em
auto;
width: 99%;
width: 99%;
복사
복사됨
복사
복사됨
background-color: #EEEEEE
;
border-width: 1px 1px 0
;
border
: 1px
solid
#BBBBBB
;
border
-style:
solid
;
}
}
.bbcode-containers {
.bbcode-containers {
display: table-cell;
display: table-cell;
font-size: 0;
font-size: 0;
}
}
.bbcode-container {
.bbcode-container {
display: inline-block;
display: inline-block;
복사
복사됨
복사
복사됨
margin:
2px 0 2px
0;
margin:
0;
padding: 0
;
padding: 0
.1618em
;
border-
right
: 1px
solid
#CECECE
;
border-
width
: 1px
;
Text moved with changes to lines 36-39 (91.4% similarity)
}
border-style:
solid
;
border-color: transparent;
@media (min-width: 769px) {
.bbcode-container {
position: relative;
}
}
}
.bbcode-container:after {
.bbcode-container:after {
position: absolute;
position: absolute;
복사
복사됨
복사
복사됨
top: 0;
right: -2px;
right: -2px;
복사
복사됨
복사
복사됨
height:
24px
;
height:
100%
;
width: 1px;
width: 1px;
content: "";
content: "";
복사
복사됨
복사
복사됨
Text moved with changes from lines 21-24 (91.4% similarity)
background: #FFFFFF;
}
@media (min-width: 769px) {
.bbcode-container { position: relative; }
}
}
.bbcode-elements {
.bbcode-elements {
display: inline-block;
display: inline-block;
복사
복사됨
복사
복사됨
height: 24px
;
font-size: 1.456rem
;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
.bbcode-elements {
.bbcode-elements {
position: relative;
position: relative;
}
}
}
}
복사
복사됨
복사
복사됨
/* Icones de la barre BBCode */
.bbcode-elements > a {
.bbcode-elements > a {
display: inline-block;
display: inline-block;
복사
복사됨
복사
복사됨
height: 22px;
font-size: 1.456rem;
border: 1px solid transparent;
padding:
0.309em
;
}
text-align: center;
vertical-align: 0
;
.bbcode .bbcode-elements > a {
margin: 1px 2px;
padding:
2px 2px 0 2px
;
width: 23px
;
}
}
.bbcode-elements > a:hover {
.bbcode-elements > a:hover {
복사
복사됨
복사
복사됨
color: #222222;
text-decoration: none;
text-decoration: none;
}
}
복사
복사됨
복사
복사됨
.bbcode .bbcode-elements > a:hover {
background-image: linear-gradient(#F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.bbcode-elements a,
.bbcode-block-container {
font-size: 1.3rem;
}
.bbcode-elements-more {
.bbcode-elements-more {
display: table-cell;
display: table-cell;
margin: auto;
margin: auto;
복사
복사됨
복사
복사됨
width:
20px
;
width:
1.309em
;
vertical-align: middle;
vertical-align: middle;
font-size: 1rem;
font-size: 1rem;
text-align: center;
text-align: center;
}
}
복사
복사됨
복사
복사됨
.bbcode
.bbcode-
elements-more a {
.bbcode-
backspace {display: none;}
padding: 0;
width: 20px;
}
.bbcode-elements-more a {
margin: 3px 0;
padding: 0;
width: 18px;
height: 18px;
}
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-hover,
.bbcode-elements a,
.bbcode-elements i {
cursor: pointer;
}
복사
복사됨
복사
복사됨
@media (
max
-width: 76
8
px) {
@media (
min
-width: 76
9
px) {
.bbcode-backspace {
.bbcode-backspace {
복사
복사됨
복사
복사됨
display:
none
;
display:
block
;
}
}
}
}
.bbcode-block-container {
.bbcode-block-container {
position: absolute;
position: absolute;
복사
복사됨
복사
복사됨
top:
26px
;
top:
120%
;
left:
-4px;
left:
0;
bottom: 0;
bottom: 0;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
z-index: 20;
z-index: 20;
text-align: center;
text-align: center;
}
}
.bbcode-block {
.bbcode-block {
margin: 0;
margin: 0;
복사
복사됨
복사
복사됨
background-color: #F3F3F3;
}
border: 1px solid #AAAAAA;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
.bbcode-block .form-element{
width: 100%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
.bbcode-block a {
.bbcode-block a {
복사
복사됨
복사
복사됨
cursor: pointer;
text-decoration: none;
text-decoration: none;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-block-container {
.bbcode-block-container {
top: 0;
top: 0;
left: 0;
left: 0;
bottom: 0;
bottom: 0;
right: 0;
right: 0;
}
}
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
복사
복사됨
복사
복사됨
.bbcode-block-container:before,
.bbcode-block-container:after {
.bbcode-block-container:after {
position: absolute;
position: absolute;
content: " ";
content: " ";
border-style: solid;
border-style: solid;
복사
복사됨
복사
복사됨
border-color: transparent;
}
.bbcode-block-container:before {
top: -8px;
left: 8px;
border-width: 0 9px 9px 9px;
border-bottom-color: #AAAAAA;
}
}
.bbcode-block-container:after {
.bbcode-block-container:after {
복사
복사됨
복사
복사됨
left:
9
px;
left:
5
px;
top: -7px;
top: -7px;
border-width: 0 8px 8px 8px;
border-width: 0 8px 8px 8px;
복사
복사됨
복사
복사됨
border-bottom-color: rgba(250, 250, 250, 1);
}
}
}
}
.bbcode-block-smileys,
.bbcode-block-smileys,
.bbcode-block-fa {
.bbcode-block-fa {
max-height: 230px;
max-height: 230px;
복사
복사됨
복사
복사됨
padding:
4px 0px 2px 3px
;
padding:
0.228em
;
overflow-y: auto;
overflow-y: auto;
복사
복사됨
복사
복사됨
text-align:
left
;
text-align:
center
;
}
}
.bbcode-block-smileys li,
.bbcode-block-smileys li,
.bbcode-block-fa li {
.bbcode-block-fa li {
display: inline-block;
display: inline-block;
}
}
.bbcode-block-fa li {
.bbcode-block-fa li {
복사
복사됨
복사
복사됨
padding:
1px 2px
;
padding:
0.1618em
;
width:
20px
;
width:
1.309em
;
}
}
.bbcode-block-smileys li a,
.bbcode-block-smileys li a,
.bbcode-block-fa li a {
.bbcode-block-fa li a {
display: block;
display: block;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-block-smileys li a {
.bbcode-block-smileys li a {
복사
복사됨
복사
복사됨
padding:
10px
;
padding:
0.309em 0.618em
;
}
}
.bbcode-block-smileys {
.bbcode-block-smileys {
max-height: 300px;
max-height: 300px;
}
}
.bbcode-block-fa li {
.bbcode-block-fa li {
복사
복사됨
복사
복사됨
padding:
7px
;
padding:
0.456em
;
width: 29px;
width: 29px;
}
}
.bbcode-block-fa {
.bbcode-block-fa {
max-height: 400px;
max-height: 400px;
}
}
}
}
.bbcode-block-container.color-picker table {
.bbcode-block-container.color-picker table {
width: auto;
width: auto;
}
}
복사
복사됨
복사
복사됨
@media (max-width: 768px) {
.bbcode-block-container.color-picker td a {
.bbcode-block-container.color-picker td a {
height: 32px;
height: 32px;
width: 32px;
width: 32px;
}
}
}
복사
복사됨
복사
복사됨
.bbcode-block-list
li
{
.bbcode-block-list
{
display: block
;
margin: 0;
padding: 3px 0;
overflow: visible
;
}
}
복사
복사됨
복사
복사됨
.bbcode-block-list li,
.bbcode-block-list li a {
.bbcode-block-list li a {
display: block;
display: block;
복사
복사됨
복사
복사됨
padding:
2px 0 2px 4px;
padding:
0.228em
;
cursor: pointer
;
text-align:
center
;
text-align:
left
;
}
}
.bbcode-block-code {
.bbcode-block-code {
복사
복사됨
복사
복사됨
margin: 0;
padding: 0;
height: 300px;
height: 300px;
overflow-y: scroll;
overflow-y: scroll;
}
}
.bbcode-block-code > ul {
.bbcode-block-code > ul {
margin-left: 0;
margin-left: 0;
}
}
.bbcode-block-code li {
.bbcode-block-code li {
복사
복사됨
복사
복사됨
padding: 0
0 0 12px;
padding: 0
.228em
;
}
.bbcode-block-list li:hover {
background-color: rgba(0, 0, 0, 0.05)
;
}
}
.bbcode-block-list li.bbcode-code-title {
.bbcode-block-list li.bbcode-code-title {
복사
복사됨
복사
복사됨
margin: 3px 10px 1px 5px;
padding:
0.309em 0 0;
padding:
6px 0 1px 2px;
border-bottom: 1px solid #DFDFDF;
}
.bbcode-block-list li.bbcode-code-title:hover {
background: none;
cursor: auto;
}
.bbcode-block-list li.bbcode-code-title span {
color: #666666;
font-weight: bold;
font-weight: bold;
}
}
복사
복사됨
복사
복사됨
.
bbcode-
block
.form-element {
#
bbcode-
expanded
.form-element {
margin:
2px 7px;
margin:
0 !important;
}
padding: 0.309em 0;
@media (max-width: 768px) {
.bbcode-block .form-element {
margin: 2px auto;
width: 150px;
}
}
}
복사
복사됨
복사
복사됨
.bbcode-block .form-element label
.smaller
{
.bbcode-block .form-element label
{
font-size
: 0
.809em
;
padding-right
: 0
;
width: 70%;
width: 70%;
복사
복사됨
복사
복사됨
vertical-align: middle;
padding: 0
;
color: #555555;
text-align: left
;
}
}
.bbcode-block .form-element .form-field {
.bbcode-block .form-element .form-field {
width: 23%;
width: 23%;
}
}
.bbcode-block .form-element input {
.bbcode-block .form-element input {
복사
복사됨
복사
복사됨
padding:
2px 5px
;
padding:
0 0.309em
;
}
}
.bbcode-form-element-text {
.bbcode-form-element-text {
복사
복사됨
복사
복사됨
margin: 10px 5px 5px 5px;
padding:
0.309em
;
padding:
5px 5px 0 5px;
border-top: 1px solid #BEBEBE
;
text-align: center;
text-align: center;
}
}
.bbcode-block-fonts {
.bbcode-block-fonts {
height: 300px;
height: 300px;
overflow-y: scroll;
overflow-y: scroll;
}
}
@media (min-width: 769px){
@media (min-width: 769px){
.bbcode-block-fonts { width: 120px; }
.bbcode-block-fonts { width: 120px; }
.bbcode-block-title { width: 70px; }
.bbcode-block-title { width: 70px; }
.bbcode-block-ul { width: 150px; }
.bbcode-block-ul { width: 150px; }
.bbcode-block-block { width: 100px; }
.bbcode-block-block { width: 100px; }
.bbcode-block-message { width: 110px; }
.bbcode-block-message { width: 110px; }
.bbcode-block-size { width: 40px; }
.bbcode-block-size { width: 40px; }
.bbcode-block-hide { width: 90px; }
.bbcode-block-hide { width: 90px; }
.bbcode-block-table { width: 160px; }
.bbcode-block-table { width: 160px; }
.bbcode-block-code { width: 130px; }
.bbcode-block-code { width: 130px; }
.bbcode-block-smileys { width: 188px; }
.bbcode-block-smileys { width: 188px; }
.bbcode-block-fa { width: 272px; }
.bbcode-block-fa { width: 272px; }
.bbcode-block-aligns { width: 120px; }
.bbcode-block-aligns { width: 120px; }
.bbcode-block-positions { width: 120px; }
.bbcode-block-positions { width: 120px; }
}
}
.bbcode-forbidden,
.bbcode-forbidden,
.bbcode-forbidden i {
.bbcode-forbidden i {
opacity: 0.3 !important;
opacity: 0.3 !important;
cursor: not-allowed !important;
cursor: not-allowed !important;
}
}
복사
복사됨
복사
복사됨
/* Icones de la barre BBCode */
.bbcode-icon-anchor:before { content: "\f13d"; } /* copy anchor */
.bbcode
a,
.bbcode-icon-bold:before { content: "\f032"; } /* copy bold */
.bbcode .fa {
.bbcode-icon-italic:before { content: "\f033"; } /* copy italic */
color: #555555;
.bbcode-icon-underline:before { content: "\f0cd"; } /* copy underline */
text-align: center;
.bbcode-icon-strike:before { content: "\f0cc"; } /* copy strikethrough */
vertical-align: 0;
.bbcode-icon-smileys:before { content: "\f118"; } /* copy smile */
.bbcode-icon-title:before { content: "\f022"; } /* copy list-alt */
.bbcode-icon-subtitle:before { content: "\f0c8"; } /* copy square, regular font */
.bbcode-icon-style:before { content: "\f071"; } /* copy exclamation-triangle */
.bbcode-icon-url:before { content: "\f0ac"; } /* copy globe */
.bbcode
-icon-image:before { content: "\f03e"; } /* copy image, regular font */
.bbcode-icon-lightbox:before { content: "\f030"; } /* copy camera */
.bbcode-icon-quote:before { content: "\f10d"; } /* copy quote-left */
.bbcode-icon-hide:before { content: "\f070"; } /* copy eye-slash */
.bbcode-icon-list:before { content: "\f03a"; } /* copy list */
.bbcode-icon-color:before { content: "\f043"; } /* copy tint */
.bbcode-icon-size:before { content: "\f034"; } /* copy text-height */
.bbcode-icon-font:before { content: "\f031"; } /* copy font */
.bbcode-icon-minus:before { content: "\f068"; } /* copy minus */
.bbcode-icon-plus:before { content: "\f067"; } /* copy plus */
.bbcode-icon-more:before { content: "\f0dc"; } /* copy sort */
.bbcode-icon-left:before { content: "\f036"; } /* copy align-left */
.bbcode-icon-center:before { content: "\f037"; } /* copy align-center */
.bbcode-icon-right:before { content: "\f038"; } /* copy align-right */
.bbcode-icon-justify:before { content: "\f039"; } /* copy align-justify */
.bbcode-icon-float-left:before { content: "\f048"; } /* copy step-backward */
.bbcode-icon-float-right:before { content: "\f051"; } /* copy step-forward */
.bbcode-icon-sup:before { content: "\f12b"; } /* copy superscript */
.bbcode-icon-sub:before { content: "\f12c"; } /* copy subscript */
.bbcode-icon-indent:before { content: "\f03c"; } /* copy indent */
.bbcode-icon-table:before { content: "\f0ce"; } /* copy table */
.bbcode-icon-flash:before { content: "\f144"; } /* copy play-circle, regular font */
.bbcode-icon-movie:before { content: "\f008"; } /* copy film */
.bbcode-icon-youtube:before { content: "\f167"; } /* copy youtube, brands font */
.bbcode-icon-sound:before { content: "\f001"; } /* copy music */
.bbcode-icon-code:before { content: "\f121"; } /* copy code */
.bbcode-icon-math:before { content: "\f136"; } /* copy maxcdn, brands font */
.bbcode-icon-html:before { content: "\f13b"; } /* copy html5, brands font */
.bbcode-icon-help:before { content: "\f059"; } /* copy question-circle */
.bbcode-icon-upload:before { content: "\f382"; } /* copy cloud-upload-alt */
.bbcode-icon-fa:before { content: "\f425"; } /* copy font-awesome-flag, brands font */
.bbcode-icon-mail:before { content: "\f0e0"; } /* copy envelope */
.bbcode-icon-feed:before { content: "\f09e"; } /* copy rss */
.bbcode-icon-bgcolor:before { content: "\f1fc"; } /* copy paint-brush */
.bbcode-icon-flash,
.bbcode-icon-image,
.bbcode-icon-title,
.bbcode-icon-smileys,
.bbcode-icon-subtitle {
font-weight: 400;
}
}
복사
복사됨
복사
복사됨
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
.bbcode-icon-fa:before { content: "\f024"; }
.bbcode-icon-mail:before { content: "\f0e0"; }
.bbcode-icon-feed:before { content: "\f09e"; }
.bbcode-icon-bgcolor:before { content: "\f1fc"; }
/* Icones modifications size or color */
/* Icones modifications size or color */
.bbcode-icon-math:before {
.bbcode-icon-math:before {
font-size: 0.8em;
font-size: 0.8em;
}
}
.bbcode-icon-plus:before,
.bbcode-icon-plus:before,
.bbcode-icon-minus:before {
.bbcode-icon-minus:before {
font-size: 0.7em;
font-size: 0.7em;
}
}
.bbcode-icon-more:before {
.bbcode-icon-more:before {
font-size: 0.8em;
font-size: 0.8em;
}
}
저장된 비교 결과
원본
파일 열기
/** BBcode **/ .bbcode { position: relative; display: table; margin: 5px auto -5px auto; width: 99%; background-color: #EEEEEE; border: 1px solid #BBBBBB; } .bbcode-containers { display: table-cell; font-size: 0; } .bbcode-container { display: inline-block; margin: 2px 0 2px 0; padding: 0; border-right: 1px solid #CECECE; } @media (min-width: 769px) { .bbcode-container { position: relative; } } .bbcode-container:after { position: absolute; right: -2px; height: 24px; width: 1px; content: ""; background: #FFFFFF; } .bbcode-elements { display: inline-block; height: 24px; } @media (min-width: 769px) { .bbcode-elements { position: relative; } } .bbcode-elements > a { display: inline-block; height: 22px; border: 1px solid transparent; } .bbcode .bbcode-elements > a { margin: 1px 2px; padding: 2px 2px 0 2px; width: 23px; } .bbcode-elements > a:hover { color: #222222; text-decoration: none; } .bbcode .bbcode-elements > a:hover { background-image: linear-gradient(#F8F8F8, #F1F1F1); border: 1px solid #C6C6C6; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .bbcode-elements a, .bbcode-block-container { font-size: 1.3rem; } .bbcode-elements-more { display: table-cell; margin: auto; width: 20px; vertical-align: middle; font-size: 1rem; text-align: center; } .bbcode .bbcode-elements-more a { padding: 0; width: 20px; } .bbcode-elements-more a { margin: 3px 0; padding: 0; width: 18px; height: 18px; } .bbcode-elements-more .fa { color: #AAAAAA; } .bbcode-elements-more:hover .fa { color: #111111; } .bbcode-hover, .bbcode-elements a, .bbcode-elements i { cursor: pointer; } @media (max-width: 768px) { .bbcode-backspace { display: none; } } .bbcode-block-container { position: absolute; top: 26px; left: -4px; bottom: 0; margin: 0; padding: 0; z-index: 20; text-align: center; } .bbcode-block { margin: 0; background-color: #F3F3F3; border: 1px solid #AAAAAA; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .bbcode-block a { cursor: pointer; text-decoration: none; } @media (max-width: 768px) { .bbcode-block-container { top: 0; left: 0; bottom: 0; right: 0; } } @media (min-width: 769px) { .bbcode-block-container:before, .bbcode-block-container:after { position: absolute; content: " "; border-style: solid; border-color: transparent; } .bbcode-block-container:before { top: -8px; left: 8px; border-width: 0 9px 9px 9px; border-bottom-color: #AAAAAA; } .bbcode-block-container:after { left: 9px; top: -7px; border-width: 0 8px 8px 8px; border-bottom-color: rgba(250, 250, 250, 1); } } .bbcode-block-smileys, .bbcode-block-fa { max-height: 230px; padding: 4px 0px 2px 3px; overflow-y: auto; text-align: left; } .bbcode-block-smileys li, .bbcode-block-fa li { display: inline-block; } .bbcode-block-fa li { padding: 1px 2px; width: 20px; } .bbcode-block-smileys li a, .bbcode-block-fa li a { display: block; } @media (max-width: 768px) { .bbcode-block-smileys li a { padding: 10px; } .bbcode-block-smileys { max-height: 300px; } .bbcode-block-fa li { padding: 7px; width: 29px; } .bbcode-block-fa { max-height: 400px; } } .bbcode-block-container.color-picker table { width: auto; } @media (max-width: 768px) { .bbcode-block-container.color-picker td a { height: 32px; width: 32px; } } .bbcode-block-list { margin: 0; padding: 3px 0; overflow: visible; } .bbcode-block-list li, .bbcode-block-list li a { display: block; padding: 2px 0 2px 4px; cursor: pointer; text-align: left; } .bbcode-block-code { margin: 0; padding: 0; height: 300px; overflow-y: scroll; } .bbcode-block-code > ul { margin-left: 0; } .bbcode-block-code li { padding: 0 0 0 12px; } .bbcode-block-list li:hover { background-color: rgba(0, 0, 0, 0.05); } .bbcode-block-list li.bbcode-code-title { margin: 3px 10px 1px 5px; padding: 6px 0 1px 2px; border-bottom: 1px solid #DFDFDF; } .bbcode-block-list li.bbcode-code-title:hover { background: none; cursor: auto; } .bbcode-block-list li.bbcode-code-title span { color: #666666; font-weight: bold; } .bbcode-block .form-element { margin: 2px 7px; } @media (max-width: 768px) { .bbcode-block .form-element { margin: 2px auto; width: 150px; } } .bbcode-block .form-element label { padding-right: 0; width: 70%; vertical-align: middle; color: #555555; text-align: left; } .bbcode-block .form-element .form-field { width: 23%; } .bbcode-block .form-element input { padding: 2px 5px; } .bbcode-form-element-text { margin: 10px 5px 5px 5px; padding: 5px 5px 0 5px; border-top: 1px solid #BEBEBE; text-align: center; } .bbcode-block-fonts { height: 300px; overflow-y: scroll; } @media (min-width: 769px){ .bbcode-block-fonts { width: 120px; } .bbcode-block-title { width: 70px; } .bbcode-block-ul { width: 150px; } .bbcode-block-block { width: 100px; } .bbcode-block-message { width: 110px; } .bbcode-block-size { width: 40px; } .bbcode-block-hide { width: 90px; } .bbcode-block-table { width: 160px; } .bbcode-block-code { width: 130px; } .bbcode-block-smileys { width: 188px; } .bbcode-block-fa { width: 272px; } .bbcode-block-aligns { width: 120px; } .bbcode-block-positions { width: 120px; } } .bbcode-forbidden, .bbcode-forbidden i { opacity: 0.3 !important; cursor: not-allowed !important; } /* Icones de la barre BBCode */ .bbcode a, .bbcode .fa { color: #555555; text-align: center; vertical-align: 0; } .bbcode-icon-anchor:before { content: "\f13d"; } .bbcode-icon-bold:before { content: "\f032"; } .bbcode-icon-italic:before { content: "\f033"; } .bbcode-icon-underline:before { content: "\f0cd"; } .bbcode-icon-strike:before { content: "\f0cc"; } .bbcode-icon-smileys:before { content: "\f118"; } .bbcode-icon-title:before { content: "\f022"; } .bbcode-icon-subtitle:before { content: "\f096"; } .bbcode-icon-style:before { content: "\f071"; } .bbcode-icon-url:before { content: "\f0ac"; } .bbcode-icon-image:before { content: "\f03e"; } .bbcode-icon-lightbox:before { content: "\f030"; } .bbcode-icon-quote:before { content: "\f10d"; } .bbcode-icon-hide:before { content: "\f070"; } .bbcode-icon-list:before { content: "\f03a"; } .bbcode-icon-color:before { content: "\f043"; } .bbcode-icon-size:before { content: "\f034"; } .bbcode-icon-font:before { content: "\f031"; } .bbcode-icon-minus:before { content: "\f068"; } .bbcode-icon-plus:before { content: "\f067"; } .bbcode-icon-more:before { content: "\f0dc"; } .bbcode-icon-left:before { content: "\f036"; } .bbcode-icon-center:before { content: "\f037"; } .bbcode-icon-right:before { content: "\f038"; } .bbcode-icon-justify:before { content: "\f039"; } .bbcode-icon-float-left:before { content: "\f048"; } .bbcode-icon-float-right:before { content: "\f051"; } .bbcode-icon-sup:before { content: "\f12b"; } .bbcode-icon-sub:before { content: "\f12c"; } .bbcode-icon-indent:before { content: "\f03c"; } .bbcode-icon-table:before { content: "\f0ce"; } .bbcode-icon-flash:before { content: "\f01d"; } .bbcode-icon-movie:before { content: "\f008"; } .bbcode-icon-youtube:before { content: "\f167"; } .bbcode-icon-sound:before { content: "\f001"; } .bbcode-icon-code:before { content: "\f121"; } .bbcode-icon-math:before { content: "\f136"; } .bbcode-icon-html:before { content: "\f13b"; } .bbcode-icon-help:before { content: "\f059"; } .bbcode-icon-upload:before { content: "\f0ee"; } .bbcode-icon-fa:before { content: "\f024"; } .bbcode-icon-mail:before { content: "\f0e0"; } .bbcode-icon-feed:before { content: "\f09e"; } .bbcode-icon-bgcolor:before { content: "\f1fc"; } /* Icones modifications size or color */ .bbcode-icon-math:before { font-size: 0.8em; } .bbcode-icon-plus:before, .bbcode-icon-minus:before { font-size: 0.7em; } .bbcode-icon-more:before { font-size: 0.8em; }
수정본
파일 열기
/* * Surchargez ce fichier dans votre thème pour personnaliser le module * https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules */ .bbcode { position: relative; display: table; margin: 0.309em auto -0.309em auto; width: 99%; border-width: 1px 1px 0; border-style: solid; } .bbcode-containers { display: table-cell; font-size: 0; } .bbcode-container { display: inline-block; margin: 0; padding: 0.1618em; border-width: 1px; border-style: solid; border-color: transparent; } .bbcode-container:after { position: absolute; top: 0; right: -2px; height: 100%; width: 1px; content: ""; } @media (min-width: 769px) { .bbcode-container { position: relative; } } .bbcode-elements { display: inline-block; font-size: 1.456rem; } @media (min-width: 769px) { .bbcode-elements { position: relative; } } /* Icones de la barre BBCode */ .bbcode-elements > a { display: inline-block; font-size: 1.456rem; padding: 0.309em; text-align: center; vertical-align: 0; } .bbcode-elements > a:hover { text-decoration: none; } .bbcode-elements-more { display: table-cell; margin: auto; width: 1.309em; vertical-align: middle; font-size: 1rem; text-align: center; } .bbcode-backspace {display: none;} @media (min-width: 769px) { .bbcode-backspace { display: block; } } .bbcode-block-container { position: absolute; top: 120%; left: 0; bottom: 0; margin: 0; padding: 0; z-index: 20; text-align: center; } .bbcode-block { margin: 0; } .bbcode-block .form-element{ width: 100%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .bbcode-block a { text-decoration: none; } @media (max-width: 768px) { .bbcode-block-container { top: 0; left: 0; bottom: 0; right: 0; } } @media (min-width: 769px) { .bbcode-block-container:after { position: absolute; content: " "; border-style: solid; } .bbcode-block-container:after { left: 5px; top: -7px; border-width: 0 8px 8px 8px; } } .bbcode-block-smileys, .bbcode-block-fa { max-height: 230px; padding: 0.228em; overflow-y: auto; text-align: center; } .bbcode-block-smileys li, .bbcode-block-fa li { display: inline-block; } .bbcode-block-fa li { padding: 0.1618em; width: 1.309em; } .bbcode-block-smileys li a, .bbcode-block-fa li a { display: block; } @media (max-width: 768px) { .bbcode-block-smileys li a { padding: 0.309em 0.618em; } .bbcode-block-smileys { max-height: 300px; } .bbcode-block-fa li { padding: 0.456em; width: 29px; } .bbcode-block-fa { max-height: 400px; } } .bbcode-block-container.color-picker table { width: auto; } .bbcode-block-container.color-picker td a { height: 32px; width: 32px; } .bbcode-block-list li { display: block; } .bbcode-block-list li a { display: block; padding: 0.228em; text-align: center; } .bbcode-block-code { height: 300px; overflow-y: scroll; } .bbcode-block-code > ul { margin-left: 0; } .bbcode-block-code li { padding: 0.228em; } .bbcode-block-list li.bbcode-code-title { padding: 0.309em 0 0; font-weight: bold; } #bbcode-expanded .form-element { margin: 0 !important; padding: 0.309em 0; } .bbcode-block .form-element label.smaller { font-size: 0.809em; width: 70%; padding: 0; } .bbcode-block .form-element .form-field { width: 23%; } .bbcode-block .form-element input { padding: 0 0.309em; } .bbcode-form-element-text { padding: 0.309em; text-align: center; } .bbcode-block-fonts { height: 300px; overflow-y: scroll; } @media (min-width: 769px){ .bbcode-block-fonts { width: 120px; } .bbcode-block-title { width: 70px; } .bbcode-block-ul { width: 150px; } .bbcode-block-block { width: 100px; } .bbcode-block-message { width: 110px; } .bbcode-block-size { width: 40px; } .bbcode-block-hide { width: 90px; } .bbcode-block-table { width: 160px; } .bbcode-block-code { width: 130px; } .bbcode-block-smileys { width: 188px; } .bbcode-block-fa { width: 272px; } .bbcode-block-aligns { width: 120px; } .bbcode-block-positions { width: 120px; } } .bbcode-forbidden, .bbcode-forbidden i { opacity: 0.3 !important; cursor: not-allowed !important; } .bbcode-icon-anchor:before { content: "\f13d"; } /* copy anchor */ .bbcode-icon-bold:before { content: "\f032"; } /* copy bold */ .bbcode-icon-italic:before { content: "\f033"; } /* copy italic */ .bbcode-icon-underline:before { content: "\f0cd"; } /* copy underline */ .bbcode-icon-strike:before { content: "\f0cc"; } /* copy strikethrough */ .bbcode-icon-smileys:before { content: "\f118"; } /* copy smile */ .bbcode-icon-title:before { content: "\f022"; } /* copy list-alt */ .bbcode-icon-subtitle:before { content: "\f0c8"; } /* copy square, regular font */ .bbcode-icon-style:before { content: "\f071"; } /* copy exclamation-triangle */ .bbcode-icon-url:before { content: "\f0ac"; } /* copy globe */ .bbcode-icon-image:before { content: "\f03e"; } /* copy image, regular font */ .bbcode-icon-lightbox:before { content: "\f030"; } /* copy camera */ .bbcode-icon-quote:before { content: "\f10d"; } /* copy quote-left */ .bbcode-icon-hide:before { content: "\f070"; } /* copy eye-slash */ .bbcode-icon-list:before { content: "\f03a"; } /* copy list */ .bbcode-icon-color:before { content: "\f043"; } /* copy tint */ .bbcode-icon-size:before { content: "\f034"; } /* copy text-height */ .bbcode-icon-font:before { content: "\f031"; } /* copy font */ .bbcode-icon-minus:before { content: "\f068"; } /* copy minus */ .bbcode-icon-plus:before { content: "\f067"; } /* copy plus */ .bbcode-icon-more:before { content: "\f0dc"; } /* copy sort */ .bbcode-icon-left:before { content: "\f036"; } /* copy align-left */ .bbcode-icon-center:before { content: "\f037"; } /* copy align-center */ .bbcode-icon-right:before { content: "\f038"; } /* copy align-right */ .bbcode-icon-justify:before { content: "\f039"; } /* copy align-justify */ .bbcode-icon-float-left:before { content: "\f048"; } /* copy step-backward */ .bbcode-icon-float-right:before { content: "\f051"; } /* copy step-forward */ .bbcode-icon-sup:before { content: "\f12b"; } /* copy superscript */ .bbcode-icon-sub:before { content: "\f12c"; } /* copy subscript */ .bbcode-icon-indent:before { content: "\f03c"; } /* copy indent */ .bbcode-icon-table:before { content: "\f0ce"; } /* copy table */ .bbcode-icon-flash:before { content: "\f144"; } /* copy play-circle, regular font */ .bbcode-icon-movie:before { content: "\f008"; } /* copy film */ .bbcode-icon-youtube:before { content: "\f167"; } /* copy youtube, brands font */ .bbcode-icon-sound:before { content: "\f001"; } /* copy music */ .bbcode-icon-code:before { content: "\f121"; } /* copy code */ .bbcode-icon-math:before { content: "\f136"; } /* copy maxcdn, brands font */ .bbcode-icon-html:before { content: "\f13b"; } /* copy html5, brands font */ .bbcode-icon-help:before { content: "\f059"; } /* copy question-circle */ .bbcode-icon-upload:before { content: "\f382"; } /* copy cloud-upload-alt */ .bbcode-icon-fa:before { content: "\f425"; } /* copy font-awesome-flag, brands font */ .bbcode-icon-mail:before { content: "\f0e0"; } /* copy envelope */ .bbcode-icon-feed:before { content: "\f09e"; } /* copy rss */ .bbcode-icon-bgcolor:before { content: "\f1fc"; } /* copy paint-brush */ .bbcode-icon-flash, .bbcode-icon-image, .bbcode-icon-title, .bbcode-icon-smileys, .bbcode-icon-subtitle { font-weight: 400; } /* Icones modifications size or color */ .bbcode-icon-math:before { font-size: 0.8em; } .bbcode-icon-plus:before, .bbcode-icon-minus:before { font-size: 0.7em; } .bbcode-icon-more:before { font-size: 0.8em; }
비교하기