Просмотр архива Закладки online

/* ------------- Контейнер с адаптивными
блоками------------- */
.masonry {
    margin: 1.5em 0;
    padding:
0;
    column-gap: 1.5em; /* Общее расстояние между
колонками */
    font-size: .85em;
    -moz-column-gap: 1.5em; /*
Расстояние между колонками для Firefox */
   
-webkit-column-gap: 1.5em; /* Расстояние между
колонками  для Safari, Chrome и iOS */
}
 
/* Элементы
в виде плиток с содержанием */
.item {
    display:
inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0
1.5em;
    width: 100%;
    box-sizing: border-box; /* Изменения
алгоритма расчета ширины и высоты
элемента.*/
    -moz-box-sizing: border-box; /* Для Firefox */ 

   -webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid
*/ 
    box-shadow: 5px 5px 7px 0 #ccc; /* Внешняя тень
плиток */
    cursor:pointer;
}
 
/* Стили картинок,
видое и фреймов внутри адаптивных плиток
*/
.masonry img, iframe {
max-width: 100%;
height: auto;
display: block;
}


/* Стили ссылок внутри плиток */
.item a
{
text-decoration: none;
color: #359CC6;
margin: 0 10px;
}
 
/* Стили
ссылок при наведении */
.item a:hover {
color: #E88F00;  
 
border-bottom: 1px dotted #9F1D35;
}
 
/* Медиа-запросы
для различных размеров адаптивного
макета */
@media only screen and (min-width: 400px) {
    .masonry {

       -moz-column-count: 2;
        -webkit-column-count: 2;
       
column-count: 2;
    }
}
 
@media only screen and (min-width: 700px) {
   
.masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
 
      column-count: 3;
    }
}
 
@media only screen and (min-width: 900px)
{
    .masonry {
        -moz-column-count: 3;
       
-webkit-column-count: 3;
        column-count: 3;
    }
}
 
@media only
screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count:
3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}


@media only screen and (min-width: 1280px) {
    .wrapper {
        width:
1260px;
    }
}
.masonry_title{
    text-align: center;
    font-weight:
bold;
}
.masonry_action{
    float:right;
    padding-right: 5px;
}