О проекте
Контакты
Форум

Русская Культура

Рубрики
Проекты
Авторские страницы
Архив Альманаха
Библиотека

Библиотека портала «Русская культура»

Татьяна Горичева

ОПАСНО ГОВОРИТЬ О БОГЕ

Читать Загрузить

Дмитрий Ивашинцов

МОЛЧАНЬЕ

Читать Загрузить

Михаил Сопин

Сто стихотворений

Читать Загрузить

Ольга Щербинина

Балалаечка играет...
Припевки, присловья, частушки

Читать Загрузить

Ольга Щербинина

Волшебные истории
были, былички, легенды

Читать Загрузить

И. И. Юкина

Русский феминизм как вызов современности

Читать Загрузить

Борис Бьёркелунд

Путешествие в страну всевозможных невозможностей

Читать Загрузить

Мелвар Мелкумян

Обоснование морфоносемики
язык в отличие от речи

Читать Загрузить

Кирилл Померанцев

Оправдание поражения

Читать Загрузить

О.Р. Демидова

Изгнанье как посланье: эстезис и этос русской эмиграции

Читать Загрузить

Л.С. Шишкина-Ярмоленко

ЯЗЫК И ПОЗНАНИЕ
опыт лингвистической антропологии

Читать Загрузить

Олег Охапкин

Любовная лирика

Читать Загрузить

Баяра Арутюнова

Жизнь в письмах
Княгиня Зинаида Волконская и её корреспонденты

Читать Загрузить

Последние публикации

Орфей обернулся. История одной любви
Две встречи с Орфеем и другие рассказы
Агапиос и мистерии
Питьё Диониса. Вакханалия.
Апология Гомера

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

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.