Difference between revisions of "Template:Tongji Software/CSS"
| Line 269: | Line 269: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
| − | + | -webkit-transform: translateY(-50%); | |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
| − | transform: translateY(-50%); | + | transform: translateY(-50%); |
left: .875em; | left: .875em; | ||
} | } | ||
| Line 291: | Line 291: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
| − | + | -webkit-transform: translateY(-50%); | |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
| − | transform: translateY(-50%); | + | transform: translateY(-50%); |
right: 10em; | right: 10em; | ||
/* hidden on small devices */ | /* hidden on small devices */ | ||
| Line 327: | Line 327: | ||
/*响应缩进后三条杠的颜色*/ | /*响应缩进后三条杠的颜色*/ | ||
background-color: rgba(2, 23, 37, 0); | background-color: rgba(2, 23, 37, 0); | ||
| + | } | ||
| + | .cd-primary-nav-trigger:hover{ | ||
| + | position: fixed; | ||
| + | transform: translateY(0); | ||
} | } | ||
| Line 364: | Line 368: | ||
} | } | ||
| − | .cd-primary-nav-trigger .cd-menu-icon::before, | + | .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { |
| − | + | ||
content: ''; | content: ''; | ||
width: 100%; | width: 100%; | ||
| Line 389: | Line 392: | ||
} | } | ||
| − | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, | + | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { |
| − | + | ||
background-color: white; | background-color: white; | ||
} | } | ||
| Line 420: | Line 422: | ||
line-height: 30px; | line-height: 30px; | ||
/*菜单栏整体位置*/ | /*菜单栏整体位置*/ | ||
| − | left: | + | left: 0vw; |
| − | top: | + | top: 10vh; |
bottom: auto; | bottom: auto; | ||
-webkit-transform: translateY(-50%); | -webkit-transform: translateY(-50%); | ||
Revision as of 14:02, 8 October 2019