서브메뉴 배경색 수정

서브메뉴 배경색 수정

QA

서브메뉴 배경색 수정

본문

1988169613_1638702715.8052.png
이렇게 하단에 폰트나 배경색을 어디서 수정해야할까요?


 

* UI - Setup

------------------------------------------------*/

html, body{background:url(../../img/svg/blizzard.jpg)#012650 no-repeat center top !important; background-size:cover !important; color:rgba(255, 255, 255, 0.8);}

a{color:rgba(255, 255, 255, 0.8);}

a:hover, a:focus{color:#0e86ca;}

/* ---- Scroll bar - webkit ----*/

::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0.4);}

::-webkit-scrollbar-thumb{border:0px solid transparent;background-color:rgba(255, 255, 255, 0.4);background-clip:padding-box;border-radius:7px}

 

/********************************************************

 common css edit

********************************************************/

.bg-light{background:rgba(0, 0, 0, 0.2) !important;}

.text-black-50{color:rgba(255, 255, 255, 0.8) !important;}

.border{border-color:rgba(255, 255, 255, 0.1) !important;}

.border-top{border-color:rgba(255, 255, 255, 0.1) !important;}

.na-table{background:transparent;}

.text-white{color:#262627;}

.text-muted{color:rgba(255, 255, 255, 0.4) !important;}

.text-primary{color:#0e86ca !important;}

.btn{color:rgba(255, 255, 255, 0.8) !important;}

.input-group-text .text-muted{color:#262627 !important;}

.btnSort{color:rgba(255, 255, 255, 0.8) !important;}

.progress{background:#002e62;}

.progress .progress-bar{background:#0e86ca;}

#autosave_pop .list-group{border-radius:0;background:#343538;}

/* fullNavi */

.fullNavi{border:2px solid #0e86ca;background:#0e86ca;color:#fff;}

/* bg-primary */

.bg-primary{border-color:#0e86ca!important;background:#0e86ca !important;color:#fff !important;}

/* .bg-primary .text-white{color:#262627 !important;}

 */

/* btn-primary */

.btn-primary.na-notice{font-weight:bold;}

.btn-primary{border-color:#0e86ca !important;background:#0e86ca !important;color:#fff !important;}

.btn-primary:hover{border-color:#0e86ca !important;background:#0e86ca !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}

.btn-primary:focus,

.btn-primary:active{border-color:#01397b !important;background:#01397b !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4) !important;}

/* btn-outline-primary */

.btn-outline-primary{border-color:#0e86ca;}

.btn-outline-primary:hover{border-color:#0e86ca;background-color:#0e86ca;color:#fff !important;}

.btn-outline-primary:focus{box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4) !important;}

.btn-outline-primary:active{border-color:#095386 !important;background:#095386 !important;}

/* btn-basic */

.btn.btn-basic,

.btn-basic{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(255, 255, 255, 0.1) !important;color:rgba(255, 255, 255, 0.8) !important;}

.btn-basic:hover{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(255, 255, 255, 0.2) !important;box-shadow:0 0 0 0.2rem rgba(255, 255, 255, 0.04);}

.btn-basic:focus,

.btn-basic:active{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(255, 255, 255, 0.3) !important;box-shadow:0 0 0 0.2rem rgba(0, 0, 0, 0.1) !important;}

/* btn_confirm */

.btn_confirm .btn_submit{background:#0e86ca;}

.btn_confirm .btn_submit:hover{background:#0e86ca;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}

/* sly-tab

------------------------------------------------*/

.sly-tab .d-flex{border-left:0;}

.sly-tab ul{border-left:1px solid rgba(255, 255, 255, 0.1) !important;}

.sly-tab ul li a{border-top:1px solid rgba(255, 255, 255, 0.1);border-right:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.1);color:#fff;}

.sly-tab ul li.active a{border-bottom:1px solid #0e86ca;background:#0e86ca;color:#fff !important;}

.sly-tab hr{border-top:1px solid rgba(255, 255, 255, 0.1) !important;}

/* nt_loader */

#nt_loader{background:#1e1f21;}

#nt_loader .loader svg{fill:#0e86ca;}

 

/********************************************************

 common style

********************************************************/

/* switch toggle */

.switch.active .slider{background:#0e86ca;}

/* top btn */

.go-btn button{border:2px solid #0e86ca;background:#012650;color:#0e86ca;}

/* table */

.table{background:transparent;color:#fff;}

.table-bordered td,

.table-bordered th{border:1px solid rgba(255, 255, 255, 0.1) !important;color:rgba(255, 255, 255, 0.5) !important;}

#fsetup .groupBoxWrap .groupBox{border-bottom:1px dashed rgba(255, 255, 255, 0.2);}

#fsetup .groupBoxWrap .groupBox h3{border-color:rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.2);color:#0e86ca;}

#fsetup .groupBoxWrap .groupBox .setContents{}

#fsetup .groupBoxWrap .groupBox .setContents .text-muted{color:rgba(255, 255, 255, 0.7) !important;}

.form-control-plaintext{color:rgba(255, 255, 255, 0.5) !important;}

.sv_wrap .sv{background:#424245;}

.sv_wrap .sv:before{border-color:transparent transparent #424245 transparent;}

.na-table-head{border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.2) !important;background:rgba(0, 0, 0, 0.1);}

.na-table-head > div{color:rgba(255, 255, 255, 0.9);}

.btn-wset a{background:rgba(255, 255, 255, 0.1);}

.page-content{color:#fff;}

 

/* copy_move

------------------------------------------------*/

.new_win #win_title{background:#0e86ca;color:#262627;}

#copymove table{}

#copymove table thead th{color:#fff !important;}

#copymove table tr{}

#copymove table tr.copymove_currentbg{background:transparent;}

#copymove table tr td{}

#copymove table tr td label{color:rgba(255, 255, 255, 0.7);}

#copymove table tr td .copymove_current{}

 

/* manageTools

------------------------------------------------*/

.manageTools{border-top:4px solid #195ba7;background:#012754;}

.manageTools .manageHeader{border-bottom:1px solid rgba(255, 255, 255, 0.1);}

.manageTools .manageHeader .title{color:rgba(255, 255, 255, 1);}

.manageTools .manageBody{background:#012754;}

.manageTools .manageBody .box .boxheader .title{color:#0e86ca;}

.manageTools .manageBody .box{background:rgba(255, 255, 255, 0.04);}

.manageTools .manageBody .box .boxbody .list ul li{border-color:rgba(255, 255, 255, 0.1) !important;}

.manageTools .manageBody .box .boxbody .list ul li .switch,

.manageTools .manageBody .box .boxbody .list ul li a{color:rgba(255, 255, 255, 0.6);}

.manageTools .manageBody .box .boxbody .list ul li a:hover{background:#012650;color:rgba(255, 255, 255, 0.6);}

 

/********************************************************

 LAYOUT

********************************************************/

/* header

------------------------------------------------*/

.header{border-top:4px solid #0078ff;border-bottom:1px solid rgba(255, 255, 255, 0.06);background:rgba(0,0,0,0.1);}

.header .sta .title .hgroup h1{color:#fff;}

.header .sta .tools button{color:rgba(255, 255, 255, 0.6);}

.header .sta .tools button:hover{background:rgba(0,0,0,0.2);color:rgba(255, 255, 255, 1);}

@media (max-width:1280px){

    .responsive .header{border-top:4px solid #0f56ac;background:#003473;}

    .responsive .header .sta .title .hgroup h1{color:#fff !important;}

    .responsive .header .sta .tools button{color:#fff !important;}

    .responsive .header .sta .tools button:hover{background:rgba(0,0,0,0.2);color:#fff !important;}

}

 

/* search

------------------------------------------------*/

.searchPop .search h2{color:#0e86ca;}

 

/* bodyBox - widgetBox

------------------------------------------------*/

.bodyBox .widgetBox .widget{background:rgba(0, 102, 225 , 0.5);}

.bodyBox .widgetBox .widget .wheader{border-bottom:0;border-radius:8px 8px 0 0;background:rgba(0, 0, 0, 0.1);color:#fff;}

.bodyBox .containerWrap .contents.sub{background:rgba(0, 102, 225 , 0.5);box-shadow:0px 20px 20px rgba(0, 0, 0, 0.3);}

.bodyBox .containerWrap .contents.sub .title strong{color:#fff;}

 

/* side_left

------------------------------------------------*/

.widget .menuBox ul > li > a{color:rgba(255, 255, 255, 0.6);}

.widget .menuBox ul > li > a.active,

.widget .menuBox ul > li > ul > li > a.on{background:rgba(0, 0, 0, 0.3);box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04);color:#fff;}

.widget .menuBox ul > li > a[href^="#"].line{background:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.8);}

.widget .menuBox ul > li > a[href^="#"].line.active{background:#0e86ca;color:#fff !important;}

 

/* footer

------------------------------------------------*/

.footer .linkInfoWrap{background:#0a3c78;}

.footer .linkInfoWrap .linkInfo div a{}

.footer .linkInfoWrap .linkInfo div a:hover{color:#0e86ca;}

 

/********************************************************

 PAGE

********************************************************/

/* page

------------------------------------------------*/

.titleBox .title nav ol li{color:#9ebccc !important;}

.btn_admin.na-notice{font-weight:bold;}

.btn_admin{border-color:#0e86ca !important;background:#0e86ca !important;color:#fff !important;}

.btn_admin:hover{border-color:#0e86ca !important;background:#0e86ca !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}

.page-content .article-title{color:#0e86ca !important;}

/* page contents */

#ctt_con{}

#ctt_con a,

#ctt_con b{color:#0e86ca;}

/* Total search

------------------------------------------------*/

#sch_res_list .list-group .list-group-item .sch_word{background:#0e86ca;color:#fff;}

 

/* popup

------------------------------------------------*/

/* common */

html.popup, body.popup{background:#012754 !important;}

body.popup #fa_icon .list-group-item a{color:rgba(255, 255, 255, 0.8) !important;}

body.popup #autosave_wrapper{background:#343538;}

 

/* member

------------------------------------------------*/

.custom-control-input:checked~.custom-control-label::before{border-color:#0e86ca;background-color:#343538;}

.list-group-item{border:1px solid rgba(255, 255, 255, 0.1);background:transparent;}

#fregister .page-content .article-title{color:#fff !important;}

#fregister .custom-checkbox{color:rgba(255, 255, 255, 0.6);}

.register .list-group-item h5{color:#0e86ca;}

 

/********************************************************

 BOARD

********************************************************/

/* common  */

.border-bottom{border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;}

/* gallery */

#bo_gallery ul li .itemBox{border:1px solid rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;}

#bo_gallery ul li .itemBox.active,

#bo_gallery ul li .itemBox:hover{padding:9px;border:2px solid #0e86ca !important;}

#bo_gallery ul li .itemBox.active .na-title .na-subject{background-size:100% 100%;color:#0e86ca;}

#bo_gallery ul li .itemBox .na-title{border-bottom:1px dashed rgba(255, 255, 255, 0.2) !important;}

#bo_gallery ul li .itemBox .na-title .na-item a{color:rgba(255, 255, 255, 0.7);}

#bo_gallery ul li .itemBox .na-title .na-item a .text-primary{color:#0e86ca !important;}

#bo_gallery ul li .itemBox .na-title .na-item a:hover{color:#0e86ca;}

#bo_gallery ul li .itemBox .na-title .na-subject{background-image:linear-gradient(transparent 80%, #0e86ca 0%) !important;}

#bo_gallery ul li .itemBox:hover .na-title .na-subject{color:#0e86ca !important;}

#bo_gallery ul li .itemBox .infoBox .infoBoxitem{color:rgba(255, 255, 255, 0.4);}

#bo_gallery ul li .itemBox .infoBox .infoBoxitem .commentBox.default{background-color:rgba(0, 0, 0, 0.3) !important;}

/* list */

#bo_v_title{color:rgba(255, 255, 255, 0.9);}

#bo_list .na-table li:nth-child(odd){background:rgba(0, 0, 0, 0.3) !important;}

#bo_list .na-table .border-bottom.bg-light{outline:2px solid #0e86ca;background-color:rgba(0, 0, 0, 0) !important;outline-offset:-2px;}

#bo_list .na-table .border-bottom.notice{background-color:rgba(0, 0, 0, 0.6) !important;}

#bo_list .na-title .na-subject{background-image:linear-gradient(transparent 80%, #0e86ca 0%) !important;color:rgba(255, 255, 255, 0.6);}

#bo_list .na-title .na-subject:hover{color:#0e86ca !important;}

@media all and (max-width:768px){

.responsive #bo_btn_top{border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.2) !important;}

}

/* page-link  */

.page-link{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(0, 0, 0, 0.1);color:rgba(255, 255, 255, 0.6) !important;}

.page-link:hover{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(255, 255, 255, 0.1);}

.page-link:focus{box-shadow:0 0 0 0.2rem rgba(254, 229, 0, 0.2);}

.page-item.active .page-link{border-color:#0e86ca;background:#0e86ca;color:#ffffff !important;}

.page-item.disabled .page-link{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(0, 0, 0, 0.1);}

/* write */

#bo_w .list-group-item h5{color:#0e86ca;}

/* view */

.viewBody .readHeader{border:1px solid rgba(255, 255, 255, 0.1) !important;}

.viewBody .readHeader .rhUser{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}

.viewBody .readHeader .rhInfo{color:rgba(255, 255, 255, 0.6) !important;}

#bo_v_con a{color:#e4ff00;}

/* comment */

#fviewcomment .cmt-box .text-nowrap button:hover i{color:#0e86ca !important;}

.commentMedia{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}

.commentMedia .media .media-body{background-color:rgba(0, 0, 0, 0.2) !important;}

.commentMedia .media .media-body .media-content{border-color:#00428d !important;background-color:#012650 !important;color:rgba(255, 255, 255, 0.8) !important;}

.commentMedia .media .media-body .media-content:before{border-bottom:1px solid #00428d !important;border-left:1px solid #00428d !important;background-color:#012650 !important;}

.commentMedia .media .media-body .media-heading time{color:#0e86ca !important;}

.commentMedia .media .media-body .tools{border-top:1px dashed rgba(255, 255, 255, 0.1) !important;}

.commentMedia .media .media-body .tools ul li a{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}

.commentMedia .media .media-body .tools ul li a:hover{color:#0e86ca !important;}

.commentMedia .media.my .media-body .media-content{border:1px solid #0e86ca !important;background:#0e86ca !important;color:#fff !important;}

.commentMedia .media.my .media-body .media-content:before{border-bottom:1px solid #0e86ca !important;border-left:1px solid #0e86ca !important;background-color:#0e86ca !important;}

.commentMedia .media .media-body .media-content a{color:#e4ff00 !important;}

/* admin menu */

.adminMenu .btn-group .btn-white{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}

.adminMenu .btn-group .btn-white:hover{background:rgba(0, 0, 0, 0.3) !important;}

/********************************************************

 WIDGET

********************************************************/

/* widget-wswg_outlogin

------------------------------------------------*/

.wswg_outlogin .myMenu .myDetailmenu a{border:1px solid rgba(255, 255, 255, 0.1);}

.wswg_outlogin .myMenu .myDetailmenu a:hover{border:1px solid #0e86ca;}

.wswg_outlogin .loginFormBox,

.wswg_outlogin .userBox{background:rgba(255, 255, 255, 0.1);}

.wswg_outlogin .loginFormBox .loginForm .inputBox input{color:rgba(255, 255, 255, 0.8);}

.wswg_outlogin .login-sns{border:1px solid rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.1);}

.wswg_outlogin .userBox .user .info em{color:rgba(255, 255, 255, 0.6);}

/* widget-infinite-masonry

------------------------------------------------*/

.widget-infinite-masonry .itemWrap .item .itemBox{border:2px solid #004699;background:#004699;}

.widget-infinite-masonry .itemWrap .item .itemBox:hover{border:2px solid #0e86ca !important;}

.widget-infinite-masonry .itemWrap .item .itemBox:hover .ancher .subject{color:#0e86ca;}

.widget-infinite-masonry .itemWrap .item .itemBox .ancher .subject{background:#002e62;color:rgba(255, 255, 255, 0.7);}

.widget-infinite-masonry .itemWrap .item .itemBox .ancher .thumb ~ .subject{color:#ddd;}

.widget-infinite-masonry .itemWrap .item .itemBox:hover a .thumb ~ .subject{color:#0e86ca !important;}

.widget-infinite-masonry .itemWrap .item .itemBox a .labelColor{background:#0e86ca !important;color:#fff !important;}

.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo{border-top:1px solid rgba(255, 255, 255, 0.1);}

.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox{background:#0e86ca;color:#fff !important;}

.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox i{color:#fff !important;}

.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .dateBox .dateText{color:rgba(255, 255, 255, 0.6);}

/* nt_sidebar - mobile

------------------------------------------------*/

#nt_sidebar{background:#1e1f21;}

#nt_sidebar_menu .me-ul{background:transparent;}

#nt_sidebar_menu .me-ul li a{border-bottom:1px solid rgba(255, 255, 255, 0.1);}

#nt_sidebar .sidebar-content .widget{background:#012650;}

/********************************************************

 add index

********************************************************/

.nt-container .sliderBox, .nt-container .blocks{background:#012650;}

.nt-container .blocks h3 a{background:#002f67;color:#0e86ca;}

.nt-container .blocks .basic-banner .owl-nav button{border:1px solid #1e1f21 !important;background:#1e1f21 !important;}

/* adBox */

.adBox{background:#012650;}

이 질문에 댓글 쓰기 :

답변 2

CTRL + SHIFT + C 를 누르신 후

개발자도구를통해 수정이 필요한 영역을 찍어주신 후 수정하시면 쉽습니다.

크롬, 사파리 단축키는 동일합니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 6
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT