|
|
|
@ -251,12 +251,6 @@ html[data-theme=light] .lightmode > .inner { |
|
|
|
.guide_wrap.two_line { |
|
|
|
padding: 3.75rem 0; |
|
|
|
} |
|
|
|
.guide_wrap.cards { |
|
|
|
background: var(--bg_01); |
|
|
|
} |
|
|
|
.guide_wrap.navigation { |
|
|
|
background: var(--navigation-bg); |
|
|
|
} |
|
|
|
|
|
|
|
.guide_center { |
|
|
|
width: 77.5rem; |
|
|
|
@ -362,29 +356,6 @@ html[data-theme=light] .guide_top h1 { |
|
|
|
flex: 1 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.usage_box { |
|
|
|
width: 53rem; |
|
|
|
height: 46.688rem; |
|
|
|
padding: 2.5rem; |
|
|
|
border-radius: 0.5rem; |
|
|
|
background: var(--white-w_6); |
|
|
|
} |
|
|
|
|
|
|
|
.card_box { |
|
|
|
height: 100%; |
|
|
|
padding: 0.625rem; |
|
|
|
background: var(--white-w_6); |
|
|
|
} |
|
|
|
.card_box.dark { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
.black_box { |
|
|
|
width: 33.75rem; |
|
|
|
padding: 1.25em; |
|
|
|
background: var(--white-w_6); |
|
|
|
} |
|
|
|
|
|
|
|
/*template*/ |
|
|
|
footer { |
|
|
|
position: fixed; |
|
|
|
@ -420,22 +391,6 @@ footer { |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
|
|
|
|
.notification_box.main { |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
top: 3.5rem; |
|
|
|
transform: translateX(-50%); |
|
|
|
z-index: 80; |
|
|
|
} |
|
|
|
.notification_box.hide .notification_bg { |
|
|
|
min-height: 0; |
|
|
|
height: 0; |
|
|
|
border-width: 0.063rem 0 0 0; |
|
|
|
} |
|
|
|
.notification_box.hide .btn_notification { |
|
|
|
transform: rotate(180deg); |
|
|
|
} |
|
|
|
|
|
|
|
.board_line.signal.right { |
|
|
|
position: absolute; |
|
|
|
display: flex; |
|
|
|
@ -577,57 +532,12 @@ footer { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.error_box { |
|
|
|
display: flex; |
|
|
|
-webkit-backdrop-filter: blur(1.875rem); |
|
|
|
backdrop-filter: blur(1.875rem); |
|
|
|
position: absolute; |
|
|
|
padding: 3rem; |
|
|
|
top: 33%; |
|
|
|
left: 30%; |
|
|
|
z-index: 0; |
|
|
|
width: 44.563rem; |
|
|
|
height: 18.25rem; |
|
|
|
border-radius: 0.125rem; |
|
|
|
border: 0.063rem solid rgba(255, 255, 255, 0.21); |
|
|
|
background: rgba(162, 164, 184, 0.2); |
|
|
|
-webkit-backdrop-filter: blur(3.75rem); |
|
|
|
backdrop-filter: blur(3.75rem); |
|
|
|
} |
|
|
|
|
|
|
|
.marker_main { |
|
|
|
position: absolute; |
|
|
|
bottom: 40%; |
|
|
|
left: 50%; |
|
|
|
} |
|
|
|
|
|
|
|
.indicator.main { |
|
|
|
padding: 1.25rem 0.6rem 1.25rem 1.25rem; |
|
|
|
} |
|
|
|
.indicator.signal { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.indi_conts.del { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.indi_conts.signal { |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.tmbox_text { |
|
|
|
font-size: 0.875rem; |
|
|
|
font-weight: 500; |
|
|
|
line-height: 1.3; |
|
|
|
color: var(--white-w_87-sec); |
|
|
|
} |
|
|
|
|
|
|
|
.tmbox.signal { |
|
|
|
background-color: transparent; |
|
|
|
padding: 0; |
|
|
|
margin-bottom: 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
.hd_profile { |
|
|
|
position: relative; |
|
|
|
width: 1.875rem; |
|
|
|
@ -647,30 +557,6 @@ footer { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.marker_img_selected { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.marker_main .tooltip_parents, .marker_main .infowindow_box.main.on { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.marker_main.marker_hide .tooltip_parents, .marker_main.marker_hide .infowindow_box.main.on { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.marker_main.marker_hide .img_off { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
.marker_main.marker_hide .marker_img_selected { |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
|
|
|
|
.fab_wrap { |
|
|
|
position: absolute; |
|
|
|
top: 0%; |
|
|
|
left: 108%; |
|
|
|
margin-left: 0.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.popover_box.main { |
|
|
|
position: absolute; |
|
|
|
display: none; |
|
|
|
@ -688,221 +574,6 @@ footer { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.signal_board { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.signal_content { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
-moz-column-gap: 1rem; |
|
|
|
column-gap: 1rem; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: var(--bg_02_template); |
|
|
|
} |
|
|
|
|
|
|
|
.signal_body { |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background-image: url("../images/signal_body_img.png"); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: cover !important; |
|
|
|
} |
|
|
|
|
|
|
|
.accordion_box { |
|
|
|
position: absolute; |
|
|
|
margin-top: 0.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.indi_top.signal { |
|
|
|
height: 3.5rem; |
|
|
|
padding: 1.25rem 1rem 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
.signal_dl { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin: 0.5rem 0; |
|
|
|
} |
|
|
|
.signal_dl:last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
.signal_dl dt { |
|
|
|
font-size: 0.8125rem; |
|
|
|
font-weight: 300; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
width: 4rem; |
|
|
|
padding: 0 1rem 0 0; |
|
|
|
color: var(--white-w_87-sec); |
|
|
|
} |
|
|
|
.signal_dl dd { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
flex: 1; |
|
|
|
-moz-column-gap: 0.25rem; |
|
|
|
column-gap: 0.25rem; |
|
|
|
} |
|
|
|
.signal_dl dd .wrput { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.signal_dl dd .ch_radio:last-child { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
.signal_dl.check { |
|
|
|
margin: 1rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
.accordion_block.signal { |
|
|
|
-webkit-backdrop-filter: blur(1.875rem); |
|
|
|
backdrop-filter: blur(1.875rem); |
|
|
|
} |
|
|
|
.accordion_block.signal .accordion_title:hover:not(.levle2), .accordion_block.signal .hover.accordion_title, |
|
|
|
.accordion_block.signal .accordion_title:focus { |
|
|
|
background: var(--primary-pri_20); |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.accordion_block.signal .accordion_title { |
|
|
|
background: var(--primary-pri_20); |
|
|
|
} |
|
|
|
.accordion_block.signal .accordion_title:hover:not(.disabled), .accordion_block.signal .accordion_title:hover:not(.point.disabled), .accordion_block.signal .accordion_title:focus:not(.disabled) { |
|
|
|
background: var(--primary-pri_20); |
|
|
|
} |
|
|
|
.accordion_block.signal .accordion_contents { |
|
|
|
background: rgba(255, 255, 255, 0.06); |
|
|
|
} |
|
|
|
.accordion_block.signal .accordion_contents.signal { |
|
|
|
padding: unset; |
|
|
|
} |
|
|
|
|
|
|
|
.map_label_line { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
bottom: 1.5rem; |
|
|
|
padding: 0.125rem 0.75rem; |
|
|
|
} |
|
|
|
|
|
|
|
.map_label { |
|
|
|
font-size: 1.25rem; |
|
|
|
font-weight: 700; |
|
|
|
width: auto; |
|
|
|
padding: 0.125rem 0.75rem 0.25rem; |
|
|
|
background-color: #0B1129; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.record_wrap { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
padding-top: 5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.record_content { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
padding: 1.25rem; |
|
|
|
display: grid; |
|
|
|
grid-auto-rows: 25.75rem auto; |
|
|
|
row-gap: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
.record_box { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border: 0.063rem solid var(--line-pri_40-to-wh_40); |
|
|
|
background: var(--bg_01_80); |
|
|
|
box-shadow: 0.25rem 0.25rem 1rem 0 rgba(4, 9, 26, 0.16); |
|
|
|
-webkit-backdrop-filter: blur(1.875rem); |
|
|
|
backdrop-filter: blur(1.875rem); |
|
|
|
padding: 0 1.25rem 1.25rem 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
.record_title { |
|
|
|
font-size: 1rem; |
|
|
|
font-weight: 700; |
|
|
|
width: 100%; |
|
|
|
padding: 1.25rem 1rem 1rem 0; |
|
|
|
color: var(--primary-to-grayscale-to-bk); |
|
|
|
} |
|
|
|
|
|
|
|
.record_box_content { |
|
|
|
display: flex; |
|
|
|
-moz-column-gap: 1rem; |
|
|
|
column-gap: 1rem; |
|
|
|
width: 100%; |
|
|
|
height: calc(100% - 3.25rem); |
|
|
|
} |
|
|
|
|
|
|
|
.record_grid { |
|
|
|
display: grid; |
|
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1.5fr; |
|
|
|
grid-template-rows: 8.125rem auto; |
|
|
|
-moz-column-gap: 1rem; |
|
|
|
column-gap: 1rem; |
|
|
|
row-gap: 1rem; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.record_top { |
|
|
|
display: grid; |
|
|
|
grid-column-gap: 1rem; |
|
|
|
width: 9rem; |
|
|
|
} |
|
|
|
|
|
|
|
.chart_cont_box { |
|
|
|
height: 100%; |
|
|
|
width: 9rem; |
|
|
|
} |
|
|
|
|
|
|
|
.diagon_cont_box { |
|
|
|
display: grid; |
|
|
|
grid-column-gap: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
.diagon_cont.record { |
|
|
|
width: 9rem; |
|
|
|
height: 4.875rem; |
|
|
|
} |
|
|
|
|
|
|
|
.situation_box { |
|
|
|
padding: 0.75rem; |
|
|
|
border-radius: 0.125rem; |
|
|
|
background: var(--more-visible-wh_6-to-100); |
|
|
|
} |
|
|
|
.situation_box.chart { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
grid-row: 1/3; |
|
|
|
} |
|
|
|
.situation_box.case1 { |
|
|
|
grid-row: 1/2; |
|
|
|
grid-column: 5/6; |
|
|
|
} |
|
|
|
.situation_box.case2 { |
|
|
|
grid-row: 1/2; |
|
|
|
grid-column: 6/7; |
|
|
|
} |
|
|
|
.situation_box.event { |
|
|
|
display: grid; |
|
|
|
grid-column: 5/7; |
|
|
|
grid-template-columns: 1.5fr 1fr; |
|
|
|
} |
|
|
|
.situation_box h4 { |
|
|
|
font-size: 0.875rem; |
|
|
|
font-weight: 500; |
|
|
|
color: var(--white-w_87-sec); |
|
|
|
} |
|
|
|
|
|
|
|
.case_wrap { |
|
|
|
display: flex; |
|
|
|
-moz-column-gap: 0.5rem; |
|
|
|
@ -1020,55 +691,6 @@ footer { |
|
|
|
line-height: 1.7; |
|
|
|
} |
|
|
|
|
|
|
|
.record_radio { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.record_radio .word { |
|
|
|
color: var(--white-w_87-sec); |
|
|
|
} |
|
|
|
.record_radio.on .radio { |
|
|
|
background-color: #fff; |
|
|
|
border: 0.25rem solid #27d4ff; |
|
|
|
} |
|
|
|
.record_radio.on .word { |
|
|
|
color: var(--white-w_87-sec); |
|
|
|
} |
|
|
|
.record_radio .radio { |
|
|
|
display: inline-block; |
|
|
|
width: 0.9375rem; |
|
|
|
height: 0.9375rem; |
|
|
|
background-color: rgba(255, 255, 255, 0.7); |
|
|
|
border-radius: 100%; |
|
|
|
margin: 0 0.5rem 0 0; |
|
|
|
} |
|
|
|
.record_radio .radio.mini { |
|
|
|
width: 0.625rem; |
|
|
|
height: 0.625rem; |
|
|
|
border: 0.125rem solid #27d4ff; |
|
|
|
margin: 0 0.375rem 0 0; |
|
|
|
} |
|
|
|
.record_radio .radio.green { |
|
|
|
border: 0.125rem solid #16D9AB; |
|
|
|
} |
|
|
|
.record_radio .radio.blue { |
|
|
|
border: 0.125rem solid #07F; |
|
|
|
} |
|
|
|
.record_radio .radio.dark_blue { |
|
|
|
border: 0.125rem solid #0E44E5; |
|
|
|
} |
|
|
|
.record_radio .radio.purple { |
|
|
|
border: 0.125rem solid #8972FF; |
|
|
|
} |
|
|
|
.record_radio .radio.dark_purple { |
|
|
|
border: 0.125rem solid #6E3DFF; |
|
|
|
} |
|
|
|
.record_radio .word { |
|
|
|
font-size: 0.6875rem; |
|
|
|
font-weight: 300; |
|
|
|
} |
|
|
|
|
|
|
|
.user_wrap { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1168,18 +790,6 @@ footer { |
|
|
|
color: var(--white-w_100-sec); |
|
|
|
} |
|
|
|
|
|
|
|
.white_w_87 { |
|
|
|
color: var(--white-w_87) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.white_w_bk { |
|
|
|
color: var(--white-w_87-sec) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.white_ff_bk { |
|
|
|
color: var(--white-w_100-sec) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* html data-theme */ |
|
|
|
html[data-theme=light] .sp_logo_uniplus { |
|
|
|
background: url("../images/logo_uniplus_light.svg") no-repeat left center; |
|
|
|
@ -1254,12 +864,6 @@ html[data-theme=light] .btn_drop .put_see.off .img_see { |
|
|
|
html[data-theme=light] .btn_drop .put_see.off .img_see_off { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_arrow_circle img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_arrow_circle.selected img, html[data-theme=light] .btn_arrow_circle:hover:not(.disabled) img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_arrow_circle.line img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
@ -1297,42 +901,6 @@ html[data-theme=light] .btn_primary.disabled img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
opacity: 0.6; |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map) span img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map) span.circle_grey32 img, html[data-theme=light] .btn_toggle_icon :not(.map) .circle_grey28.popover img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map) span .circle_grey28.icon .img_on { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map):hover span .circle_grey28.popover img, html[data-theme=light] .btn_toggle_icon :not(.map).active span .circle_grey28.popover img, html[data-theme=light] .btn_toggle_icon :not(.map):focus span .circle_grey28.popover img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map):hover span .circle_grey28.popover .img_on, html[data-theme=light] .btn_toggle_icon :not(.map).active span .circle_grey28.popover .img_on, html[data-theme=light] .btn_toggle_icon :not(.map):focus span .circle_grey28.popover .img_on { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map):hover img, html[data-theme=light] .btn_toggle_icon :not(.map).active img, html[data-theme=light] .btn_toggle_icon :not(.map):focus img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map) .circle_grey28 .img_on { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map) span .circle_grey28 .icon .img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey32 img, html[data-theme=light] .btn_toggle_icon :not(.map).legend .circle_grey28.popover img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover.selected img, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:hover:not(.legend) img, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:focus img, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:active img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover.selected .img_on, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:hover:not(.legend) .img_on, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:focus .img_on, html[data-theme=light] .btn_toggle_icon :not(.map).legend span.circle_grey28.popover:active .img_on { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_file img, html[data-theme=light] .preview_box img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
@ -1353,21 +921,12 @@ html[data-theme=light] .btn_icon:focus img { |
|
|
|
html[data-theme=light] .arr_up img, html[data-theme=light] .arr_right img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .diagon_cont { |
|
|
|
filter: brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(2905%) hue-rotate(204deg) brightness(96%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .datepicker { |
|
|
|
background-image: url(../images/calendar_gray_24.svg); |
|
|
|
} |
|
|
|
html[data-theme=light] .datepicker:focus, html[data-theme=light] .datepicker.on { |
|
|
|
background-image: url(../images/calendar_blue_24.svg); |
|
|
|
} |
|
|
|
html[data-theme=light] .accordion_block div button img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .accordion_block.accord_select .accordion_title.on img, html[data-theme=light] .accordion_block.accord_select .accordion_title.hover img, html[data-theme=light] .accordion_block.accord_select .accordion_title:hover img, html[data-theme=light] .accordion_block.accord_select .accordion_title:focus img, html[data-theme=light] .accordion_block.accord_select .accordion_title.selected img { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .action_prev, html[data-theme=light] .action_next { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
@ -1389,24 +948,6 @@ html[data-theme=light] .selectbox_arrow img, html[data-theme=light] .selectbox i |
|
|
|
html[data-theme=light] .bt_srch { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .hamberger_btn { |
|
|
|
content: url("../images/hamburger_bk_24.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .logo_hd_kisa { |
|
|
|
content: url("../images/logo_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .light_none img { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
html[data-theme=light] .lnb_popup_title_bg button img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .btn_fnb_search img { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .put_delete img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .selector { |
|
|
|
background-image: url("../images/arrow_down_gray_16.svg"); |
|
|
|
} |
|
|
|
@ -1428,86 +969,6 @@ html[data-theme=light] .arrival_marker img { |
|
|
|
html[data-theme=light] .map_frame img { |
|
|
|
content: url("../images/map_frame_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .eastside, html[data-theme=light] .westside, html[data-theme=light] .southside, html[data-theme=light] .northside { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .mapcontrol_btn { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .polygon.black img { |
|
|
|
content: url("../images/Polygon_black_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .polygon.blue img { |
|
|
|
content: url("../images/Polygon_blue_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .polygon.purple img { |
|
|
|
content: url("../images/Polygon_purple_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .polygon.green img { |
|
|
|
content: url("../images/Polygon_green_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .polygon.yellow img { |
|
|
|
content: url("../images/Polygon_yellow_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .pass_road img { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .light_conceal { |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
html[data-theme=light] .marker.cctv .img_selected { |
|
|
|
content: url("../images/cctv_light_selected_48.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .marker.weather .img_selected { |
|
|
|
content: url("../images/weather_center_light_selected_48.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .marker.bus .img_selected { |
|
|
|
content: url("../images/bus_light_selected_48.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .marker.depart .img_selected { |
|
|
|
content: url("../images/depart_light_selected_48.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .park_sign.danger.on { |
|
|
|
background: url("../images/park_danger_light_on.svg") no-repeat center center; |
|
|
|
} |
|
|
|
html[data-theme=light] .put_check img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .time_mark20 { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .row_type2 .tac img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .ic_artff { |
|
|
|
background: url("../images/arr_traff_light_16.svg") no-repeat center center; |
|
|
|
} |
|
|
|
html[data-theme=light] .pg_prev img, html[data-theme=light] .pg_next img { |
|
|
|
filter: invert(41%) sepia(90%) saturate(6305%) hue-rotate(205deg) brightness(94%) contrast(101%); |
|
|
|
} |
|
|
|
html[data-theme=light] .sign_tri2.jam { |
|
|
|
background: url(../images/sign_jam_light_28.svg) no-repeat center center; |
|
|
|
background-size: contain; |
|
|
|
} |
|
|
|
html[data-theme=light] .sign_tri2.ambulace { |
|
|
|
background: url(../images/ambulance_light.svg) no-repeat center center; |
|
|
|
background-size: contain; |
|
|
|
} |
|
|
|
html[data-theme=light] .pos_rel.lightmode { |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
html[data-theme=light] .popup_close img { |
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(72deg) brightness(103%) contrast(102%); |
|
|
|
} |
|
|
|
html[data-theme=light] .wrput.read_success { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
html[data-theme=light] .circle_g32.pencil img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .upload_btn img { |
|
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(231deg) brightness(99%) contrast(104%); |
|
|
|
} |
|
|
|
html[data-theme=light] .main_contents { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1527,6 +988,12 @@ html[data-theme=light] .main_contents.error2 { |
|
|
|
html[data-theme=light] .login_logo { |
|
|
|
content: url("../images/logo_light_big.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .hamberger_btn { |
|
|
|
content: url("../images/hamburger_bk_24.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .logo_hd_kisa { |
|
|
|
content: url("../images/logo_light.svg"); |
|
|
|
} |
|
|
|
html[data-theme=light] .light_none { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|