Рубрики
ГРАНИ МИНУВШЕГО
БЕРЕГ ИСКУССТВ
ФИЛОСОФСКИЙ ПАРОХОД
ГОСТИНАЯ
КУЛЬТУРНЫЙ АРХИВ
ОСТРОВА СЛОВЕСНОСТИ
СОБЫТИЯ
Проекты
ОХАПКИНСКИЕ ЧТЕНИЯ
РОМАНОВЫ В ЭМИГРАЦИИ
ОПЫТЫ ЛИНГВИСТИЧЕСКОЙ АНТРОПОЛОГИИ
Текст дня
Русский язык и образ мира
Социальный дизайн
КОСМОС РУССКОГО САМОСОЗНАНИЯ
ЖЕНЩИНЫ РУССКОЙ ЭМИГРАЦИИ
БРОНЗОВЫЙ ВЕК РУССКОЙ ЛИТЕРАТУРЫ
Авторские страницы
Дмитрий Михалевский
Фестиваль
Проза
Поэзия
Научная работа
Жанна Сизова
Рецензии
Стихи
Надежда Рогожина
Посиделкино
Друзья сказки
Реплика
Сказки
Ольга Никитина
Путевой дневник
Русский некрополь
Ольга Щербинина
Архив Альманаха
Библиотека
Поиск
О проекте
Контакты
Форум
Русская Культура
Рубрики
ГРАНИ МИНУВШЕГО
БЕРЕГ ИСКУССТВ
ФИЛОСОФСКИЙ ПАРОХОД
ГОСТИНАЯ
КУЛЬТУРНЫЙ АРХИВ
ОСТРОВА СЛОВЕСНОСТИ
СОБЫТИЯ
Проекты
ОХАПКИНСКИЕ ЧТЕНИЯ
РОМАНОВЫ В ЭМИГРАЦИИ
ОПЫТЫ ЛИНГВИСТИЧЕСКОЙ АНТРОПОЛОГИИ
Текст дня
Русский язык и образ мира
Социальный дизайн
КОСМОС РУССКОГО САМОСОЗНАНИЯ
ЖЕНЩИНЫ РУССКОЙ ЭМИГРАЦИИ
БРОНЗОВЫЙ ВЕК РУССКОЙ ЛИТЕРАТУРЫ
Авторские страницы
Дмитрий Михалевский
Фестиваль
Проза
Поэзия
Научная работа
Жанна Сизова
Рецензии
Стихи
Надежда Рогожина
Посиделкино
Друзья сказки
Реплика
Сказки
Ольга Никитина
Путевой дневник
Русский некрополь
Ольга Щербинина
Архив Альманаха
Библиотека
Ольга Щербинина
Метаморфозы Старухи
Простить… (рассказ)
Ольга Щербинина
Паломничество на Весёлых горах
Версии
Скрижали
Из чего растут стихи. (Символы русской поэзии и фольклора)
Община Додо
Два рассказа
Пуля во мраке
Розы и женщины глазами Гийома Аполлинера
Вечная жизнь. Новый взгляд?..
Версии
Старый быт не забыт
Жан Кокто: «Лицо» и «изнанка»
Иосиф Бродский: Венеция как отблеск Петербурга
Роковая рогожа и поволока искусства
Новый Эрос и тело Человечества
Прибежище поэтических снов…
На заре истории. Загадки вечных символов
Мятежный гений. Часть 3
Марина Цветаева: «Была ль любовь?»
Мятежный гений. Часть 2
Мятежный гений. Часть 1
Один (рассказ)
Потусторонний мир в сказах Бажова и мировом фольклоре
Дева из колодца
Третий пол. Часть 2
Третий пол. Часть 1
Осип Мандельштам. Мёд и пепел поэзии. Часть 2
Жаль мне этого веселья…
В Ленинграде
Осип Мандельштам. Мёд и пепел Поэзии. Часть 1
Искусственный интеллект и свобода воли
Шестидесятники
Парадоксальная вселенная Александра Введенского
«Милый мой, ты у меня в груди»
Дмитрий Балашов: быть русским
Хармс. Время наоборот
Страх. Документальная повесть
«Долой стыд!» и Страшный суд
Пауль Целан: не у ворот пришелец…
Ольга Щербинина. Волшебные истории (современные были, былички, предания, легенды)
Ольга Щербинина. Балалаечка играет… Припевки, присловья, частушки. Часть 2
Ольга Щербинина. Балалаечка играет… Припевки, присловья, частушки. Часть 1
Загрузить больше
Edit with Live CSS
.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 .bod { padding: 20px; } .auth-list { padding: 0; & > * { display: inline; &:after { content: ','; } &:last-child:after { content: ''; } } }