사용하고 싶으시면 그 css 코드 복사하고 붙여넣기 하시면 돼요
html, body {
width: 100% !important;
height: auto !important;
background: mistyrose;
}
/* 헤더 배너 */
header .row > div:first-child > a {display: block;width: 150px;height: 69px;background: url(https://1.bp.blogspot.com/-wbbPu-9sIdA/YOyURXZTfDI/AAAAAAAAAus/oDQmP6mvdrUS_lfWthEpBZfOy3-TSjBygCLcBGAsYHQ/s0/sdfsdfsdf.png) no-repeat;}
header .row>div:nth-child(1)>a>img {display: none;filter: grayscale(100%);opacity: 0.8;}
header #right-search-form>input[type=text] {position: relative;border: 3px solid #ff0000;background: #fff;font-size: 1.1em;padding: 0.3em 0.5em;}
header #right-search-form>#right-search-btn {color: #ffffff;background: transparent;border: none;font-size: 1.4em;}
header #header-bar>.row {padding-top: .3em;padding-bottom: .3em;border-top: 5px solid #ff5858;background: #fff;border-bottom: 2px solid #ebeae8;border-right: 2px solid #ebeae8;margin-top: -12px;}
#main .menu-wrapper>a>em {color: #ff0000;text-decoration: none;font-style: normal;width: 24px;text-align: center;display: inline-block;font-weight: bold;}
#main .menu-wrapper .spacer {background: #ffcece;display: block;height: .35em;}
#board-info h1 {border: none;}
#board-info #board-info-profile-img {z-index: 100;margin-top: -36px;margin-left: 613px;position: absolute;height: 100px;border-radius: 50%;width: 100px;border: 2px solid #ff0000;content: url(https://1.bp.blogspot.com/-6qZQQbmCjPc/YOycGkG6q_I/AAAAAAAAAu0/UAbNbA4treQ01Aw0jlK3JNB9oQ4uNAETwCLcBGAsYHQ/s0/ezgif.com-gif-maker%2B%252817%2529.gif);}
/*프로필 hover */
#board-info #board-info-profile-img:hover {transform: scale(3); /* 크기가 커짐 */transition: .70s; /* 0.2초에 걸쳐서 부드럽게 애니메이션이 진행 */}
#article-list #article-list-category {background: #ffe8e8;border-top: 2px solid #ff0000;}
#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {color: #ff0000;font-weight: bold;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #ff5f5f;border-color: #ff0000;}
.pagination>li>a, .pagination>li>span {color: #ff0000;}
#article-list>.article-list-row>.item>.list-header>span {background-color: #ff3232;color: #ffffff;font-weight: bold;padding: 1px 5px;font-size: 11px;border-radius: 100px;}
#article-list>.article-list-row>.item>.list-title>small.favo {font-size: 11px;line-height: 13px;position: relative;text-align: center;padding: 0px 2px;color: #ff0000;word-break: break-word;border-radius: 1px;top: 3px;float: left;}
#board-info h1>a {text-decoration: none;color: #ff0000;font-weight: bolder;}
#movetotop img{display:none}
#movetotop{opacity:1;background:url(https://1.bp.blogspot.com/-g8j2pfqBdDk/YOyiNoxg1pI/AAAAAAAAAvE/E5QtTu12jgk2Zas_uB9QCg8wnCpkJsqogCLcBGAsYHQ/s0/sdfsdfsdf.png);width: 150px; height: 150px;background-size: contain;}
#main .menu-wrapper>.header {background: #ff3c3c;color: #fff;padding: .45em 1.4em .45em 1em;font-weight: bold;}
댓글 2개 ▼