@charset "utf-8";
html {
background-image:url('https://rimwj.github.io/bgimg.jpeg');
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
height: auto !important;
}
body {
background: transparent;
height: auto;
background-image: url('https://rimwj.github.io/diaaaa.png');
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;}
}
header .row>div:nth-child(1)>a{
display:block;
height:50px;
background:url('https://rimwj.github.io/logo-new.png') no-repeat;
position:relative;
top:10px;
}
header .row>div:nth-child(1)>a img {
display: none; /*기본 로고 숨김*/
}
#board-info{
height: auto;
}
#board-info #board-info-profile-img{
width: 6.5em;
background:none;
border:2px dashed #d3ceb8;
border-radius:50%;
float: left !important;
position: relative;
top: 1px;
left: -5px;
}
#board-info h1{
padding-top: 18px;
padding-bottom: 4px;
border-bottom: 2px dashed #e2e2e2;
}
#board-info h1>a{
color:#75715e;
}
#board-info #viewers-area{
color: rgba(117,113,94,0.8);
}
#board-info #viewers-area #viewers:after {
content: " 명이 편안~";
cursor: text;
}
#board-info #board-info-bottom{
padding-top: 6px;
}
/*메인메뉴*/
#article-list{
padding:0 1em 2em;
}
#article-list #article-list-category{
border-top: none;
background: #fff;
border: 2px dashed #f0ebd6;
border-radius: 20px;
margin-bottom: 10px;
}
#article-list #article-list-category > a.active, #article-list #article-list-category>a:hover,#article-list #article-list-category>a{
background: none;
}
.fa-home{
color: #d3ceb8;
}
#article-list #article-option-area>#article-option-area-toggle-btn{
position: absolute;
right: 14px;
top: 2px;
border-radius: 10px;
background: none;
}
/* 눈 내리는 효과 설정 CSS 파일 맨 아래에 추가*/
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}