리오별 0

header {

    background: radial-gradient(ellipse at bottom, rgb(89,101,187), rgb(0,0,4));

    border-bottom-color: #bf6eff;

}

header>#header-area>a>h1 {

    background: url(https://upload.tgd.kr/20180911/ccf2f5bbd9dfe5f2ad923f3f849dcdf4.png) no-repeat;

    background-size: auto 36px;

    background-repeat: no-repeat;

    height: unset !important;

}

header>#header-area>#header-bar-link {

    color: #bf6eff;

}

header>#header-area>#header-search-link {

    color: #bf6eff;

}

#header-area a:before, #header-area a:after {

    position: absolute;

    font-size: 12px;

    content: "*";

    color: #fff;

    z-index: 2;

}

#header-area a:nth-child(3):before {

    top: 3px;

    left: 75%;

    animation: shine 1.5s linear infinite alternate-reverse;

}

#board-info>h1>#board-info-profile-img {

    float: left;

    position: absolute;

    width: 60px;

    height: 60px;

    background: url(https://upload.tgd.kr/20180915/5a4c52936ca6ddc5f9ffd30617b06ac2.png) no-repeat -10px 0px;

    padding-left: 54px;

    background-size: 85px;

    border: 3px solid #FF5675;

    border-radius: 50%;

    margin-top: -30px;

}

#board-info>h1>a {

    color: #000;

    text-decoration: none;

    padding-left: 63px;

}

.badge {

    display: none;

}

#board-info {

    width: 100%;

    line-height: 1;

    margin: 0;

    background: white;

    border-top: 3px solid #FF5675;

}

#board-info>a.board-right-menu {

    max-height: 40px;

    border: 0;

    vertical-align: middle;

    color: white;

    display: inline-block;

    padding: 12px;

    float: right;

    font-size: 16px;

    text-decoration: none;

}

#board-info #viewers-area {

    font-size: 14px;

    color: #FF5675;

    font-weight: normal;

    vertical-align: middle;

    line-height: 18px;

    display: inline-block;

}

#article-list #article-list-category {

    border-top: 0px solid #FFC6C3;

}

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

    background: #FF5675;

    color: white !important;

}

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

    color: #FF5675;

    letter-spacing: -0.05em !important;

}

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

    background-color: #FF5675;

}

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

    color: #FF5675;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    background-color: #FF5675;

    border-color: #FF5675;

}

.pagination>li>a, .pagination>li>span {

    color: #FF5675;

}

.btn-primary {

    background: #FF5675 !important;

}

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

    background: #fff;

    text-align: center;

    display: table;

    width: 100%;

    border-bottom: 1px dashed #FFB4B9;

}

#article-list>.article-list-row>.item>.list-header, #article-list>.article-list-row>.item>.list-thumbnail, #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: 0px solid #e2e2e2;

    display: table-cell;

    vertical-align: middle;

}

#article-content-wrapper>.footer {

    background: #FF5675;

    padding: 0.5em 0.8em;

}

.btn-outline-danger {

    color: white;

    background-image: none;

    background-color: transparent;

    border-color: white;

}

#article-info {

    width: 100%;

    background: #FF5675;

    border-bottom: 1px solid #e1e1e1;

    padding: 0.5em;

    display: flex;

    color: white !important;

    font-weight: bold;

}

#article-info>h2>span.category {

    color: white !important;

}

#article-content-wrapper>.header {

    border-top: 0px solid #FFC6C3;

}

#article-content-wrapper>.header>#article-comment, #article-content-wrapper>.header>#article-votes {

    padding: 0 0.3em;

    color: #FF5675;

}

#article-content-wrapper>.header>#article-views {

    padding-left: 0.3em;

    color: #FF5675;

}

#article-reply-area #reply-real-area .reply, #article-reply-area #reply-best-area .reply {

    margin-bottom: 0.5em;

    border: 1px solid #FFB4B9;

    position: relative;

}

#article-reply-area>.header h5 {

    color: #FF5675;

}

#article-reply-area #reply-real-area .reply > .reply-header, #article-reply-area #reply-best-area .reply>.reply-header {

    background: #FFB4B9;

    border-bottom: 1px solid #FFB4B9;

    padding: 0.4em 0.5em;

}

#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: #6441a5;

}