ОСТРОВА СЛОВЕСНОСТИ

.text-news
.block-title>span
{
    font-size: 30px;
    padding:15px 15px;
}
.video-fonts
{
    font-family: Oswald;
}
.arche {
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    /*display: inline;*/
}

li {
    float: left;
}
.bigbro {
    background-color: #333;
}
.centbox {
    display: table;
	margin: 0 auto;
	/*background-color: #333;*/
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
}
.zgl{
    margin-top:-25px;
}
.zgl2{
    padding-top:-20px;
}

.bk-shelf-css
{
//Colors

@color1: #d1d8de; //top surface
@color2: #596c7c; //front edge
@color3: #ffffff; //page color

//Mixins

.box-shadow (@shadow1, @shadow2: transparent 0 0 0, @shadow3: transparent 0 0 0, @shadow4: transparent 0 0 0, @shadow5: transparent 0 0 0, @shadow6: transparent 0 0 0) {
    -webkit-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
  	-moz-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
		box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
}

.4-color-gradient (@colorStart, @colorStop1, @colorStop2, @colorEnd, @position1: 0%, @position2: 50%, @position3: 50%, @position4: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*FF3.6+ */
		background-image: -webkit-gradient(linear, @oldangle1, @oldangle2, color-stop(@position1,@colorStart), color-stop(@position2, @colorStop1), color-stop(@position3,@colorStop2), color-stop(@position4,@colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4);/* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.2-color-gradient (@colorStart, @colorEnd, @position1: 0%, @position2: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*FF3.6+ */
		background-image: -webkit-gradient(@angle, @oldangle1, @oldangle2, color-stop(@position1, @colorStart), color-stop(@position2, @colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.transform (@transform) {
		-webkit-transform: @transform;
		-moz-transform: @transform;
		-ms-transform: @transform;
		-o-transform: @transform;
}

//CSS

.shelf {
		display: block;
		position: relative;
		width: 60%;
		height: 20px;
  	margin: 0px auto 0;
//LESS Mixins
		.2-color-gradient (@color1, lighten(@color1, 10%), 0%, 100%);
		.box-shadow (0 2px 2px lighten(@color2, 10%), 0 4px 0 lighten(@color2, 30%), 0 20px 30px -8px #000000);
}

.bookend_left {
		display: block;
		position: absolute;
		left: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(35deg));
}

.bookend_left:before {
		position: absolute;
		top: 31px;
		left: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right {
		display: block;
		position: absolute;
		right: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right:before {
		position: absolute;
		top: 31px;
		right: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(35deg));
}

.shelf .reflection {
		display: block;
		position: absolute;
		top: 20px;
		left: 1px;
		width: 99.8%;
		height: 1px;
//LESS Mixins
		.4-color-gradient (rgba(255,255,255,1.0), rgba(255,255,255,0.5), rgba(255,255,255,1.0), rgba(255,255,255,0.7), 0%, 35%, 65%, 100%, 0deg, left top, right top);
}

h3{
    margin: 10;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:50px
	margin: 0 10 100 100;
	position:absolute;
}

.book{
    float:center;
    text-align:center;
    padding-top:10px;
}
}//bk-shelf-css end

.book-cover-bk {
    margin: 10px;
    img {
	margin:10px;
	padding:0;
	height:250px;
	width:180px;
	padding: 20px;
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	float:left;
}
    p {
        display:block;
        margin-left: 200px;
        padding-left: 50px;
        font-family: Oswald;
        font-size: 25px;
        padding-top: 35px;
        line-height: 25px;
    }
    @media only screen and (max-width: 600px) {

p { font-size: 1.2em; 
            margin-left: 120px;
        padding-left: 35px;
        }
        img {
	margin:10px;
	margin-top: 30px;
	padding:0;
	height:200px;
	width:130px;
	padding: 10px;
	box-shadow:10px 20px 30px rgba(0,0,0,0.25);
	float:left;
}

}
    .polka {
        width: 800dp;
        overflow: hidden;
        height: 300px;
        border-top: 2px solid;
    }
    a:hover {
        background-color:#332200;
    }
    br {
        margin:7px 0;
        display: block;
        line-height: 25px;
        content: " ";
    }
}//book-cover-bk end

//CSS-book-list-start
.booklist{
    
    * {margin: 0; padding: 0;}
 
div {
  margin: 20px;
}
 
ul {
  list-style-type: none;
  width: 500px;
}
 
h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}
 
li img {
  float: left;
  margin: 0 15px 0 0;
}
 
li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}
 
li {
  padding: 10px;
  overflow: auto;
}
 
li:hover {
  background: #eee;
  cursor: pointer;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:0px;
	margin: 10 10 100 100;
	position:relative;
}

}//Book-list-end

//authorpage - start
.authorpage40 {
.full-article-footer {
    border-top: 0px solid #E0DFDB;
}

.article-footer {
    padding: 20px 10px 10px 10px;
    min-height: 115px;
    display:table;
}

.avatar-module {
    display: table-cell; 
    vertical-align: middle;
}

.avatar-module img {
    border-radius: 50%!important;
    height: 200px;
    width: 200px;
    float: left;
    margin:50px 20px 20px 20px;
}

.avatar-logo img {
    border-radius: 50%!important;
    height: 60px;
    width: 60px;
    float: left;
    margin:0px 10px 0px 10px;
    border: 1px solid;
}

.article-footer p {
    line-height:1.5em;
    padding-left:15px;
}

a.author-link {
    font-size:25px;
    line-height:2em;
    color:#617a3a;
    text-decoration:none;
}

a.author-link:hover {
    color:#000000;
    text-decoration:none;
}

@media (max-width:750px) {
.article-footer {
display:inherit;
margin:0px;
}

.avatar-module {
display:inherit; 
vertical-align: none;
}

.avatar-module img {
margin-left: auto;
margin-right: auto;
display: block;
float:none;
margin-top:0px;
}

.article-footer p {
text-align:center;
padding-left:0px;
}
}
    
}
//authorpage - end

//two-col
.twocol{
    
    .wrapper {
        display: grid;
        grid-gap: 5px;
        //grid-template-columns: repeat(4, [col] 350px ) ;
        grid-template-columns: repeat(2, 507px);
        grid-template-rows: auto, auto;
        background-color: #fff;
        color: #fff;
    }

.box {
        background-color: #fff;
        color: #fff;
        border-radius: 0px;
        padding: 15px;
        font-size: 150%;

}

.box .box {
        background-color: #ccc;
        color: #fff;
    }
    
}
//twocol end

Валерий Ганский. Надя Х. и О. М.

Георгий Куликов. «Христианин-заочник» Иосиф Бродский

ОСТРОВА СЛОВЕСНОСТИ

Марко Саббатини. Татьяна Викторова. Из русской поэзии XXI века: на новом...

Ида Андреева. Десять историй из жизни Юрия Рытхэу (к 90-летию со...

Лев Друскин. Стихи разных лет

Татьяна Ковалькова. О памяти, свернувшейся в передней…

Григорий Беневич. О стихах «Бабки Лидки»

Вячеслав Овсянников. Всадник. О Викторе Сocнope

Ольга Щербинина. Сор жизни и Раскаленный сон. Параллели и вертикали творчества

Татьяна Андреева. От словесности к стиху, или – зрелость сердца

Ида Андреева. Сохранить дом-музей русской литературы Тхюи Тоана!

Игорь Бритов. О продвижении вьетнамской художественной литературы в России

Аннелиза Аллева. Характеры

Вячеслав Овсянников. О звуках

Алексей Филимонов. «Семь светильников» Александра Блока. Христианская символика в поэме «Двенадцать»

Александр Завьялов. Серебряная сказка одиночеств

Капитолина Кокшенева. Больно жить. Памяти Олега Павлова (16 марта 1970, Москва...

Алексей Филимонов. Арлекины играют в футбол. Автокомментарии к переводам английских стихотворений...

Ирина Плеханова. Валентин Распутин – поэт

Андрей Анпилов. Живое чувствует душа

Наталия Ковалева. Потерянный Рай

Сергей Гонцов. Как если колесу дан ровный ход… На Родосе великолепном

Ольга Щербинина. Волшебные истории (современные были, былички, предания, легенды)

Ольга Щербинина. Балалаечка играет… Припевки, присловья, частушки. Часть 2

Ольга Щербинина. Балалаечка играет… Припевки, присловья, частушки. Часть 1

Кирилл Померанцев. Восьмой день. Дневник Михаила (глава из романа)