Committer: mchervonniy
LJSUP-10444: New Style - tasty foodA 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;
+ }