.home_wrap {
|
width: 100%;
|
height: 100%;
|
background-color: #0c1333;
|
background-image: url("../img/databoard/bg_home.png");
|
background-size: 100% 100%;
|
overflow: hidden;
|
}
|
|
.nav-bar_wrap {
|
width: 100%;
|
height: 7vw;
|
background-image: url("../img/databoard/bg_navbar.png");
|
background-repeat: no-repeat;
|
background-size: 100% 100%;
|
background-position: top;
|
box-sizing: border-box;
|
position: relative;
|
}
|
|
.nav-bar_wrap .nav-bar-title {
|
width: 100%;
|
font-size: 1.75vw;
|
font-weight: 600;
|
color: #ffffff;
|
line-height: 3.5vw;
|
letter-spacing: 0.1vw;
|
text-align: center;
|
}
|
|
.nav-bar_wrap .date-time-module {
|
position: absolute;
|
top: 0vw;
|
right: 1vw;
|
font-size: 0.9vw;
|
color: #ffffff;
|
line-height: 3vw;
|
}
|
|
.nav-bar_wrap .date-time-module #navBarWeek {
|
margin-left: 0;
|
}
|
|
.nav-bar_wrap .date-time-module #navBarTime {
|
margin-left: 1vw;
|
font-size: 1.56vw;
|
}
|
|
|
.nav-bar_wrap .nav-bar-slogan {
|
font-size: 1.3vw;
|
line-height: 3.65vw;
|
color: #ffffff;
|
text-align: center;
|
font-weight: 600;
|
letter-spacing: 0.1vw;
|
}
|
