|
@@ -38,25 +38,58 @@ body,
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
background: #555;
|
|
|
}
|
|
|
-
|
|
|
+.main {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow-y: hidden;
|
|
|
+}
|
|
|
.page:not(.home) .main {
|
|
|
- --main-sub-header-height: 101px;
|
|
|
+ --main-sub-header-height: 6.3125rem;
|
|
|
--main-sub-header-logo-height: 4.9375rem;
|
|
|
--main-sub-header-margin-left: 8.0625rem;
|
|
|
--main-sub-header-background: url("img/sub_title_bg.png");
|
|
|
- --main-sub-menu-width: 95px;
|
|
|
+ --main-sub-menu-width: 5.9375rem;
|
|
|
+ --main-sub-menu-border-radius: 2.5rem;
|
|
|
--main-sub-logo: url("img/sub_logo.png");
|
|
|
--main-right-background: url("img/sub_bg.png");
|
|
|
--main-right-back-btn: url("img/sub_back_btn.png");
|
|
|
- --main-left-background: grey;
|
|
|
- --logo-width: 79px;
|
|
|
- --go-home-width: 60px;
|
|
|
+
|
|
|
+ --main-left-background: #ffffff;
|
|
|
+ --logo-width: 4.9375rem;
|
|
|
+ --go-home-width: 3.75rem;
|
|
|
--logo-background-color: #910000;
|
|
|
+
|
|
|
+ --main-sub-nav-background: url("img/sub_nav_bg.png");
|
|
|
+ --main-sub-nav-height: 3.5rem;
|
|
|
+ --main-sub-nav-title-width: 21.375rem;
|
|
|
+}
|
|
|
+.page:not(.home) .main .content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+.page:not(.home) .main .content .left {
|
|
|
+ flex-grow: 0;
|
|
|
+ margin-right: var(--main-sub-menu-width);
|
|
|
+ background-color: var(--main-left-background);
|
|
|
+ height: calc(100% - var(--main-sub-header-height));
|
|
|
}
|
|
|
+
|
|
|
.page:not(.home) .main .content .right {
|
|
|
- position: relative;
|
|
|
+ position: absolute;
|
|
|
z-index: 1;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
}
|
|
|
-.page:not(.home) .main .content .left {
|
|
|
- padding-top: var(--main-sub-header-height);
|
|
|
+.page:not(.home) .main .n-tabs .n-tabs-nav {
|
|
|
+ height: var(--main-sub-nav-height);
|
|
|
+ width: 100%;
|
|
|
+ background-image: var(--main-sub-nav-background);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ background-position: left center;
|
|
|
}
|