Октябрь | 2018 | Русская Культура

.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: '';
        }
    }
}

Ежемесячные Архивы: Октябрь 2018

Богочеловечество

Апокалиптика

Антихрист

Космос русского самосознания: от автора

Тигрий Бажакин

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

Александр Секацкий. Идея чистого созерцания. Лекция, прочитанная пингвинам, Антарктида, 22 марта...

Третий лингвистический поворот

Олег Охапкин Сюзанне Масси: Песня о побережье

Искусство Великой Княгини Ольги Александровны

Музыкальные юбилеи

Александр Марков. О свободе, бронзе и стойкости