/* Theme Name: Aesthete Theme URI: http://wordpress.org/extend/themes/aesthete/ Description: Aesthete theme is designed in the renaissance style. It includes portfolio and catalogue functionality and supports threaded comments. Author: Ivan Milaev Author URI: http://vatuma.com Version: 1.0.3 Tags: two-columns,right-sidebar, fixed-width, theme-options,sticky-post, threaded-comments, sticky-post,light, red */ /* Slimbox Plugin, Pagebar, WP-Paginate */ /* CONTENT --------------------------- LAYOUT NAVIGATION LINKS HEADINGS POST COMMENTS IMAGE GALLERY (catalog & portfolio) FOOTER CATALOGUE SIDEBAR PAGINATION */ *{ margin: 0; padding: 0; } body { background: url(img/bg-red.jpg) center -32px; font-size:14px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; color:#3b2821; } /* LAYOUT */ #page, #bodytop { background: url(img/bg-red-top.jpg) repeat-x center top; } #wrapper { margin-left:auto; margin-right:auto; width:922px; padding-bottom:20px; } #header { margin: 0; padding:0px 0 9px 0; } #whitepage { background: url(img/bg-w.jpg) #f8e9cc; margin: 0px 0px 0px 0px; } #whitepagesidebg { background: url(img/bg-lr.gif) repeat-y; } #whitepagetopbg { background: url(img/bg-w-top.jpg) no-repeat top left; } #whitepagebottombg { background: url(img/bg-w-bottom.gif) no-repeat bottom; } #leftcontent { display: inline; margin: 10px 10px 10px 20px; padding: 0 10px 5px 0; width: 651px; float: left; border-right:1px dotted #f5d39a; border-bottom:1px dotted #f5d39a; } #sidebar { float: right; margin: 10px 10px 10px 0px; padding: 0 0 0 5px; width: 215px; display: inline; position: relative; } #rightcontent { float: right; margin: 10px 10px 10px 0px; padding: 0 0 0 10px; width: 661px; display: inline; position: relative; } #leftcolumn { display: inline; margin: 10px 10px 10px 20px; padding: 0px; width: 210px; float: left; } #widecontent { margin: 10px 20px 10px 20px; padding: 0px; width: 882px; } #footer { padding: 10px 10px 10px 20px; margin-top:30px; width: 892px; } div.headerimg { float:left; padding:35px 0 0 15px; width:427px; overflow:hidden; white-space:nowrap; } a.headerimg { display:block; float:left; width:479px; } img.headerimg { display:block; } .headerimg * { padding:0; margin:0; } #header h1, #header h3 { font-size:54px; margin:0; color: #f9eacc; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; text-shadow: 2px 2px 1px #301b05; filter: Shadow(Color=#301b05, Direction=120, Strength=2); font-weight:normal; } #header a { text-decoration:none; color: #f9eacc; } #header .description { color: #f9eacc; font-size:18px; margin-top: -5px; } /* NAVIGATION */ #navdiv { padding: 7px 0 7px 10px; } ul#nav { padding: 0; margin: 0px 0px 0px 7px; list-style-type: none; width: 900px; } ul#nav li { zoom:1; display:inline; float: left; margin: 3px 0px 7px 0px; } ul#nav li a { color: #723419; padding: 0.05em 0.9em 0.1px 0.9em; font-size:22px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; text-decoration: none; } ul#nav li a:hover { color: #ba4a19; } #postpath, #postpath a { font-family:Trebuchet MS, Arial; font-size: 13px; } #postpath a { color:#774a31; } /* LINKS */ a { color:#2b2be7; text-decoration:none; } a:hover { text-decoration:underline; } #pagenavi .newer a, #postnavi .prev a { background:transparent url(img/icons.gif) no-repeat scroll 0 -224px; float:left; height:16px; line-height:16px; padding-left:22px; } #pagenavi .older a, #postnavi .next a { background:transparent url(img/icons.gif) no-repeat scroll 100% -240px; float:right; height:16px; line-height:16px; padding-right:22px; } /* External links a[href^="http://"]:not([href*="site.ru"])::after { content: "\2197"; }*/ /* HEADINGS */ h1,h2,h3, h4, h5, h6 { color: #723419; margin-top:5px; } h1, h2.h1 { font-size:32px; font-weight: normal; margin:10px 0 3px 0; } h2 { font-size:24px; /*border-bottom: 1px solid #b78f6f;*/ margin:5px 0 2px 0; } h3 { font-size:18px; margin:5px 0 0px 0; } h1 a,h2 a,h3 a { color: #723419; } /* POST */ .clear { clear: both;} blockquote, pre { border:1px dotted #dcc4a3; margin:5px 0; background-color:#f2dfbd; } blockquote{ background:#f2dfbd url(img/blockquote.gif) 3px 3px no-repeat; padding:5px 12px 5px 36px; margin:5px 0 5px 20px; } pre { padding:10px 10px 10px 20px; } .post .content { padding:5px 0 5px 5px; overflow:hidden; } .post .info { padding:3px 5px 3px 5px; margin: 2px 0 2px 0; border-bottom: 1px dotted #dac2a3;/*#774a31;*/ border-top: 1px dotted #dac2a3;/*#774a31;*/ background:#f2dfbd url(img/bg-sb.jpg) repeat scroll 0 0; } .post .info span.first { margin-left:0; } .post .date, .post .tags, .post .categories, .post .editpost, .post .readingblinds, .post .comments, .post .addcomment, .post .editlinks { background:url(img/icons.gif) no-repeat; font-family: Trebuchet MS, Arial, sans-serif; padding-left:22px; height:16px; line-height:16px; display:block; font-size:12px; overflow:hidden; } .post .act { height:16px; float:right; } .post .act span { float:left; margin-left:15px; } .post .act span span{ margin-left:0; } .post .tags { background-position:0 -16px; } .post .categories { background-position:0 -32px; } .post .date { background-position:0 -48px; float:left; } .post .editpost { background-position:0 -64px; } .post .readingblinds { background-position:0 -80px; } .post .comments { background-position:0 -96px; } .post .addcomment { background-position:0 -112px; } .post .editlinks { background-position:0 -192px; } .post .content .under { line-height:16px; } .post .content .under span { float:left; margin-right:15px; } p { margin: 10px 0 10px 0; } hr { border: none; background-color:#dac2a3; height:2px; } .post ul { padding-left:10px; } .post ul li { list-style:none; margin:0; padding-left:10px; background:url(img/sb-li.gif) no-repeat 1px 8px; } dt { font-weight:bold; } dd { margin:2px 0 2px 10px; } fieldset{ border: 1px solid #dac2a3; padding:5px 10px 5px 10px; } legend { padding: 0px 5px 1px 5px; border: 1px solid #dac2a3; } li { margin-left:30px; } input.text, input.textbox, input.password, input.file, textarea, input[type=text], input[type=password],input[type=file], select { border:1px solid #dac2a3; background: url(img/input-bg.gif) repeat-x; background-color:#ffffff; padding:2px; } /*Search widget*/ #searchform label { display:block; } #s { width:110px; } #searchsubmit, .button { background: url(img/button-bg.gif) repeat-x; background-color:#662e16; border:1px solid #662e16; color:#ffffff; font-weight:bold; height:24px; line-height:16px; padding:0 2px; font-family:Trebucht MS, Arial; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); cursor: pointer; padding:0 5px 0 5px; } #searchsubmit:active, .button:active { background: url(img/button-bg.gif) repeat-x 0px -22px; cursor: pointer; } .post table { border-collapse:collapse; border:0px solid #774a31; } .post th, .post td { border-bottom:1px solid #dcc4a3; border-left:none; border-right:none; padding:2px 10px; text-align:left; vertical-align:top; font-family: Trebuchet MS, Arial; font-size:90%; } .post tr.even td { background-color: #f2dfbd; } .post th { background-color: /*#dcc4a3;*/ #f2dfbd; border-bottom:1px solid #774a31; border-top:2px solid #774a31; } /* comment START */ /* COMMENTS border:1px solid #dac2a3; #774a31; background-color:#f2dfbd; */ .alt {margin: 0;padding: 10px;} #comments ol {list-style-type: none;line-height: 18px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 5px;} #comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0pt;} .commentlist {padding: 0;text-align: justify;} .commentlist li {margin: 15px 0 10px;padding: 2px 2px 5px 2px;list-style: none;} .commentlist li ul li { margin-left: 20px;list-style: none;} .commentlist li li {background:none;list-style:none;margin:3px 0 3px 20px;padding:3px 0;} .commentlist li .avatar {border:0px solid #ccc;margin:0;padding:1px 8px 1px 1px; width:26px;float:left; background:none;} .commentlist .fn, .commentlist .fn a {font-weight: bold;font-style: normal;font-size: 1.1em; padding:2px;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 10px 0px 10px 0px;} /*#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}*/ #comments .comment-body ul li { list-style:none; margin:0; padding-left:10px; margin-left:10px; background:url(img/sb-li.gif) no-repeat 1px 13px; } #comments .comment-body ol { margin: 0 0 0 20px; } #comments .comment-body ol li { list-style-type:decimal; } .comment-body { padding:2px 2px 2px 10px; } .commentmetadata { font-weight: normal; color:#723419; font-family:Trebuchet MS,Arial; font-size:11px; margin:0 0 0px 20px; } .commentlist .fn .commentmetadata a { font-weight: normal; font-size:11px; } .floatleft { float:left; } .vcard a.url{ color:#723419; } .bypostauthor>*, .bypostauthor >.vcard div.fn >a { color:#b50020; } /* Uncomment following text to assign specific color to admin (or to any other user) You may need to change user name here E.g. comment-author-MyUserName instead of comment-author-admin */ /* .comment-author-admin>*, .comment-author-admin >.vcard div.fn >a { color:#106000; }*/ .comment { color:#3B2821; } .commentmetadata a, .commentmetadata a:visited {color: #723419;} .commentmetadata a:hover{ color: #723419;} #comments .children { padding: 0 0 0 20px; } .thread-alt {background-color:transparent} .thread-even {background-color: transparent;} .depth-1 {border: 1px solid #dac2a3;} .depth-2, .depth-3{/*border-top: 1px solid #dac2a3;*/} .even, .alt {} .vcard { background:transparent url(img/bg-sb.jpg) repeat scroll 0 0; } .depth-2 .vcard, .depth-3 .vcard, .depth-4 .vcard, .depth-5 .vcard, .depth-6 .vcard, .depth-7 .vcard, .depth-8 .vcard { border-top: 1px dotted #dac2a3; border-bottom: 1px dotted #dac2a3; } .reply {margin: 0px 0px 0px 10px;} .info { padding:3px 5px 3px 5px; margin: 2px 0 2px 0; border-bottom: 1px solid #dac2a3;/*#774a31;*/ border-top: 2px solid #774a31; background:#f2dfbd url(img/bg-sb.jpg) repeat scroll 0 0; } /* comment END */ /* IMAGE GALLERY */ img {border:none;} div.catalogthumb, div.agallery{ float:left; margin:10px; } a.catalogthumb, a.agallery { display: block; float:left; text-align:center; margin:10px; padding:4px; } a.catalogthumb:hover, a.agallery-small:hover { border:1px solid #dac2a3;/*#774a31;*/ background-color:#f2dfbd; } img.catalogthumb, img.agallery, img.agallery-small { border:0; } div.agallery-small{ float:left; margin:2px; } a.agallery-small { float:left; display: block; padding: 3px; border:1px solid transparent; text-align:center; margin:2px; } div.catalogthumb { width:112px; margin:10px 10px; } a.catalogthumb { width:100px; height:67px; } .post img.wp-caption, .wp-caption { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #dac2a3; display:block; height:auto; margin:10px 0 0; padding-top:4px; text-align:center; } .post img.wp-caption{ padding:4px; } .wp-caption img { border:0 none !important; margin:0 !important; padding:0 !important; } .post img { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:0px solid #dac2a3; padding:0px; vertical-align:bottom; } a.wp-caption { color:#774a31; text-decoration:none; } a.wp-caption p,a.wp-caption:hover p, .wp-caption p.wp-caption-text { color:#774a31; font-size:0.8em; font-family:Trebuchet MS, Arial; line-height:13px; margin:0; padding:2px 4px 4px; } a.wp-caption:hover { border:1px solid /*#dac2a3;*/#774a31; background-color:#f2dfbd; } /* FOOTER */ #footer, #footer a, #footer a:visited { /*font-size: 90%;*/ color: #723419; } #designcopy { width: 170px; font-size:12px; /*border: 1px solid #e5d3b6;*/ } #footeraddress { font-size: 18px; } #footerphone { font-size: 18px; } #footerphone .tel { float:left; margin:3px 10px 0 0; } #footerphone .code { font-size: 12px; margin-top:0px; float:left; } #footerphone .number { font-size: 28px; margin-top:-7px; float:left; } #designcopy a,#designcopy a:hover,#designcopy a:visited { text-decoration:none; color: #92664c; /*font-size: 90%;*/ } #bottomlink a:visited img, #bottomlink a img { opacity:0.3; filter:alpha(opacity=30); } #bottomlink a:hover img { opacity:1; filter:alpha(opacity=100); } /* CATALOGUE */ #rightcontent.leftborder { border-left:1px dotted #f5d39a; } .category-header { border-bottom:1px dotted #f5d39a; color: #723419; font-size:135%; font-weight: normal; } #catalog-sub-cat { list-style:none; margin:0; padding:0; } #catalog-sub-cat li { margin:0; } #catalog-sub-cat a { font-size:115%; } #catalog-sub-cat .current { font-weight:bold; } div.catalogitem { border-bottom:1px dotted #f5d39a; width:98%; } div.catalogdesc { float:left; position: relative; margin:10px 0 0 10px; padding: 0px 0 0 0; width:500px; } div.catalogitem .itemtitle { font-size: 150%; } .content .catalogthumb { float:none; } .content .images { float:left; } .content .catalogitem { width:657px; } .content .catalogdesc { width:500px; } /* SIDEBAR */ .widget { background: url(img/bg-sb.jpg); margin-bottom:20px; width:200px; border-bottom: 1px solid #dbc4a4; } .ornament { background: url(img/sb-ornament.gif) no-repeat center top; padding:13px 3px 5px 8px; } #leftcolumn h3, #sidebar h3 { text-transform: uppercase; font-size:16px; } #leftcolumn a, #sidebar a { color: #723419; font-family:Trebuchet MS, Arial; font-size:13px; } #leftcolumn li, #sidebar li { list-style:none; margin:0; padding-left:10px; background:url(img/sb-li.gif) no-repeat 1px 8px; font-family:Trebuchet MS, Arial; font-size:13px; } #wp-calendar table { border-collapse:collapse; border:0px solid #774a31; } #wp-calendar th, #wp-calendar td { border:none; padding:0px 4px; vertical-align:top; font-family: Trebuchet MS, Arial; font-size:90%; } #wp-calendar td { text-align:right; } #wp-calendar th { background-color: #dcc4a3; color:#f8e9cc; text-align:center; /*border-bottom:1px solid #774a31; border-top:2px solid #774a31;*/ } #wp-calendar caption { font-family: Trebuchet MS, Arial; font-weight:bold; color:#723419; padding-top:10px; } #wp-calendar a { color:#2b2be7; } td#prev { text-align:left; } td#next { text-align:right; } /* PAGINATION used by pagebar plugin for multipaged posts. http://wordpress.org/extend/plugins/pagebar/ */ .pagebar { padding:0; margin:4px 0; } .pagebar a,.pageList .this-page { background:transparent; border:1px solid #dac2a3; color:#723419; margin-right:4px; padding:0px 4px; text-align:center; text-decoration:none; } .pagebar a:visited { color:#dac2a3; } .pagebar .break { background:transparent; border:0px solid transparent; color:#723419; margin-right:6px; padding:0px 0px; text-align:center; text-decoration:none; } .pagebar .this-page { color:#fff; background:#723419; border:1px solid #723419; margin-right:4px; padding:0px 4px; } .pagebar a:hover { background:#F2DFBD; color:#723419; border:1px solid #723419 } .pagebar .inactive { border: 1px solid #cccccc; color: #ccc; text-decoration: none; padding:0px 4px; } /* ALIGN */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; }