정병_소년 0

@font-face {

    font-family: 'GmarketSansMedium'; /*글씨체*/

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/GmarketSansMedium.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body {

height: auto;

background: transparent;

font-family: 'GmarketSansMedium', sans-serif; /*글씨체*/

animation: snow 20s linear infinite;

background-image: url('https://cdn.discordapp.com/attachments/779609592493244426/781823959527587840/animation.png');

}

/* Board */

#main #main-content>div.frame {

background: transparent;

border-right: none;

border-bottom: none;

}

#board-info {

background: rgba(255,255,255,0.9);

border-radius: 5px;

border-top: 5px solid #F1BCCC; /*색깔코드변경*/

height: auto;

box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);

}

#board-info #board-info-profile-img {

float: left !important;

width: 100px;

height: 100px;

background: #fff;

border: 2px solid #F1BCCC; /*색깔코드변경*/

margin-right: 8px;

border-radius: 100%;

}

#board-info h1 {

border-bottom: 2px solid #F1BCCC; /*색깔코드변경*/

margin: 20px 0 0 100px;

}

#article-list {

background: rgba(255,255,255,0.9);

border-radius: 5px;

border-top: 5px solid #F1BCCC; /*색깔코드변경*/

box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);

}

#article-list #article-list-category{

border-top: none;

}

#article-list #article-list-category > a.active,

#article-list #article-list-category>a:hover,

#article-list #article-list-category,

#article-list #article-list-category>a{

background: none;

}

#article-list #article-list-category .fa-home{

transition: 0.3s;

color: #F1BCCC; /*색깔코드변경*/

  font-size: 16px;

}

#article-list #article-list-category>a{

  letter-spacing: -0.01px !important;

  transition: 0.3s;

  font-size: 16px;

}

#article-list #article-list-category>a.active,

#article-list #article-list-category>a.active .fa-home,

#article-list #article-list-category>a.active:hover,

#article-list #article-list-category>a.active:hover .fa-home{

color: #fff !important;

background-color: #F1BCCC; /*색깔코드변경*/

}

#article-list #article-list-category>a:hover,

#article-list #article-list-category>a:hover .fa-home{

background: #ededed;

}

#article-list #article-option-area>#article-option-area-toggle-btn{

font-size: 19px;

position:relative;

right: calc(-100% - 14px);

background: #F1BCCC; /*색깔코드변경*/

color: #fff;

opacity: 0.7;

transition: 0.5s;

border-radius: 100%;

}

#article-list #article-option-area>#article-option-area-toggle-btn:hover{

opacity: 1;

}

#article-list #article-option-area>#article-option-area-toggle-btn>i{

font-size: 18px;

}

#article-list>.article-list-row{

border: 1px solid #eee;

border-radius: 15px;

margin-top: 4px;

transition: 0.3s;

}

#article-list>.article-list-row.active{

background-color: #F1BCCC; /*색깔코드변경*/

}

#article-list>.article-list-row:hover{

background: #F1BCCC; /*색깔코드변경*/

}

#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;

  font-size: 15px;

}

#article-list>.article-list-row.notice{

background: #F1BCCC; /*색깔코드변경*/

transition: 0.3s;

}

#article-list>.article-list-row.notice:hover{

background: #F1BCCC; /*색깔코드변경*/

}

span.a-badge i.fa.fa-info-circle,

#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span,

#article-list>.article-list-row>.item>.list-title>small.comment-count,

#article-list>.article-list-row>.item>.list-title>small.favo{

color: #F1BCCC; /*색깔코드변경*/

}

#article-list>.article-list-row>.item>.list-title>a:visited{

color: #9d86be !important;

}

#article-list>.article-list-row>.item>.list-header{

width: 56px;

border-left: 0;

}

#article-list>.article-list-row>.item>.list-header>span{

background: #F1BCCC; /*색깔코드변경*/

padding: 4px 6px;

position: relative;

top: -1px;

}

#article-list>.article-list-row>.item>.list-header>span:before{

content: '\f164';

font: normal normal normal 11px FontAwesome;

padding-right: 4px;

}

#article-list>.article-list-row>.item>.list-header.v0>span{

display: none;

}

#article-list #article-list-menu {

  font-size: 15px;

}

#article-list #article-list-menu>.btn.best {

background-color: #fff;

transition: 0.3s;

  font-size: 15px;

}

#article-list #article-list-menu>.btn.best:hover{

background-color: #efc839;

color: #fff;

}

#article-list #article-list-menu > .btn.cog {

  font-size: 15px;

}

#article-list #article-list-menu #deleteAllBtn {

  font-size: 15px;

}

#article-list #article-list-menu>.btn.write {

background-color: #F1BCCC; /*색깔코드변경*/

border-color: #F1BCCC; /*색깔코드변경*/

transition: 0.3s;

  font-size: 15px;

}

#article-list #article-list-menu>.btn.write:hover{

background: #fff;

color: #ff6d7c;

}

#boardSearchForm span,

#boardSearchForm input.form-control,

#boardSearchForm button{

  font-size: 14px;

}

/*눈오는뒷배경*/

html {

   background: linear-gradient(to bottom, #8c83af, #FFFFFF);

  height: auto !important;

}

body {

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");

}

/*뒷배경 움직이는 애니메이션*/

@keyframes snow {

0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}

}

/*맨위 헤더*/

header #header-bar > .row {

  border-radius: 5px;

  border-bottom: none;

  border-right: none;

  border-top: 5px solid #F1BCCC; /*색깔코드변경*/

  box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);

  background: rgba(255,255,255,0.9);

  font-size: 14px;

}

/*검색창*/

header #right-search-form>input[type=text] {

border-radius: 1.4em;

border: 3px solid #F1BCCC; /*색깔코드변경*/

}