Difference between revisions of "Template:Tongji Software/css/MenuStyle css"
| Line 8: | Line 8: | ||
} | } | ||
| − | #sideMenu, | + | #sideMenu, #top_title { |
| − | + | ||
display: none; | display: none; | ||
} | } | ||
| Line 148: | Line 147: | ||
} | } | ||
| − | blockquote:before, | + | blockquote:before,blockquote:after,q:before,q:after { |
| − | + | ||
| − | + | ||
| − | + | ||
content: ''; | content: ''; | ||
content: none; | content: none; | ||
| Line 162: | Line 158: | ||
/* -------------------------------- 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 198: | Line 192: | ||
} | } | ||
| − | a:hover, | + | a:hover,a:visited { |
| − | + | ||
color: white; | color: white; | ||
} | } | ||
| Line 218: | Line 211: | ||
/* -------------------------------- Main components -------------------------------- */ | /* -------------------------------- Main components -------------------------------- */ | ||
| − | html, | + | html,body { |
| − | + | ||
height: 100%; | height: 100%; | ||
} | } | ||
| Line 251: | Line 243: | ||
-moz-transition: background-color 0.3s; | -moz-transition: background-color 0.3s; | ||
transition: background-color 0.3s; | transition: background-color 0.3s; | ||
| − | + | ||
-webkit-transform: translate3d(0, 0, 0); | -webkit-transform: translate3d(0, 0, 0); | ||
-moz-transform: translate3d(0, 0, 0); | -moz-transform: translate3d(0, 0, 0); | ||
| Line 259: | Line 251: | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
| − | } | + | } |
| − | .cd-header.is-visible { | + | |
| + | /*.cd-header .is-fixed { | ||
| + | /* when the user scrolls down, we hide the header right above the viewport */ | ||
| + | position: fixed; | ||
| + | top: -80px; | ||
| + | background-color: rgba(2, 23, 37, 0.96); | ||
| + | -webkit-transition: -webkit-transform 0.3s; | ||
| + | -moz-transition: -moz-transform 0.3s; | ||
| + | transition: transform 0.3s; | ||
| + | } */ | ||
| + | .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 */ | ||
-webkit-transform: translate3d(0, 100%, 0); | -webkit-transform: translate3d(0, 100%, 0); | ||
| Line 268: | Line 270: | ||
transform: translate3d(0, 100%, 0); | transform: translate3d(0, 100%, 0); | ||
} | } | ||
| − | .cd-header.menu-is-open { | + | |
| + | .cd-header .menu-is-open { | ||
/* add a background color to the header when the navigation is open */ | /* add a background color to the header when the navigation is open */ | ||
/*菜单打开后最上边那条横杠的颜色*/ | /*菜单打开后最上边那条横杠的颜色*/ | ||
| Line 350: | Line 353: | ||
display: inline-block; | display: inline-block; | ||
position: fixed; | position: fixed; | ||
| − | + | ||
| − | + | ||
bottom: auto; | bottom: auto; | ||
right: auto; | right: auto; | ||
| Line 548: | Line 550: | ||
background-position: -132px 0; | background-position: -132px 0; | ||
} | } | ||
| − | + | .cd-primary-nav.is-visible { | |
| − | + | ||
-webkit-transform: translateY(0); | -webkit-transform: translateY(0); | ||
-moz-transform: translateY(0); | -moz-transform: translateY(0); | ||
| Line 556: | Line 557: | ||
transform: translateY(0); | transform: translateY(0); | ||
} | } | ||
| + | |||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
| Line 634: | Line 636: | ||
} | } | ||
</style> | </style> | ||
| − | |||
| − | |||
| − | |||
</head> | </head> | ||
| Line 658: | Line 657: | ||
<li class="cd-label">About Us</li> | <li class="cd-label">About Us</li> | ||
| − | <li><a href=" | + | <li><a href="#0">Our Projects</a></li> |
<li><a href="#0">Team Information</a></li> | <li><a href="#0">Team Information</a></li> | ||
| Line 666: | Line 665: | ||
<li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li> | <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li> | ||
<li><a href="#0">Model</a></li> | <li><a href="#0">Model</a></li> | ||
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/ | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Medal">Medal</a></li> |
<li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li> | <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li> | ||
| Line 682: | Line 681: | ||
</div> | </div> | ||
</main> | </main> | ||
| + | <!-- <script src="js/jquery-2.1.0.min.js"></script> | ||
| + | <script src="js/main.js"></script> --> | ||
<script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script> | ||
Revision as of 02:35, 14 October 2019