로고와 햄버거 버튼 수정
This commit is contained in:
6
pom.xml
6
pom.xml
@@ -24,6 +24,12 @@
|
|||||||
</properties>
|
</properties>
|
||||||
|
|
||||||
<dependencies>
|
<dependencies>
|
||||||
|
|
||||||
|
<dependency>
|
||||||
|
<groupId>org.springframework.boot</groupId>
|
||||||
|
<artifactId>spring-boot-starter-actuator</artifactId>
|
||||||
|
</dependency>
|
||||||
|
|
||||||
<!-- Spring Boot Web + Thymeleaf -->
|
<!-- Spring Boot Web + Thymeleaf -->
|
||||||
<dependency>
|
<dependency>
|
||||||
<groupId>org.springframework.boot</groupId>
|
<groupId>org.springframework.boot</groupId>
|
||||||
|
|||||||
@@ -149,6 +149,9 @@ label,input,button,select,img { vertical-align:middle }
|
|||||||
#top_nav_wrap .h_center .util {
|
#top_nav_wrap .h_center .util {
|
||||||
display:flex; align-items:center; justify-content:space-between; width:100%
|
display:flex; align-items:center; justify-content:space-between; width:100%
|
||||||
}
|
}
|
||||||
|
#top_logo { position:relative }
|
||||||
|
#top_logo a { display:inline-block }
|
||||||
|
#top_logo img { width:180px; height:auto }
|
||||||
#top_nav_wrap .h_center .h_left { display:flex; align-items:center }
|
#top_nav_wrap .h_center .h_left { display:flex; align-items:center }
|
||||||
#top_nav.sub li>a { color:#fff }
|
#top_nav.sub li>a { color:#fff }
|
||||||
#top_nav.sub li ul a { color:#888 }
|
#top_nav.sub li ul a { color:#888 }
|
||||||
@@ -174,6 +177,16 @@ label,input,button,select,img { vertical-align:middle }
|
|||||||
#topmenuM.dark #m_navBtn span:before,
|
#topmenuM.dark #m_navBtn span:before,
|
||||||
#topmenuM.dark #m_navBtn span:after { background-color:#222 }
|
#topmenuM.dark #m_navBtn span:after { background-color:#222 }
|
||||||
|
|
||||||
|
/* 서브 페이지 모바일 헤더 */
|
||||||
|
#hd.sub #topmenuM {
|
||||||
|
background-color:#fff;
|
||||||
|
box-shadow:0 0 12px rgba(0,0,0,0.05);
|
||||||
|
}
|
||||||
|
#hd.sub #m_navBtn span:before,
|
||||||
|
#hd.sub #m_navBtn span:after {
|
||||||
|
background-color:#222 !important;
|
||||||
|
}
|
||||||
|
|
||||||
#m_logo { position:relative }
|
#m_logo { position:relative }
|
||||||
#m_logo a { display:inline-block }
|
#m_logo a { display:inline-block }
|
||||||
#m_logo img { width:150px }
|
#m_logo img { width:150px }
|
||||||
@@ -294,13 +307,24 @@ body.page-inquiry #m_navBtn.on span:after {
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 서브 페이지 PC 로고 교체 */
|
||||||
|
#top_nav_wrap.sub #top_logo img {
|
||||||
|
content: url('/img/common/logo_d.png') !important;
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
/* 서브 페이지 모바일 로고 교체 */
|
||||||
|
#hd.sub #m_logo img {
|
||||||
|
content: url('/img/common/logo_d.png') !important;
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* PC 로고 교체 */
|
/* PC 로고 교체 */
|
||||||
body.page-inquiry #top_logo img {
|
body.page-inquiry #top_logo img {
|
||||||
content: url('/img/common/logo_d.png');
|
content: url('/img/common/logo_d.png') !important;
|
||||||
}
|
}
|
||||||
/* 모바일 로고 교체 */
|
/* 모바일 로고 교체 */
|
||||||
body.page-inquiry #m_logo img {
|
body.page-inquiry #m_logo img {
|
||||||
content: url('/img/common/logo_d.png');
|
content: url('/img/common/logo_d.png') !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 헤더 반응형 */
|
/* 헤더 반응형 */
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
|
|
||||||
/* ========================== Head & Footer */
|
/* ========================== Head & Footer */
|
||||||
$.get("/include/header").done(function (html) {
|
$.get("/include/header").done(function (html) {
|
||||||
|
// main 클래스를 sub로 미리 교체
|
||||||
|
html = html.replace('class="main"', 'class="sub"');
|
||||||
$("#hd").html(html);
|
$("#hd").html(html);
|
||||||
$("#top_nav_wrap").removeClass("main").addClass("sub");
|
|
||||||
});
|
});
|
||||||
$.get("/include/footer").done(function (html) {
|
$.get("/include/footer").done(function (html) {
|
||||||
$("#ft").html(html);
|
$("#ft").html(html);
|
||||||
|
|||||||
Reference in New Issue
Block a user