rework some styles related to three panel mode

[tt-rss.git] / css / zoom.less

body.ttrss_zoom {
	margin-left : auto;
	margin-right : auto;
	padding : 20px;
	max-width : 800px;
	background : #f5f5f5;

	div.header {
		margin : 10px;
		padding-bottom : 10px;
		border: 0px solid #eee;
		border-bottom-width: 1px;
		background : white;
		font-size : 12px;
		color : #555;

		.author {
			font-size : 11px;
		}

		div.feed-title {
			float : left;
			text-align : right;
		}

		a.postComments {
			text-align : right;
		}

		div.date {
			float : none;
			text-align : right;
			margin-bottom : 5px;
		}

		div.postTags {

		}

		div.postTags img {
			vertical-align : middle;
		}

		div.postTitle {
			white-space : normal;
			font-size : 16px;
			margin-bottom : 5px;
		}

	}
	
	p {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	div.post {
		border : 1px solid #ddd;
		background : white;
		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
	}

	div.footer {
		margin-top : 1em;
		text-align : center;
	}


	div.content {
		font-size : 15px;
		line-height : 1.5;
		padding : 10px;

		img, video {
			max-width : 760px;
			height : auto;
		}

		blockquote {
			margin : 5px 0px 5px 0px;
			color : @default-text;
			padding-left : 10px;
			border: 0px solid #ccc;
			border-left-width: 4px;
		}

		code {
			color : #009900;
			font-family : monospace;
			font-size : 12px;
		}

		pre {
			margin : 5px 0px 5px 0px;
			padding : 10px;
			color : @default-text;
			font-family : monospace;
			font-size : 12px;
			border: 0px solid #ccc;
			background : #f5f5f5;
			display : block;
			max-width : 98%;
			overflow : auto;
		}
	}
}