Difference between revisions of "Team:OUC-China/css/affix"
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
| − | #myNav{width:250px | + | #myNav{width:250px;} |
#myNav li{width:250px;} | #myNav li{width:250px;} | ||
} | } | ||
| Line 11: | Line 8: | ||
margin-top: 120px; | margin-top: 120px; | ||
margin-left: 10px; | margin-left: 10px; | ||
| + | width:200px; | ||
border:0; | border:0; | ||
border-radius:0px; | border-radius:0px; | ||
| Line 20: | Line 18: | ||
border:0; | border:0; | ||
list-style:none; | list-style:none; | ||
| + | width:200px; | ||
} | } | ||
#myNav li:first-child{ | #myNav li:first-child{ | ||
| Line 36: | Line 35: | ||
} | } | ||
#myNav{ | #myNav{ | ||
| − | + | top: 10px; /* Set the top position of pinned element */ | |
} | } | ||
#BtnTop{position:fixed;top:85%;left:94%;z-index:2147483646;width:60px;height:60px;display:none;cursor:pointer; | #BtnTop{position:fixed;top:85%;left:94%;z-index:2147483646;width:60px;height:60px;display:none;cursor:pointer; | ||
Latest revision as of 03:48, 11 November 2016
@media (min-width: 1200px) { #myNav{width:250px;} #myNav li{width:250px;} }
#myNav{ margin-top: 120px; margin-left: 10px; width:200px; border:0; border-radius:0px; height:30px; font-family:Georgia; } #myNav li{ margin-top:10px; border:0; list-style:none; width:200px; } #myNav li:first-child{ border:0;border-top: none; } #myNav li a{ border:0; margin: 0; padding: 8px 0px; font-size:20px; text-decoration:none; color:black; } #myNav li.active a, #myNav li a:hover{ color:#3399ff; } #myNav{ top: 10px; /* Set the top position of pinned element */ } #BtnTop{position:fixed;top:85%;left:94%;z-index:2147483646;width:60px;height:60px;display:none;cursor:pointer; animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s; -o-animation:myfirst 5s; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-timing-function: linear; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; }
@keyframes myfirst { from {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} to {transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} }
@-moz-keyframes myfirst { from {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} to {transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} }
@-webkit-keyframes myfirst { from {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} to {transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} }
@-o-keyframes myfirst { from {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} to {transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } }
p{text-align: justify;}
