AD

일상얘기 보라는 방송 안보고 봄게더 고치기

맬론
2020-01-26 16:17:05 196 0 6

안예쁜 봄게더를 수정해 보았다. 흔한 트수 평균


a01c3ea3a11abb0d7b1c6d14141cf372.png


05a7fecf065ed113cb1b9f3e8ec43907.png


/* 밑에 코드 커스텀 CSS에 복붙하면 끝 */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {
background: linear-gradient(to bottom, #e1d7cf, #a19a94);
height: auto !important;
}

body {
letter-spacing: -0.05em !important;
background: transparent;
font-family: 'Nanum Gothic', sans-serif;
}

/* 전체 쉐도우 */

header #header-bar>.row,
#main .menu-wrapper,
#main #main-content>div.frame {
box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
}

/* 로고밑 NAV bar */

header #header-bar>.row {
border-top: 4px solid #503d42;
border-right: none;
border-bottom: none;
}

/* 헤더 배너 */

header .row>div:nth-child(1)>a {
display: block;
width: 145px;
height: 50px;
background: url(https://upload.tgd.kr/20200109/14c87d65163254414897f8bbd9969f36.png) no-repeat;
background-size: auto 50px;
}

header .row>div:nth-child(1)>a>img {
display: none;
filter: grayscale(100%);
opacity: 0.8;
}

/* 검색폼 보더 */

header #right-search-form>input[type='text'] {
border: 3px solid #503d42;
}

/* 트게더 전체메뉴 / 유용한링크 / 트위치 스케쥴 */

#main .menu-wrapper>.header {
background: #503d42;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
color: white;
}

.fa-square:before {
color: #7c0020;
}

#main .menu-wrapper,
#main #main-content>div.frame {
border-right: none;
border-bottom: none;
}

#main .menu-wrapper {
border-radius: 10px;
}

#main .menu-wrapper a:nth-last-child(1){
border-radius: 0px 0px 10px 10px;
}

#main #main-content > div.frame{
border-radius: 0px 0px 10px 10px;
}

/* 헤더 검색 버튼 */

header #right-search-form>#right-search-btn {
color: #503d42;
}

/* 헤더 [광고]배경색 */

header #header-bar #header-top-notice strong.notice-badge {
background: #503d42;
}

/* fa색상 */

header #header-bar .fa {
color: #503d42;
}

/* 스트리머 게시판 상단 정보 글씨색상 */

#board-info #board-info-bottom a {
color: #503d42;
}

/* 좌측메뉴 숏컷링크 글씨 색상 */

#main .menu-wrapper>a>em {
color: #503d42;
}

/* 좌측메뉴 메뉴사이의 공간 색상 */

#main .menu-wrapper .spacer {
background: #503d42;
height: 0.15em;
}

/* 게시글 관련부분 */

/* 공지색 */

#article-list>.article-list-row.notice{
background-color: #968A8D;
border-radius: 15px;
margin-bottom: 2px;
border-color:rgba(0,0,0,0);
animation: bg 2s infinite linear;
}

#article-list>.article-list-row>.item>.list-checkbox, #article-list>.article-list-row>.item>.list-header, #article-list>.article-list-row>.item>.list-category, #article-list>.article-list-row>.item>.list-title, #article-list>.article-list-row>.item>.list-blocked, #article-list>.article-list-row>.item>.list-time{
border-bottom:none;
}

#article-list>.article-list-row{
border-radius: 15px;
margin-bottom: 2px;
}

#article-list>.article-list-row>.item>.list-title>.list-writer>span {
width: 120px !important;
}

#article-list>.article-list-row>.item>.list-title>.list-writer>span {
width: 120px !important;
}

#article-list #article-list-category {
border-top: 2px solid #503d42;
background: white;
}

#article-list #article-list-category>a {
background: white;
}

#article-list>.article-list-row>.item>.list-header>span {
background-color: #503d42;
}

#article-list>.article-list-row>.item>.list-title>small.comment-count {
color: #7c0020;
}

#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {
color: #7c0020;
}

/* 게시글 리스트 마우스 오버시 색상 설정*/

#article-list>.article-list-row.notice:hover,#article-list>.article-list-row:hover {
background-color: #a49a9d;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #ffdf3e;
border-radius: 5px;
border-color: #ffdf3e;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #ffdf3e;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #503d42;
border-color: #503d42;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: white;
background-color: #503d42;
}

.pagination>li>a,
.pagination>li>span {
color: #503d42;
}

#article-content-wrapper>.header {
border-top: 2px solid #503d42;
}

#article-reply-area #reply-real-area .reply>.reply-header>.reply-writer.logged,
#article-reply-area #reply-best-area .reply>.reply-header>.reply-writer.logged {
color: #7c0020;
}

#article-info>h2 {
font-weight: bold;
}

#article-info>h2>span.category {
color: #503d42 !important;
}

#article-reply-area>.header h5 {
color: #503d42;
}

#main .menu-wrapper>a {
padding: 0.5em 1.4em 0.5em 0.7em !important;
}

/* 페이지 번호*/
.pagination>li>a,
.pagination>li>span {
margin: 1px;
border: none;
border-radius: 5px;
}

footer > div > span > a ,
footer > div > span{
color: white ;
}
footer > div > span > a:hover{
color: #100f0e ;
}

span.a-badge i.fa.fa-info-circle {
color: #7c0020;
}

/* footer */

#article-list>.article-list-row {
border-right: none;
}

#article-list #article-list-menu {
box-sizing: border-box;
width: unset;
margin: 20px;
}

#article-list #boardSearchForm {
padding-bottom: 20px;
height: unset;
}

.btn-primary {
background: #503d42 !important;
border
}

후원댓글 6
댓글 6개  
이전 댓글 더 보기
이 글에 댓글을 달 권한이 없습니다. 로그인해 보세요.
▲윗글 팬아트_SD 배유화
공지사항봄춘일기봄춘에게봄짹일기팬아트일상얘기(12월open)
0
02-06
1
일상얘기
예쁜 마우스패드 [1]
Broadcaster _봄춘
02-06
0
02-05
0
02-05
2
02-01
2
02-01
0
02-01
0
01-31
0
01-31
0
01-29
2
팬아트
뀨뺙냥 슬레이브 [1]
핌프레넬레
01-29
0
01-28
0
01-28
0
01-28
1
팬아트
팬아트_SD [1]
배유화
01-27
»
01-26
0
01-26
0
01-26
0
01-24
0
01-24
0
01-24
1
01-21
2
팬아트
팬아트?! [1]
아아아루
01-21
0
01-20
0
01-20
0
01-20
인기글 글 쓰기