진은검수집가님 @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
*{font-family:'yg-jalnan'}
html {
background: linear-gradient(to bottom, #12EAFF, #C6FFFF);
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 #519D9E;
border-right: none;
border-bottom: none;
}
/* 헤더 배너 */
header .row>div:nth-child(1)>a {
display: block;
width: 145px;
height: 50px;
background: url() no-repeat;
background-size: auto 50px;
}
header .row>div:nth-child(1)>a>img {
display: block;
filter: grayscale(100%);
opacity: 0.8;
}
/* 검색폼 보더 */
header #right-search-form>input[type='text'] {
border: 3px solid #58C9B9;
}
/* 트게더 전체메뉴 / 유용한링크 / 트위치 스케쥴 */
#main .menu-wrapper>.header {
background: #519D9E;
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
color: white;
}
.fa-square:before {
color: #D1B6E1;
}
header #header-bar>.row,
#main .menu-wrapper,
#main #main-content>div.frame {
border-right: none;
border-bottom: none;
}
#main .menu-wrapper {
border: none;
}
/* 헤더 검색 버튼 */
header #right-search-form>#right-search-btn {
color: #58C9B9;
}
/* 헤더 [광고]배경색 */
header #header-bar #header-top-notice strong.notice-badge {
background: #519D9E;
}
/* fa색상 */
header #header-bar .fa {
color: #58C9B9;
}
/* 스트리머 게시판 상단 정보 글씨색상 */
#board-info #board-info-bottom a {
color: #519D9E;
}
/* 좌측메뉴 숏컷링크 글씨 색상 */
#main .menu-wrapper>a>em {
color: #D1B6E1;
}
/* 좌측메뉴 메뉴사이의 공간 색상 */
#main .menu-wrapper .spacer {
background: #D1B6E1;
height: 0.15em;
}
/* 게시글 관련부분 */
#article-list>.article-list-row>.item>.list-title>.list-writer>span {
width: 120px !important;
}
#article-list #article-list-category {
border-top: 2px solid #519D9E;
background: white;
}
#article-list #article-list-category>a {
background: white;
}
#article-list>.article-list-row>.item>.list-header>span {
background-color: #519D9E;
}
#article-list>.article-list-row>.item>.list-title>small.comment-count {
color: #519D9E;
}
#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {
color: #519D9E;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #519D9E;
border-color: #519D9E;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #519D9E;
}
.pagination>li>a,
.pagination>li>span {
color: #519D9E;
}
#article-content-wrapper>.header {
border-top: 2px solid #519D9E;
}
#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: #519D9E;
}
#article-info>h2 {
font-weight: bold;
}
#article-info>h2>span.category {
color: #519D9E !important;
}
#article-reply-area>.header h5 {
color: #519D9E;
}
#main .menu-wrapper>a {
padding: 0.5em 1.4em 0.5em 0.7em !important;
}
a {
color: #519D9E;
}
span.a-badge i.fa.fa-info-circle {
color: #519D9E;
}
/* 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: #58C9B9 !important;
}
/* 프로필 이미지 */
#board-info #board-info-profile-img {
width: 96px;
border: 1px solid #000000;
border-radius: 100px;
position: absolute;
top: -10px;
z-index: 1;
}
#board-info h1 {
margin-left: 101px;
}
#board-info #board-info-bottom {
margin-left: 101px;
}
/* 글 작성자 닉네임 색상 변경
#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: #0404B4;
}*/
/* 테두리 */
header #header-bar>.row, #main .menu-wrapper, #main #main-content>div.frame {
border-radius: 15px;
}
#main .menu-wrapper>.header {
border-radius: 15px 15px 0 0;
}
#main .menu-wrapper a:nth-last-child(1) {
border-radius: 0px 0px 15px 15px;
}
/*시청수*/
#board-info #viewers-area #viewers:before {
content: "현재 ";
cursor: text;
}
#board-info #viewers-area #viewers:after {
content: " 명이 둘러보시는중!";
cursor: text;
}
================================================================
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
*{font-family:'yg-jalnan'}
body {
letter-spacing: -0.05em !important;
background: transparent;
font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif;
}
#article-list>.article-list-row>.item>.list-title>.list-writer>span {
width: 120px !important;
}
#article-list #article-list-category {
border-top: 2px solid #fe6357;
background: white;
}
#article-list #article-list-category>a {
background: white;
}
#article-list>.article-list-row>.item>.list-header>span {
background-color: #fe6357;
}
#article-list>.article-list-row>.item>.list-title>small.comment-count {
color: #fe6357;
}
#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {
color: #fe6357;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #fe6357;
border-color: #fe6357;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #fe6357;
}
.pagination>li>a,
.pagination>li>span {
color: #fe6357;
}
#article-content-wrapper>.header {
border-top: 2px solid #fe6357;
}
#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: #fe6357;
}
#article-info>h2 {
font-weight: bold;
}
#article-info>h2>span.category {
color: #fe6357 !important;
}
#article-reply-area>.header h5 {
color: #fe6357;
}
#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: #fe6357;
}
.btn-primary {
background: #fef256 !important;
}
/* 모바일 */
#header-top-notice {
display: none;
}
header {
background-color: #fe6357;
border-bottom-color: #fef256;
}
header>#header-area>a>h1 {
background: url('https://media.discordapp.net/attachments/655027667476807691/660125585875402752/13950.png') no-repeat;
background-size: auto 36px;
background-repeat: no-repeat;
height: unset !important;
}
header>#header-area>#header-search-link {
color: #fef256;
}
header>#header-area>#header-bar-link {
color: #fef256;
}
header>#header-search-bar #header-search-btn {
color: #fef256;
}
#article-list>.article-list-row.notice>.item>a.list-title>.list-writer {
display: none;
}
header>#header-search-bar #header-search-input {
border-color: #fef256;
}
#article-list>.article-list-row>.item>a.list-title>small.comment-count {
color: #fe6357;
letter-spacing: -0.05em !important;
}
#article-list>.article-list-row>.item>a.list-title>.list-writer.logged>span {
color: #fe6357;
}
#nav#nav>.nav-header {
background-color: #fe6357;
color: white;
}
_청이 