Line 448: | Line 448: | ||
position: fixed; | position: fixed; | ||
height: 100%; | height: 100%; | ||
− | width: | + | width: 80%; |
margin: 10vh 0vw 0vh 0vw; | margin: 10vh 0vw 0vh 0vw; | ||
font-family: "Cambria"; | font-family: "Cambria"; | ||
/*菜单下来后的背景色*/ | /*菜单下来后的背景色*/ | ||
/*background: rgba(2, 23, 37, 0.8);*/ | /*background: rgba(2, 23, 37, 0.8);*/ | ||
− | --color-bg: # | + | --color-bg: #1d183c; |
--color-bg-2: #151436; | --color-bg-2: #151436; | ||
− | --color-bg-3: #060029 | + | --color-bg-3:#060029 |
− | background: | + | background:var(--color-bg); |
− | + | box-shadow:10px 0px 15px rgba(0,0,0,0.5); | |
z-index: 2; | z-index: 2; | ||
text-align: center; | text-align: center; | ||
Line 466: | Line 466: | ||
/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||
− | -webkit-transform: | + | -webkit-transform: translateX(-92%); |
-moz-transform: translateY(-100%); | -moz-transform: translateY(-100%); | ||
-ms-transform: translateY(-100%); | -ms-transform: translateY(-100%); |
Revision as of 21:53, 21 October 2019