Difference between revisions of "Template:Tongji Software/CSS"
| Line 150: | Line 150: | ||
/* -------------------------------- Primary style -------------------------------- */ | /* -------------------------------- Primary style -------------------------------- */ | ||
| − | *, | + | *, *:after, *:before { |
| − | + | ||
| − | + | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
| Line 171: | Line 169: | ||
body.overflow-hidden { | body.overflow-hidden { | ||
| − | /* when primary | + | /* when primary navigation is visible, the content in the background won't scroll */ |
| − | + | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Line 202: | Line 199: | ||
/* -------------------------------- Main components -------------------------------- */ | /* -------------------------------- Main components -------------------------------- */ | ||
| − | html, | + | html, body { |
| − | + | ||
height: 100%; | height: 100%; | ||
} | } | ||
| Line 244: | Line 240: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
| − | .cd-header.is-fixed { | + | /*.cd-header.is-fixed { |
| − | /* when | + | /* when the user scrolls down, we hide the header right above the viewport */ |
| − | + | ||
position: fixed; | position: fixed; | ||
top: -80px; | top: -80px; | ||
| Line 253: | Line 248: | ||
-moz-transition: -moz-transform 0.3s; | -moz-transition: -moz-transform 0.3s; | ||
transition: transform 0.3s; | transition: transform 0.3s; | ||
| − | } | + | }*/ |
.cd-header.is-visible { | .cd-header.is-visible { | ||
/* if the user changes the scrolling direction, we show the header */ | /* if the user changes the scrolling direction, we show the header */ | ||
| Line 274: | Line 269: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
| − | -webkit-transform: translateY(-50%); | + | /* -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 296: | Line 291: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
| − | -webkit-transform: translateY(-50%); | + | /*-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 */ | ||
Revision as of 13:58, 8 October 2019