You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.2 KiB
71 lines
1.2 KiB
.scroll_to_top{
|
|
float: right;
|
|
border-radius: 50%;
|
|
background-color: #71639e;
|
|
color: white;
|
|
border: none;
|
|
padding: 5px;
|
|
font-size: 21px;
|
|
height: 50px;
|
|
width: 50px;
|
|
box-shadow: 0 2px 4px darkslategray;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
.scroll_icon {
|
|
position: fixed;
|
|
bottom: 30px;
|
|
right: 20px;
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.scroll_to_bottom{
|
|
float: right;
|
|
border-radius: 50%;
|
|
background-color: #71639e;
|
|
color: white;
|
|
border: none;
|
|
padding: 5px;
|
|
font-size: 21px;
|
|
height: 50px;
|
|
width: 50px;
|
|
box-shadow: 0 2px 4px darkslategray;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
.scroll_icon_bottom {
|
|
position: fixed;
|
|
top: 30px;
|
|
right: 20px;
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.scroll_to_bottom:hover, .scroll_to_top:hover {
|
|
box-shadow: 0 0 0 0.5rem rgba(25, 135, 84, 0.25);
|
|
}
|
|
|
|
@media (min-height: 30rem) {
|
|
.scroll_icon_bottom {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-height: 35rem) {
|
|
.scroll_icon_bottom {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (min-height: 30rem) {
|
|
.scroll_icon {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-height: 35rem) {
|
|
.scroll_icon {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (max-width:800px){
|
|
.scroll_icon_bottom, .scroll_icon{
|
|
display:none !important;
|
|
}
|
|
|