곰돌이 놀이터

[잡동사니] 티스토리 스킨 편집 본문

잡동사니

[잡동사니] 티스토리 스킨 편집

달나라 곰돌이 2020. 9. 26. 23:16

모바일 관리화면에서 실수로 스킨을 변경하는 일이 자주 발생.. 추후에도 실수로 스킨을 변경하였을때 HTML 파일과 함께 그동안 추가/변경했던 CSS 가 초기화되는 불상사를 막기 위해 변경한 소스의  저장이 필요함 (화면을 변경할 때마다 갱신이 필요)

메인화면

/*  메인화면의 변경된 소스 기입 */

뷰화면

/* 문단모양의 인용부분 line-height 와 margin 값 줄임 */
.area_view blockquote, .area_view blockquote p {
    font-size: 18px;
    line-height: 15px;
}

.area_view blockquote {
    padding: 10px 20px;
    margin: 0 auto 10px;
    border-left: 5px solid #eee;
}

.area_view h4 {
	font-size: 18px;
	line-height: 15px;
	padding: 10px 20px;
	margin: 0px auto 25px;
	border-left: 5px solid rgb(238, 238, 238);
}

/* margin:0 auto 28; 마진값 제거 */ 
.area_view p {font-size:15px;line-height:28px; margin:0 auto 0; color:#555;}

/* 구에디터 customize */
.area_view h2 {
	box-sizing: border-box;
	font-weight: normal;
	line-height: 33px;
	color: rgb(88, 95, 105);
	font-size: 22px;
	text-shadow: none;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid rgb(0, 118, 192);
	margin: 10px 0px 25px;
	border-radius: 0px !important;
}

/* 이외에 h4 속성 제거 */
.area_view h4 {
	font-size: 18px;
	line-height: 15px;
	padding: 10px 20px;
	margin: 0px auto 10px;
	border-left: 5px solid rgb(238, 238, 238);
}

.area_view h4 b {
	font-weight: 100;
  color: #5c5c5c;
}

 

Comments