mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-13 04:53:26 +00:00
96 lines
1.4 KiB
SCSS
96 lines
1.4 KiB
SCSS
$iconsPath: '../../../assets/common/images/icons/';
|
|
|
|
ul.image_set{
|
|
padding:0;
|
|
margin:0;
|
|
border:none;
|
|
width:100%;
|
|
border:none;
|
|
list-style-type: none;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
li.image_box a img{
|
|
position:relative;
|
|
border:none;
|
|
width: 100%!important;
|
|
height: auto!important;
|
|
top: 0 !important;
|
|
object-fit: cover;
|
|
|
|
}
|
|
li.image_box a{
|
|
padding:0;
|
|
text-shadow:0;
|
|
margin:0;
|
|
width: 100%;
|
|
}
|
|
li.image_box{
|
|
width: 32%;
|
|
position: relative;
|
|
margin: 0 2% 15px 0;
|
|
padding: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
background: #ededed;
|
|
&:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
.thumb_wrapper {
|
|
background: #ededed;
|
|
width: 100%!important;
|
|
height: 100%!important;
|
|
}
|
|
}
|
|
a.no.active_choice{
|
|
background-color:red;
|
|
color: #fff;
|
|
}
|
|
a.active_choice{
|
|
background-color: #53b401;
|
|
color: #fff;
|
|
}
|
|
|
|
.valid_choice{
|
|
position:absolute;
|
|
bottom:0;
|
|
right:0;
|
|
width:16px;
|
|
height:16px;
|
|
z-index:2;
|
|
}
|
|
|
|
.valid_choice.agree{
|
|
background: #7ed321;
|
|
border-top-left-radius: 100px;
|
|
}
|
|
.valid_choice.disagree{
|
|
background: #d0021b;
|
|
border-top-left-radius: 100px;
|
|
}
|
|
|
|
.thumb_wrapper {
|
|
text-align:center;
|
|
}
|
|
|
|
@media screen and (orientation: landscape) {
|
|
|
|
.thumb_wrapper img {
|
|
width: 50%;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (orientation: portrait) {
|
|
|
|
.thumb_wrapper img {
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
.ui-footer .ui-title, .ui-header .ui-title {
|
|
font-size: 18px;
|
|
}
|