<li class="pseudo-link" id="left">
...
</li>
<li class="pseudo-link" id="middle">
...
</li>
<li class="selected" id="right">
...
</li>
<div class="gr-content js-case_partps-bankruptcy g-hidden" id="gr_case_partps">
...
</div>
<div id="gr_case_judges" class="gr-content g-hidden">
...
</div>
<div id="gr_case_acts" class="gr-content">
...
</div>
table tr:first-child td {
border-top: 1px solid #eee;
}
table tr td {
background: #fff;
}
table tr:first-child td {
border-top: 1px solid #eee;
}
table tr td:last-child {
padding-right: 40px;
}
table tr td div {
width: 100%;
height: 100%;
background: #fceeff;
}
$(window).on('load')
$('все_дочерние_блоки_в_isotope img').imagesLoaded(function () {
стартуем isotope
});
@font-face {
font-family: 'Open Sans';
src: url('/../fonts/OpenSans-Bold.eot');
src: url('/../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('/../fonts/OpenSans-Bold.woff') format('woff'),
url('/../fonts/OpenSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('/../fonts/OpenSans-Regular.eot');
src: url('/../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('/../fonts/OpenSans-Regular.woff') format('woff'),
url('/../fonts/OpenSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
<style>
.item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.item__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.item__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.item__text {
text-align: center;
text-transform: uppercase;
padding: 10px;
}
</style>
<div class="item">
<div class="item__image">
<img src="/some-image.jpg" alt="">
</div>
<div class="item__text">
<span>Some text</span>
</div>
</div>