Максим Червонный (fiskus_boulder) wrote in changelog,
Максим Червонный
fiskus_boulder
changelog

[ljcom] r11261: LJSUP-10444: New Style - tasty food

Committer: mchervonniy
LJSUP-10444: New Style - tasty food
A   trunk/htdocs/stc/understroke/
A   trunk/htdocs/stc/understroke/s/
A   trunk/htdocs/stc/understroke/s/tasty-food.css
Added: trunk/htdocs/stc/understroke/s/tasty-food.css
===================================================================
--- trunk/htdocs/stc/understroke/s/tasty-food.css	                        (rev 0)
+++ trunk/htdocs/stc/understroke/s/tasty-food.css	2011-12-14 10:32:47 UTC (rev 11261)
@@ -0,0 +1,338 @@
+BODY {
+	margin: 0;
+	font: 62.5%/140% Arial, sans-serif;
+	background: url(/understroke/i/bg.jpg) repeat 0 0;
+	}
+	#Page {
+		background: url(/understroke/i/naturmort.jpg) no-repeat 50% 0;
+		}
+		.layout {
+			background: url(/understroke/i/gradient.png) repeat-x 50% 0;
+			}
+			.layout-inner {
+				padding: 0 40px 0 80px;
+				width: 896px;
+				margin: auto;
+				overflow: hidden;
+				}
+
+/*
+ * Can't implement these because need to create it by javascript for IEs
+ *
+HEADER,
+HGROUP,
+SECTION,
+ARTICLE,
+ASIDE {
+	display: block;
+	}
+*/
+
+A {
+	color: #1E4146;
+	text-decoration: none;
+	}
+A:hover {
+	color: #900;
+	text-decoration: underline;
+	}
+
+.header {
+	height: 300px;
+	margin: 0 0 25px;
+	position: relative;
+	}
+	.header .title {
+		margin: 0 0 5px;
+		padding: 17px 0 0;
+		font-size: 2.4em;
+		line-height: 100%;
+		color: #FFF;
+		font-weight: normal;
+		}
+		.header .sub-title {
+			margin: 5px 0;
+			font-size: 2.2em;
+			line-height: 100%;
+			color: #FFF;
+			font-weight: normal;
+			}
+	.sub-nav {
+		position: absolute;
+		right: 10px;
+		top: 22px;
+		}
+		.sub-nav UL {
+			margin: 0;
+			padding: 0;
+			}
+			.sub-nav LI {
+				display: inline;
+				padding: 0 7px 0 0;
+				}
+				.sub-nav A {
+					color: #FFBC55;
+					font-size: 1.3em;
+					text-decoration: underline;
+					}
+				.sub-nav A:hover {
+					text-decoration: none;
+					}
+				.sub-nav IMG {
+					vertical-align: middle;
+					margin: 0 8px 0 0;
+					}
+
+.posts {
+	float: left;
+	width: 536px;
+	padding: 0 0 105px;
+	}
+.post {
+	display: block;
+	padding: 0 0 47px;
+	background: url(/understroke/i/hr.png) repeat-x 50% 100%;
+	}
+	.post-title {
+		font-size: 2.4em;
+		line-height: 120%;
+		margin: 6px 0 4px;
+		color: #1E4146;
+		}
+	.pubdate {
+		margin: 4px 0 0;
+		font-size: 1.1em;
+		line-height: 140%;
+		}
+	.post-body {
+		font-size: 1.35em;
+		line-height: 160%;
+		margin: 12px 0;
+		}
+		.post-body P {
+			margin: 12px 0;
+			}
+	.post-body IMG {
+		background-color: #E4DECB;
+		padding: 10px;
+		margin: 12px 0;
+		}
+	.post-menu UL,
+	.post-feedback UL {
+		padding: 0;
+		margin: 23px 0;
+		}
+	.post-feedback UL {
+		text-align: right;
+		overflow: hidden;
+		}
+	.post-menu LI,
+	.post-feedback LI {
+		display: inline;
+		font-size: 1.35em;
+		line-height: 140%;
+		}
+	.post-menu LI {
+		margin: 0 5px 0 0;
+		}
+	.post-menu LI:after {
+		content: "|";
+		color: #1E4146;
+		}
+	.post-menu LI:last-child:after {
+		content: "";
+		}
+	.post-comments {
+		float: left;
+		}
+	.post-menu A,
+	.post-feedback A {
+		margin: 0 5px 0 0;
+		text-decoration: underline;
+		}
+	.post-menu A:hover,
+	.post-feedback A:hover {
+		text-decoration: none;
+		}
+	.post-feedback A {
+		margin: 0;
+		}
+
+.pagination UL {
+	margin: 23px 0;
+	padding: 0;
+	text-align: center;
+	}
+	.pagination LI {
+		display: inline;
+		font-size: 1.35em;
+		line-height: 140%;
+		margin: 0 2px;
+		}
+	.pagination .item-prev {
+		float: left;
+		margin: 0;
+		}
+	.pagination .item-next {
+		float: right;
+		margin: 0;
+		}
+		.pagination .item-prev A,
+		.pagination .item-next A {
+			text-decoration: underline;
+			}
+		.pagination .item-prev A:hover,
+		.pagination .item-next A:hover {
+			text-decoration: none;
+			}
+
+.sidebar {
+	float: left;
+	margin: 0 0 0 30px;
+	width: 302px;
+	padding: 8px 18px 0 10px;
+	}
+	.sidebar-block {
+		margin: 0 0 22px;
+		}
+		.sidebar-block-title {
+			margin: 0;
+			font-size: 2.4em;
+			line-height: 140%;
+			color: #1E4146;
+			}
+		.sidebar-block UL {
+			margin: 0;
+			padding: 0;
+			list-style: none;
+			}
+			.sidebar-block LI {
+				font-size: 1.3em;
+				line-height: 150%;
+				margin: 4px 0;
+				}
+
+.blog-info {
+	border: 1px solid #BBB79F;
+	padding: 10px 10px 6px;
+	position: relative;
+	margin-left: -10px;
+	overflow: hidden;
+	}
+.blog-info-body {
+	padding: 0 0 0 130px;
+	}
+	.blog-info .userpic {
+		float: left;
+		background-color: #E4DECB;
+		padding: 10px;
+		}
+	.blog-info .username {
+		font-size: 1.3em;
+		line-height: 140%;
+		}
+	.blog-info .menu UL {
+		padding: 0;
+		margin: 10px 0 0;
+		}
+		.blog-info .menu LI {
+			list-style: none;
+			margin: 2px 0;
+			font-size: 1.3em;
+			line-height: 140%;
+			}
+
+.tags-cloud LI {
+	margin: 3px 10px 3px 0;
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	vertical-align: middle;
+	}
+.tags-cloud A {
+	line-height: 1em;
+	*line-height: 1.18em;
+	}
+
+.powered {
+	font-size: 1.1em;
+	line-height: 140%;
+	text-align: center;
+	}
+
+#comments {
+	font-size: 1.2em;
+	line-height: 140%;
+	position: relative;
+	margin: 0 -20px;
+	*zoom: 1;
+	}
+.comments-links {
+	font-size: 1.1em;
+	margin: 23px 0;
+	text-align: center;
+	}
+.comment-wrap {
+	font-size: 1.1em;
+	background-color: #E4DECB;
+	border: 1px solid #BBB79F;
+	margin: 1px 0;
+	}
+	.comment-partial,
+	.comment-head,
+	.comment-text,
+	.comment-menu {
+		padding: 10px 20px;
+		}
+	.comment-menu {
+		background-color: #CCC6AA;
+		}
+
+.cals-wrap H2 {
+	font-size: 2.4em;
+	line-height: 120%;
+	margin: 6px 0 4px;
+	color: #1E4146;
+	}
+.cals-wrap .years {
+	padding: 0;
+	margin-left: 0;
+	}
+.cals-wrap .years LI {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	}
+.cals-wrap .c {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	margin: 0 10px 10px 0;
+	*margin: 0 6px 10px 0;
+	vertical-align: top;
+	}
+	.cal-wrap TABLE {
+		border-collapse: collapse;
+		}
+	.cals-wrap .years LI,
+	.cal-wrap CAPTION,
+	.cal-wrap TH,
+	.cal-wrap TD {
+		padding: 10px;
+		font-size: 13px;
+		border: 1px solid #BBB79F;
+		background-color: #E4DECB;
+		}
+	.cal-wrap TH {
+		background-color: #CCC6AA;
+		font-weight: normal;
+		}
+	.cal-wrap CAPTION {
+		font-weight: normal;
+		}
+	.cal-wrap A {
+		text-decoration: underline;
+		}
+	.cal-wrap A:hover {
+		text-decoration: none;
+		}

Tags: css, fiskus_boulder, ljcom, mchervonniy
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments