@font-face{
font-family: 'RIDIBatang';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/RIDIBatang.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'RIDIBatang';
}
@keyframes textrand
{
0% { color: rgb(125,255,255); }
50% { color: rgb(255,125,255); }
100% { color: rgb(255,255,125); }
}
@keyframes greenblue
{
0% { background-color: rgb(255,255,255); }
25% { background-color: rgb(125,255,255); }
50% { background-color: rgb(255,125,255); }
75% { background-color: rgb(255,255,125); }
100% { background-color: rgb(255,255,255); }
}
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
/*
#EBE5F0
#7587BF
#F2F2F0
#FFDBD8
#414279
*/
html {
border-radius: 4px;
background: #FFD6D2;/*#ffdddb*/
/* background-image: radial-gradient(#8399e859 20%, transparent 0), radial-gradient(#ffffff 20%, transparent 0); */
background-position: 0 0, 10px 10px;
background-size: 40px 40px;
min-width: 1080px;
/* height: auto !important; */
}
body {
letter-spacing: -0.05em !important;
background: transparent;
animation: snow 20s linear infinite;
background-image:url('https://cdn.discordapp.com/attachments/460145928850898945/515694458633846831/snow.png'), url("https://cdn.discordapp.com/attachments/460145928850898945/515694460668084274/snow3.png"), url("https://cdn.discordapp.com/attachments/460145928850898945/515694462278828073/snow2.png");
font-family: 'Nanum Gothic', sans-serif;
color : rgb(0,0,0);
}
#article-list>.article-list-row>.item>.list-header>strong{
color: red !important;
}
/* 전체 쉐도우 */
header #header-bar>.row,
#main .menu-wrapper,
#main #main-content>div.frame {
box-shadow: 20px 19px 20px 20px rgba(0, 0, 0, 0.2);
border-radius: 20px;
}
#main #main-content>div.frame{
border-top: 4px solid #ff9086;
}
/* 로고밑 NAV bar */
header #header-bar>.row {
border-top: 4px solid #ff9086;
border-right: none;
border-bottom: none;
}
.col-xs-4::before {
content: "";
width: 100px;
display: block;
height: 15px;
transform: translateX(132px) translateY(12px);
}
/* 헤더 배너 */
header .row>div:nth-child(1)>a {
display: block;
width: 145px;
height: 50px;
/* box-shadow: 3px 0px 10px rgba(255,255,255, 0.2); */
background: url(https://i.ibb.co/88JD2cn/image.png) no-repeat;
/* background: url(https://cdn.discordapp.com/attachments/662339636705886218/662993924335337485/2.png) no-repeat; */
/* background-size: auto 60px; */
}
header .row>div:nth-child(1)>a>img {
display: none;
filter: grayscale(100%);
opacity: 0.8;
}
/* 헤더 검색 버튼 */
header #right-search-form {
transform: translateY(64px);
}
header #right-search-form>#right-search-btn{
color: #ff9086;
/* display: none; */
position: absolute;
transform: translateX(-50px) translateY(-10px);
padding: 10px;
}
header #right-search-form>#right-search-btn>i{
border: 3px solid #ff9086;
border-radius: 50%;
width: 40px;
height: 40px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
/* background: transparent url("http://549.ipdisk.co.kr/icon/solid/search.svg") no-repeat 0 0; */
}
header #right-search-form:hover > input[type='text']{
border: 3px solid #ff9086;
border-radius: 30px;
width: 240px;
background: white;
}
header #right-search-form:hover>#right-search-btn>i{
border: 0;
border-radius: 30px;
background: #ff9086;
color: #fff;
transition: 0.4s;
}
header #right-search-form>input[type='text']{
background: none;
border: 0px solid #ffd6d2;
/* outline: none; */
/* float: left; */
/* padding: 0; */
height: 40px;
transition: 0.4s;
width: 0px;
}
/* 트게더 전체메뉴 / 유용한링크 / 트위치 스케쥴 */
#main .menu-wrapper{
box-sizing: border-box;
}
#main .menu-wrapper>.header {
background: #ff9086;
border-radius: 10px 10px 0px 0px;
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
color: white;
}
.fa-square:before {
color: #81BEF7;
}
header #header-bar>.row,
#main .menu-wrapper,
#main #main-content>div.frame {
border-right: none;
border-bottom: none;
}
#main .menu-wrapper {
border: none;
}
/* 헤더 [광고]배경색 */
header #header-bar #header-top-notice strong.notice-badge {
background: #ff9086;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
header #header-bar #header-top-notice a {
color: #fff;
background: #ff9086;
margin-left: -4px;
padding: 4px 8px;
font-weight: 900;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.pull-right{
float: left !important;
}
/* 게시판 스트리머 닉네임 */
#board-info h1 a{
/* animation: textrand infinite 2s; */
border-radius: 40% 40%;
}
/* 게시자 닉네임 */
#article-info>.article-profile-img{
position: absolute;
right: 0em;
left: 1em;
top: 3em;
width: 3em;
height: auto;
}
#article-info #article-info-writer{
padding-bottom: 2em;
padding-left: 4em;
}
/* 현재 접속자 텍스트 변경 */
#viewers:before{
content: ""
}
#viewers:after{
content: "명 열람중!";
}
/* fa색상 */
header #header-bar .fa {
color: #ffd6d2;
}
/* 스트리머 게시판 상단 정보 글씨색상 */
#board-info #board-info-bottom a {
color: #ffd6d2;
}
/* 좌측메뉴 숏컷링크 글씨 색상 */
#main .menu-wrapper>a>em {
color: #81BEF7;
}
/* 좌측메뉴 메뉴사이의 공간 색상 */
#main .menu-wrapper .spacer {
background: #ffd6d2;
height: 0.15em;
}
/* 게시글 관련부분 */
#article-list>.article-list-row>.item>.list-title>.list-writer>span {
width: 120px !important;
}
/* 리스트 아이템 배경 background-color: #ccdfef; */
/* fa-bullhorn */
#article-option-area>#article-option-area-toggle-btn>.fa{
display:none;
}
#article-option-area>#article-option-area-toggle-btn{
background-color: red;
border-radius: 50px;
}
#article-option-area>#article-option-area-toggle-btn::after{
font: normal normal normal 14px/1 FontAwesome;
content:"\f0a1";
}
#article-list>.article-list-row{
background:transparent;
background-color: #ffffff;
color: #000000;
}
#article-list>.article-list-row>.item>.list-title>a:visited{
background:transparent;
background-color: #ffffff;
color: #ff9086 !important;
}
#article-list #article-list-category {
border-top: 2px solid #ff9086;
background: white;
}
#article-list #article-list-category>a {
background: white;
}
#article-list>.article-list-row>.item>.list-header>span {
background-color: #ffd6d2 !important
}
#article-list>.article-list-row>.item>.list-title>small.comment-count {
color: #ffd6d2;
}
#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {
color: #ffd6d2;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #ffd6d2;
border-color: #ffd6d2;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #ffd6d2;
}
span.a-badge i.fa.fa-info-circle,
.btn-primary {
background: #ffd6d2 !important;
}
.pagination>li>a,
.pagination>li>span {
color: #ffd6d2;
}
#article-content-wrapper>.header {
border-top: 2px solid #ffd6d2;
}
#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: #ffd6d2;
}
span.a-badge i.fa.fa-info-circle {
color: #ffd6d2;
}
footer .container a{
color: #113fe6;
}
/* 게시글 에니메이션 */
#article-list>.article-list-row:hover {
transform: scale(1.03); /* 크기가 커짐 */
border-radius: 10px;
transition: .20s; /* 0.2초에 걸쳐서 부드럽게 애니메이션이 진행 */
background: #ffdada;
}
#article-info>h2>span.category {
color: #ffd6d2 !important;
}
a {
color: #ffd6d2;
}
#article-info>h2 {
font-weight: bold;
}
#main .menu-wrapper>a {
padding: 0.5em 1.4em 0.5em 0.7em !important;
}
/* 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;
}
-----------------------------------------------------------------------------------------------------------------------------
로고 바꾼 버전입니다. 한번 적용해보셔요