쏘야비 0

@import url(https://cdn.rawgit.com/YJSoft/Webfonts/0.1/BM_JUA.css);
html {
  background: linear-gradient(to bottom, 색코드, 색코드);
  height: auto !important;
}
body {
letter-spacing: -0.05em !important;
  background: transparent;
    font-family: 'BM JUA','배달의민족 주아', sans-serif;
}

#board-info #viewers-area #viewers:before{
content:"현재  ";
}
#board-info #viewers-area #viewers:after{
content:"명의 시청자";
}
/* 전체 쉐도우 */

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 색코드;
  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: none;
 
 filter: grayscale(100%);
  opacity: 0.8
}

/* 검색폼 보더 */

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

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

#main .menu-wrapper>.header {
  background: 색코드;
}

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

.fa-square:before {
  color: 색코드;
}

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: 색코드;
}

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

header #header-bar #header-top-notice strong.notice-badge {
  background: 색코드;
}

/* fa색상 */

header #header-bar .fa {
  color: 색코드;
}

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

#board-info #board-info-bottom a {
  color: 색코드;
}

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

#main .menu-wrapper>a>em {
  color: 색코드;
}

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

#main .menu-wrapper .spacer {
  background: 색코드;
  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 색코드;
  background: white;
}

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

#article-list>.article-list-row>.item>.list-header>span {
  background-color: 색코드;
}

#article-list>.article-list-row>.item>.list-title>small.comment-count {
  color: 색코드;
}

#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {
  color: 색코드;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: 색코드;
  border-color: 색코드;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: 색코드;
}

.pagination>li>a,
.pagination>li>span {
  color: 색코드;
}

#article-content-wrapper>.header {
  border-top: 2px solid 색코드;
}

#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: 색코드;
}

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

#article-info>h2>span.category {
  color: 색코드 !important;
}

#article-reply-area>.header h5 {
  color: 색코드;
}

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

a {
  color: 색코드;
}

span.a-badge i.fa.fa-info-circle {
  color: 색코드;
}

/* 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: 색코드 !important;
}