Рубрики
ГРАНИ МИНУВШЕГО
БЕРЕГ ИСКУССТВ
ФИЛОСОФСКИЙ ПАРОХОД
ГОСТИНАЯ
КУЛЬТУРНЫЙ АРХИВ
ОСТРОВА СЛОВЕСНОСТИ
Проекты
ОХАПКИНСКИЕ ЧТЕНИЯ
РОМАНОВЫ В ЭМИГРАЦИИ
Центр биографических исследований «АЙТИЯ»
ОПЫТЫ ЛИНГВИСТИЧЕСКОЙ АНТРОПОЛОГИИ
Текст дня
Русский язык и образ мира
Социальный дизайн
КОСМОС РУССКОГО САМОСОЗНАНИЯ
ЖЕНЩИНЫ РУССКОЙ ЭМИГРАЦИИ
Авторские страницы
Татьяна Ковалькова
Ольга Никитина
Русский некрополь
Путевой дневник
Дмитрий Михалевский
Надежда Рогожина
Посиделкино
Сказки
Друзья сказки
Реплика
Архив Альманаха
Библиотека
Поиск
О проекте
Контакты
Форум
Русская Культура
Рубрики
ГРАНИ МИНУВШЕГО
БЕРЕГ ИСКУССТВ
ФИЛОСОФСКИЙ ПАРОХОД
ГОСТИНАЯ
КУЛЬТУРНЫЙ АРХИВ
ОСТРОВА СЛОВЕСНОСТИ
Проекты
ОХАПКИНСКИЕ ЧТЕНИЯ
РОМАНОВЫ В ЭМИГРАЦИИ
Центр биографических исследований «АЙТИЯ»
ОПЫТЫ ЛИНГВИСТИЧЕСКОЙ АНТРОПОЛОГИИ
Текст дня
Русский язык и образ мира
Социальный дизайн
КОСМОС РУССКОГО САМОСОЗНАНИЯ
ЖЕНЩИНЫ РУССКОЙ ЭМИГРАЦИИ
Авторские страницы
Татьяна Ковалькова
Ольга Никитина
Русский некрополь
Путевой дневник
Дмитрий Михалевский
Надежда Рогожина
Посиделкино
Сказки
Друзья сказки
Реплика
Архив Альманаха
Библиотека
Dmitry
9 ПУБЛИКАЦИИ
0 КОММЕНТАРИИ
Всемирный философский конгресс в Пекине
Презентация в Гатчине
Космос русского самосознания: от автора
Цикл познавательных мероприятий ФСТиГ СПБГЭУ. Пост-релиз.
Презентация книги Кирилла Померанцева «Оправдание поражения»
Рыцарь искусства. Памяти Михаила Германа
Галина Синкевич. Рецензия на книгу
Андрей Столяров. Битва в пути. О героическом архетипе в русском национальном...
Александр Марков. ОХАПКИН и ШВАРЦМАН: живописность любви
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; padding: 20px; box-shadow:10px 20px 50px rgba(0,0,0,0.25); } }//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: 1px 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; } .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