78 lines
2.2 KiB
SCSS
78 lines
2.2 KiB
SCSS
.gallery-item {
|
|
display: flex;
|
|
flex-flow: column;
|
|
background: white;
|
|
box-shadow: 5px 5px 10px 0px #e0e0e0;
|
|
}
|
|
|
|
.gallery-item-wide {
|
|
display: grid;
|
|
grid: "img details" 200px
|
|
"stats details" auto/311px auto;
|
|
width:100%;
|
|
background: white;
|
|
box-shadow: 5px 5px 10px 0px #e0e0e0;
|
|
}
|
|
|
|
.gallery-item-wide .gallery-item-img{
|
|
grid-area: img;
|
|
}
|
|
.gallery-item-wide .gallery-item-global-stats {
|
|
grid-area: stats;
|
|
}
|
|
.gallery-item-wide .gallery-item-details{
|
|
grid-area: details;
|
|
}
|
|
|
|
|
|
.gallery-item a {
|
|
align-self: center;
|
|
}
|
|
|
|
.gallery-item .fieldValue{
|
|
word-break: break-all;
|
|
}
|
|
|
|
.gallery-item-big-image-container{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1; /*make sure it is above the gallery-item-plotType images*/
|
|
}
|
|
.gallery-item-big-image-close{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.gallery-item-plotType {
|
|
background-image: url(/assets/img/pointTypes.png);
|
|
width: 9px;
|
|
height: 7px;
|
|
transform: scale(1.5);
|
|
}
|
|
|
|
.gallery-item-plotType_0 {background-position-x: 0px;}
|
|
.gallery-item-plotType_1 {background-position-x: -10px;}
|
|
.gallery-item-plotType_2 {background-position-x: -20px;}
|
|
.gallery-item-plotType_3 {background-position-x: -30px;}
|
|
.gallery-item-plotType_4 {background-position-x: -40px;}
|
|
.gallery-item-plotType_5 {background-position-x: -50px;}
|
|
.gallery-item-plotType_6 {background-position-x: -60px;}
|
|
.gallery-item-plotType_7 {background-position-x: -70px;}
|
|
.gallery-item-plotType_8 {background-position-x: -80px;}
|
|
.gallery-item-plotType_9 {background-position-x: -90px;}
|
|
.gallery-item-plotType_10 {background-position-x:-100px;}
|
|
.gallery-item-plotType_11 {background-position-x:-110px;}
|
|
.gallery-item-plotType_12 {background-position-x:-120px;}
|
|
|
|
.gallery-item-plotType_0051c2 {background-position-y: 0px;}
|
|
.gallery-item-plotType_bf8300 {background-position-y: -8px;}
|
|
.gallery-item-plotType_9400d3 {background-position-y: -16px;}
|
|
.gallery-item-plotType_00c254 {background-position-y: -24px;}
|
|
.gallery-item-plotType_e6e600 {background-position-y: -32px;}
|
|
.gallery-item-plotType_e51e10 {background-position-y: -40px;}
|
|
.gallery-item-plotType_57a1c2 {background-position-y: -48px;}
|
|
.gallery-item-plotType_bd36c2 {background-position-y: -56px;}
|
|
|