/* Theme Name: Beauty Theme URI: http://www.allprices.co.uk/beauty Description: I think summer is the greatest season. You could find all the shades of colors then. It got inspired me to transpose this feeling to the real world, so here is my "Beauty". Featured posts based on "SmoothGallery" (no plugins needed), threaded comments, localization ready, options page, works fine under WordPress 2.8. Released under GPL. Valid CSS & HTML code. Version: 1.0.4 Author: allprices Author URI: http://www.allprices.co.uk Tags: light, yellow, pink, white, two-columns, fixed-width, theme-options, right-sidebar, threaded-comments /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:940px;margin:0 auto;} .showgrid {background:url(src/grid.png);} body {margin:1.5em 0;} div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 20px;} div.last {margin-right:0;} .span-1 { width: 20px;} .span-2 { width: 60px;} .span-3 { width: 100px;} .span-4 { width: 140px;} .span-5 { width: 180px;} .span-6 { width: 220px;} .span-7 { width: 260px;} .span-8 { width: 300px;} .span-9 { width: 340px;} .span-10 { width: 380px;} .span-11 { width: 420px;} .span-12 { width: 460px;} .span-13 { width: 500px;} .span-14 { width: 540px;} .span-15 { width: 580px;} .span-16 { width: 620px;} .span-17 { width: 660px;} .span-18 { width: 700px;} .span-19 { width: 740px;} .span-20 { width: 780px;} .span-21 { width: 820px;} .span-22 { width: 860px;} .span-23 { width: 900px;} .span-24, div.span-24 { width: 940px; margin: 0; } .append-1 { padding-right: 40px;} .append-2 { padding-right: 80px;} .append-3 { padding-right: 120px;} .append-4 { padding-right: 160px;} .append-5 { padding-right: 200px;} .append-6 { padding-right: 240px;} .append-7 { padding-right: 280px;} .append-8 { padding-right: 320px;} .append-9 { padding-right: 360px;} .append-10 { padding-right: 400px;} .append-11 { padding-right: 440px;} .append-12 { padding-right: 480px;} .append-13 { padding-right: 520px;} .append-14 { padding-right: 560px;} .append-15 { padding-right: 600px;} .append-16 { padding-right: 640px;} .append-17 { padding-right: 680px;} .append-18 { padding-right: 720px;} .append-19 { padding-right: 760px;} .append-20 { padding-right: 800px;} .append-21 { padding-right: 840px;} .append-22 { padding-right: 880px;} .append-23 { padding-right: 920px;} .prepend-1 { padding-left: 40px;} .prepend-2 { padding-left: 80px;} .prepend-3 { padding-left: 120px;} .prepend-4 { padding-left: 160px;} .prepend-5 { padding-left: 200px;} .prepend-6 { padding-left: 240px;} .prepend-7 { padding-left: 280px;} .prepend-8 { padding-left: 320px;} .prepend-9 { padding-left: 360px;} .prepend-10 { padding-left: 400px;} .prepend-11 { padding-left: 440px;} .prepend-12 { padding-left: 480px;} .prepend-13 { padding-left: 520px;} .prepend-14 { padding-left: 560px;} .prepend-15 { padding-left: 600px;} .prepend-16 { padding-left: 640px;} .prepend-17 { padding-left: 680px;} .prepend-18 { padding-left: 720px;} .prepend-19 { padding-left: 760px;} .prepend-20 { padding-left: 800px;} .prepend-21 { padding-left: 840px;} .prepend-22 { padding-left: 880px;} .prepend-23 { padding-left: 920px;} div.border{padding-right:9px;margin-right:10px;border-right:1px solid #eee;} div.colborder { padding-right:11px;margin-right:10px;border-right:1px solid #eee;} .pull-1 { margin-left: -40px;} .pull-2 { margin-left: -80px;} .pull-3 { margin-left: -120px;} .pull-4 { margin-left: -160px;} .pull-5 { margin-left: -200px;} .pull-6 { margin-left: -240px;} .pull-7 { margin-left: -280px;} .pull-8 { margin-left: -320px;} .pull-9 { margin-left: -360px;} .pull-10 { margin-left: -400px;} .pull-11 { margin-left: -440px;} .pull-12 { margin-left: -480px;} .pull-13 { margin-left: -520px;} .pull-14 { margin-left: -560px;} .pull-15 { margin-left: -600px;} .pull-16 { margin-left: -640px;} .pull-17 { margin-left: -680px;} .pull-18 { margin-left: -720px;} .pull-19 { margin-left: -760px;} .pull-20 { margin-left: -800px;} .pull-21 { margin-left: -840px;} .pull-22 { margin-left: -880px;} .pull-23 { margin-left: -920px;} .pull-24 { margin-left: -960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 { margin: 0 -40px 1.5em 40px;} .push-2 { margin: 0 -80px 1.5em 80px;} .push-3 { margin: 0 -120px 1.5em 120px;} .push-4 { margin: 0 -160px 1.5em 160px;} .push-5 { margin: 0 -200px 1.5em 200px;} .push-6 { margin: 0 -240px 1.5em 240px;} .push-7 { margin: 0 -280px 1.5em 280px;} .push-8 { margin: 0 -320px 1.5em 320px;} .push-9 { margin: 0 -360px 1.5em 360px;} .push-10 { margin: 0 -400px 1.5em 400px;} .push-11 { margin: 0 -440px 1.5em 440px;} .push-12 { margin: 0 -480px 1.5em 480px;} .push-13 { margin: 0 -520px 1.5em 520px;} .push-14 { margin: 0 -560px 1.5em 560px;} .push-15 { margin: 0 -600px 1.5em 600px;} .push-16 { margin: 0 -640px 1.5em 640px;} .push-17 { margin: 0 -680px 1.5em 680px;} .push-18 { margin: 0 -720px 1.5em 720px;} .push-19 { margin: 0 -760px 1.5em 760px;} .push-20 { margin: 0 -800px 1.5em 800px;} .push-21 { margin: 0 -840px 1.5em 840px;} .push-22 { margin: 0 -880px 1.5em 880px;} .push-23 { margin: 0 -920px 1.5em 920px;} .push-24 { margin: 0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* ================== custom ================== */ body {margin: 0; padding: 0;} code {white-space: normal;} pre {overflow: auto;} p img {float:none;margin:0 12px 0 0;padding:0;} .fl {float: left;} .fr {float: right;} .block {display: block;} small {font-size: 12px;} table {margin-bottom: 0;} /* table {border-collapse:collapse;} */ /* 100% height */ html, body { height: 100%; } .main { min-height: 100%; } * html .main { height: 100%; } /* code*/ th {font-weight:bold;background:#5eb2e5;} tr.even td {background:#d4e9f7;} h2 {font-weight: bold;} h3 {font-size: 18px; font-weight: bold; margin-bottom: 0.75em;} .hr {background: url(images/hr.gif) repeat-x 0 0; height: 2px; display: block;} a {color: #3289d7;} a:hover {color: #ffcb3b; text-decoration: underline;} div.span-16 { width: 640px; margin-right: 0; } /* default wordpress */ .wp-smiley { float: none; margin: 0; } .alignnone { display: inline; } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { /* border: 1px solid #ddd; */ text-align: center; background-color: #eff0f0; margin-top: 5px; margin-bottom: 15px; padding: 4px 0 0 0; display: block; } .wp-caption a { line-height: 0.11em; } .wp-caption a:hover { background: none; } .wp-caption img { margin: 0 auto; display: block; padding: 0; } .wp-caption-text { padding: 3px 0 !important; margin: 0 !important; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* code*/ /* ie5, ie6 sidebar fix */ .span-7 { width: 237px;} .main { background: #fdf4d8 url(images/bg-pattern.gif) repeat center 0; padding: 18px; } .container { /* border: 4px solid #ffcb3b; */ } .paddings { padding: 18px 18px 18px; } .header { background: #a4c153 url(images/banner.png) repeat 0 0; } .logo { font-size: 46px; margin-bottom: 0.125em; /* background-color: #FFCB3B; padding: 0 0.15em;*/ padding: 0; display: inline; line-height: 1; } .logo a { color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; } .tagline { font-size: 18px; color: white; display: block; margin-top: 0.35em; } .icons a { padding-right: 1.25em; } .icons a.last { padding-right: 0; } .menu { height: 34px; background: transparent url(images/menu-pattern.gif) repeat-x 0 0; font-size: 16px; } .menu-wrapper { list-style-type: none; margin: 0; } .menu-wrapper li { display: block; float: left; border-right: 1px solid #ffe7a7; padding: 5px 12px 5px 12px; } .menu-wrapper li a { text-decoration: none; color: white; font-weight: bold; } .menu-wrapper .current_page_item, .menu-wrapper li.current-cat { /* background: #f2384c url(images/menu-pattern-active.gif) repeat-x 0 0; */ background-color: #f2384c; border-right: none; margin-left: -1px; } .menu-wrapper .first { margin-left: 0; } .menu-wrapper .current_page_item a, .menu-wrapper .current-cat a { color: white; } .body { background: #fffbf1 url(images/sidebar-pattern3.gif) repeat-y 640px 0; } .body, .footer { background-color: white; } .footer { background: white url(images/line.png) no-repeat 0 0; /* #ffe8aa */ } .footer div a { text-decoration: none; color: #222222; } ul.items { list-style-type: none; margin: 0; font-size: 14px; } .items li { margin-bottom: 1.25em; line-height: 1.75em; } .items p { margin-bottom: 1em; } .items h2 { font-size: 26px; display: inline; } .items h2 a { border-bottom: 1px dashed; text-decoration: none; color: black; } .items h3 { font-size: 16px; margin-bottom: 0.6em; } blockquote { border: 2px solid #ffcb3b; background-color: #fffbf1; margin: 1.5em 0; padding: 0.75em 0.75em 0.25em; } blockquote p { font-style: normal; color: #222222; } .items ul, .items ol { margin-bottom: 1.25em; } .items ul { list-style-type: none; margin-left: 0; } .items ul li { padding-left: 21px; background: transparent url(images/bullet-big.gif) no-repeat scroll 2px 8px; } .items ul li, .items ol li { margin-bottom: 0.25em; } .items a:hover { color: #ffcb3b; } .info { margin-bottom: 0.75em; color: #999999; margin-top: 0.25em; } .info span { margin-right: 1.5em; font-size: 12px; padding-left: 20px; margin-bottom: 0.5em; } .info .date { background: transparent url(images/ico/time.gif) no-repeat 0 -1px; } .info .author { background: transparent url(images/ico/user.gif) no-repeat 0 -1px; } .info .comment { background: transparent url(images/ico/comment.gif) no-repeat 0 3px; } .info .cat { background: transparent url(images/ico/cat.gif) no-repeat 0 7px; } .info .tag { background: transparent url(images/ico/tag.gif) no-repeat 0 5px; } .info .edit { background: transparent url(images/ico/edit.gif) no-repeat 0 5px; } .sidebar { } .sidebar .paddings div { margin-bottom: 1.5em; } .sidebar h3 { font-size: 18px; } .sidebar ul, .sidebar ol { margin: 0; list-style-type: none; } .sidebar ul li { padding-left: 18px; background: transparent url(images/bullet.gif) no-repeat 1px 6px; } .sidebar ul li, .sidebar ol li { margin-bottom: 0.5em; } /* Comments template */ div.com { margin-bottom: 30px; } .com ul li, .com ol li { background: none; } .com .children { margin: 0 0 0 1.5em; } .com .list-4 { list-style: none; margin: 0; padding: 0; } .com .list-4 li .admin { border: 2px dashed #ffc642; } .com .list-4 li { /* border: 1px solid #E7E9E4; padding: 15px 15px 0 15px; margin: 0 0 15px 0; */ border: none; padding: 0; margin: 0; } * html .com .list-4 li { padding:0 40px 0 20px !important; } *:first-child+html .list-4 li { padding:0 40px 0 20px !important; } * html .list-4 img { margin:20px auto auto 0; } *:first-child+html .list-4 img { margin:20px auto auto 0; } * html .list-4 p img { margin:0 auto auto 0; } *:first-child+html .list-4 p img { margin:0px auto auto 0; } .com-wrapper { border: 1px solid #E7E9E4; padding: 15px 15px 0; margin: 0 0 15px; } .com-header { padding-bottom: 15px; margin: 0; } .com-header img { display: block; float: left; } .com-header .tp { display: block; margin: 0 0 0 63px; padding: 0; text-align: left; } .tp span, .tp span a { font-weight: bold; display: block; line-height: 150%; } /* widgets */ /* calendar */ #wp-calendar { border: 2px solid #ffcb3b; } .widget_calendar caption { background: none; margin-bottom: 6px; } .widget_calendar th, td { padding: 1px 0 1px 12px; margin: 0; } .widget_calendar thead th { background-color: #ffcb3b; color: white; font-weight: normal; } .widget_calendar tbody td a { background-color: #ffcb3b; padding: 2px 1px; color: white; } .widget_calendar tbody td a:hover { background-color: #F2384C; } .widget_calendar tfoot td { padding-bottom: 1em; } .widget_tag_cloud { line-height: 2.5em; } .widget_pages ul ul { margin-top: 4px; } .widget_search { } .widget_search #srch-frm { background: none; } .widget_search .textfield { width: 184px; margin-right: 0.75em; }