"REX Tiny templater" (поиск в гугл включая кавычки).
Один знакомый подсказал что вроде бы нельзя подключать несколько CSS, это правда?Кроме официальной документации никого не слушайте и ни у кого не спрашивайте ни советов ни подсказок!
.photo__labels {
position: absolute;
top: 0;
left: 10px;
z-index: 1;
zoom: 1;
}
.photo__captions::before {
content: '';
position: absolute;
left: 0;
top: -15px;
height: 15px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .3)));
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
}
.photo__captions {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 0 15px 15px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .8)));
background: linear-gradient(rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .8) 100%);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}.cell:nth-child(odd) { background:#CCC; }
.cell:nth-child(even) { background:#555; }
<body>
<div class="field">
<div class="cell">1</div>
<div class="cell">2</div>
<div class="cell">3</div>
<div class="cell">4</div>
<div class="cell">5</div>
<div class="cell">6</div>
<div class="cell">7</div>
<div class="cell">8</div>
<div class="cell">9</div>
<div class="cell">10</div>
<div class="cell">11</div>
<div class="cell">12</div>
<div class="cell">13</div>
<div class="cell">14</div>
<div class="cell">15</div>
<div class="cell">16</div>
<div class="cell">17</div>
<div class="cell">18</div>
<div class="cell">19</div>
<div class="cell">20</div>
<div class="cell">21</div>
<div class="cell">22</div>
<div class="cell">23</div>
<div class="cell">24</div>
<div class="cell">25</div>
</div>
</body>.cell:nth-child(2n), .cell:nth-child(n+5) {background:#CCC;}
.cell, .cell:nth-child(2n+6), .cell:nth-child(n+8) {background:#555;}
.cell:nth-child(2n+10), .cell:nth-child(n+12) {background:#CCC;}
.cell:nth-child(2n+14) {background:#555;}