79 lines
1.0 KiB
CSS
79 lines
1.0 KiB
CSS
img.sticky {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 0;
|
|
width: 400px;
|
|
}
|
|
|
|
.extra-info {
|
|
display: none;
|
|
line-height: 12px;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 500px;
|
|
left: 200px;
|
|
}
|
|
|
|
.extra-info1 {
|
|
display: none;
|
|
line-height: 12px;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 930px;
|
|
left: 200px;
|
|
}
|
|
|
|
.extra-info2 {
|
|
display: none;
|
|
line-height: 12px;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 1350px;
|
|
left: 200px;
|
|
}
|
|
|
|
.extra-info3 {
|
|
display: none;
|
|
line-height: 12px;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 1800px;
|
|
left: 200px;
|
|
}
|
|
|
|
.info:hover .extra-info {
|
|
display: block;
|
|
}
|
|
|
|
.info:hover .extra-info1 {
|
|
display: block;
|
|
}
|
|
|
|
.info:hover .extra-info2 {
|
|
display: block;
|
|
}
|
|
|
|
.info:hover .extra-info3 {
|
|
display: block;
|
|
}
|
|
|
|
.info {
|
|
font-size: 20px;
|
|
padding-left: 5px;
|
|
width: 20px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.info:hover {
|
|
background-color: white;
|
|
padding: 0 0 0 5px;
|
|
width: 315px;
|
|
text-align: left !important;
|
|
}
|
|
|
|
chicken {
|
|
position:absolute;
|
|
left: 100px;
|
|
top: 800px;
|
|
}
|