Difference between revisions of "Template:SJTU-BioX-Shanghai/Navigator1"
| (6 intermediate revisions by the same user not shown) | |||
| Line 69: | Line 69: | ||
background-color: white; | background-color: white; | ||
| + | |||
| + | transition: left 0.2s; | ||
} | } | ||
#nav nav { | #nav nav { | ||
margin-left: 1em; | margin-left: 1em; | ||
| + | z-index: 1; | ||
} | } | ||
#nav #nav-trigger { | #nav #nav-trigger { | ||
| − | position: | + | z-index: 2; |
| + | position: fixed; | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
height: 100%; | height: 100%; | ||
width: 0.5em; | width: 0.5em; | ||
| + | |||
| + | transition: width 0.2s; | ||
background-color: #55A463; | background-color: #55A463; | ||
| Line 117: | Line 123: | ||
} | } | ||
#nav nav li:hover ul, #nav nav li ul:hover { | #nav nav li:hover ul, #nav nav li ul:hover { | ||
| + | transition: opacity 0.3s ease-out 0s, width 0s linear 0s; | ||
opacity: 1; | opacity: 1; | ||
width: 15em; | width: 15em; | ||
| Line 137: | Line 144: | ||
position: absolute; | position: absolute; | ||
left: 0em; | left: 0em; | ||
| + | } | ||
| + | |||
| + | #content.nav-toggle #nav #nav-trigger { | ||
| + | width: 0.9em; | ||
| + | } | ||
| + | #content.nav-toggle #nav #nav-trigger svg { | ||
| + | transform: matrix(-1,0,0,1,3,0) | ||
| + | } | ||
| + | #content.nav-toggle #nav { | ||
| + | left: -11em; | ||
} | } | ||
</style> | </style> | ||
Latest revision as of 07:21, 17 September 2015