이종훈_ 0

/* PC용 로고 */

header .row > div:nth-child(1) > a {

    background-repeat : no-repeat;

    display : block;

    width: 145px;

    height: 50px;

    background-image : url(https://imageshack.com/a/img922/2685/WOfbu7.png);

}

header .row > div:nth-child(1) > a img {

    display: none;

}

/* 검색창 */

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

    border: 3px solid #2a4d8f;

}

header #right-search-form>#right-search-btn {

    color: #2a4d8f;

}

/* 상단 경계선 */

/* 깊은 군청색 #2a3447 */

header #header-bar > .row {

    border-top: 5px solid #2a4d8f;

}

/* 좌측 메뉴바 */

#main .menu-wrapper > .header {

    background: #2a4d8f;

}

/* 메뉴아이콘 */

#main .menu-wrapper > a > em {

    color: #ffdd90;

}

/* 메뉴아이콘 간격 */

#main .menu-wrapper .spacer {

    background: #fff9ea;

}

/* 유용한 링크 좌측 네모아이콘 */

#main .menu-wrapper > a > i.fa.fa-square {

    color: #ffdd90;

}

/* 메뉴바 */

#article-list #article-list-category {

    background: #fff9ea;

    border-top: 2px solid #2a4d8f;

}

/* 메뉴별 배경화면 */

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

    background: #fff9ea;

}

/* 추천수 */

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

    background-color: #2a4d8f;

}

/* 댓글수 */

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

    color: #2a4d8f;

}

/* 글쓴이 */

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

    color: #2a4d8f;

}

/* 페이징 */

.pagination > .active > a {

    background-color: #2a4d8f;

    border-color: #2a4d8f;

}

/* 다음 페이지 */

.pagination > li > a{

    color: #2a4d8f;

}

/* 하트아이콘 애니메이션 효과 */

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

    animation-name: heart-pump;

    animation-duration: 0.8s;

    animation-iteration-count: infinite; 

}

@keyframes heart-pump {

    50% {

        transform: scale(1);

        color: #f5cfcf;

    }

    100% {

        transform: scale(1.3);

        color: rgb(234, 153, 153);

    }

}

/* 개별 글 내부 상단 보라색 지우기 */

#article-content-wrapper > .header {

    border-top: 2px solid #2a4d8f;

}

/* 팡고 보라색 치우기 */

header #header-bar #header-top-notice strong.notice-badge {

    background: #2a4d8f;

}

/* 모바일용 로고 */

header #header-area > a {

    display: inline-block;

    width: 89px;

    height: 32px;

    background-image: url(https://imageshack.com/a/img923/1153/CpPWqT.png) no-repeat;

}

header #header-area > a > h1 {

    opacity: 0;

}

/* 검색아이콘 */

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

    color: #2a4d8f;

}

/* header 경계선 & 팡고 */

header {

    border-bottom: 4px solid #2a4d8f;

}

#header-top-notice > strong.nitice-badge {

    color: #2a4d8f;

}

/* 상단메뉴바 배경색상 */

#article-list #article-list-category {

    background: #fff9ea;

}

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

    background: #fff9ea;

}

/* 추천수 색상 */

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

    background-color: #2a4d8f;

}

/*#ffb400 deep orange*/

/* 댓글수 색상 */

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

    color: #2a4d8f;

}

/* 글쓴이 색상 */

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

    color: #2a4d8f;

}

/* 페이지수 */

.pagination > .active > a {

    background-color: #2a4d8f;

    border-color: #2a4d8f;

}

/* 이전, 다음 페이지 */

.pagination > li > a {

    color: #2a4d8f;

    border: 1px solid #fde7b5;

}

.pagination > li > a:hover {

    background-color: #fff0cc;

}

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

    animation-name: heart-pump;

    animation-duration: 0.8s;

    animation-iteration-count: infinite;  

}

@keyframes heart-pump {

    50% {

        transform: scale(1);

        color: #f5cfcf;

    }

    100% {

        transform: scale(1.3);

        color: rgb(234, 153, 153);

    }

}

#header-top-notice strong.notice-badge {

    background: #2a4d8f;

}