/* Theme Name: Samarcanda Theme URI: http://yithemes.com/themes/wordpress/samarcanda-fullscreen-wordpress-theme/ Description: A minimal & fresh horizontal sliding theme Version: 1.1 Author: Your Inspiration Themes Author URI: http://yithemes.com/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, white, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, stretched, boxed, corporate, creative, portfolio, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, responsive */ /* === MAIN LAYOUT */ html, body { overflow-y:hidden; } #ie9, #ie9 body { height: 100%; } body { background: #fff; font-size: 13px; width: 100% !important; } /* === TYPOGRAPHY */ p, li, address, dd, blockquote, td, th, span { font-size:12px; line-height:1.81em } body, p, li, address, dd, blockquote { color:#545252; } h1, h2, h3, h4, h5, h6, p, dl, ul, ol { margin:0 0 1em; } a, a:hover { text-decoration:none; } a, #sidebar a:hover { color: #ef9911 } a:hover, #sidebar a { color: #a6a6a6 } h1, h2, h3, h4, h5, h6 { color: #505050 } h1, h1 span { font-size:30px; } h2, h2 span { font-size:20px; } h3, h3 span { font-size:20px; font-weight: normal } h4, h4 span { font-size:18px; font-weight: normal } h5, h5 span { font-size:12px; } h6, h6 span { font-size:12px; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #d16e04 } .primary-content ul { margin-left:40px; list-style:square } .primary-content ol { margin-left:40px; } i, em { font-style:italic; } strong { font-weight:bold; } blockquote { background:url('images/cite.png') no-repeat top left; padding:35px; } dt { font-weight:bold; } .line { border-top:1px solid #cacaca; } .space { height:30px } body .last, body .widget-last { margin-right:0; border-right:0; } body .last-row { margin-bottom:0; } .border-line { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; } #ie8 textarea, #ie9 textarea {overflow:auto;} /* === MAIN WIDTH */ .wrapper { padding: 0; min-width:1000px } .inner { width:960px; position:relative; margin:0 auto; padding: 0 20px; } .responsive .inner { max-width:960px; width:auto; } body.responsive.isMobile .wrapper { overflow:hidden; } /* ====================== START MAIN STRUCTURE ====================== */ #header { padding-top: 30px; } #logo { float: left; margin: 0; } #nav { float: right; margin-top: 0; } #slogan { } .slider { margin-bottom: 15px; } #content { margin-left: 15px; margin-right: 15px; width:715px; } #sidebar { width: 230px; } #footer { clear: both; margin: 0; } #copyright { margin: 0; } .slider-mobile{ display:none; } /* === LAYOUTS */ .layout-sidebar-left #sidebar, .layout-sidebar-right #content { float:left; } .layout-sidebar-right #sidebar, .layout-sidebar-left #content { float:right; } .layout-sidebar-no #content { float:left; width:100%; } .layout-sidebar-left #content { margin-right: 0; } .layout-sidebar-right #content { margin-left: 0; } .inner #content{ margin: 0px; } /* ====================== END MAIN STRUCTURE ====================== */ /* ====================== START 404 ====================== */ .error-404-text, .error-404-text p { text-align: center; } .error-404-text h2 { margin: 0; padding: 0; } .error-404-text h3 { font-size: 15px; font-weight: normal; margin: 0; padding: 0; } .error-404-image { display: block; margin: 0 auto; } /* ====================== END 404 ====================== */ /* ====================== START HEADER ====================== */ #header { } /* === LOGO */ #header #logo { } #header #logo h1 { margin:0;padding:0; } #header #logo a.logo-text { display: block; margin: 0; padding: 0; } /* === DESCRIPTION */ #header #logo p { margin: 0; padding: 0; } /* === SLIDER FIXED IMAGE */ .slider.fixed-image img { display:block; width:auto; max-width:100%; height:auto; } /* ====================== END HEADER ====================== */ /* ====================== START PRIMARY CONTENT ====================== */ #primary .inner { padding: 20px; } /* === EXTRA CONTENT */ .extra-content { clear:both; margin-bottom:30px; } /* === SEARCH BOX */ #searchform { margin:10px 0 30px 0; position:relative;} #searchform .screen-reader-text { position:absolute;top:6px;left:10px; } #searchform input {border:1px solid #ccc;color:#666;} input#searchsubmit {position:absolute;top:6px;right:5px;border:0px;text-indent:-9999px;cursor:pointer;width:20px;height:20px;background:url(images/icons/search.png) no-repeat center center} input#s { width:264px; padding:5px; } /* ====================== END PRIMARY CONTENT ====================== */ /* ====================== START BLOG ====================== */ .post-video embed, .post-video object, .post-video iframe {width:547px;height:410px; } /* === IMAGE STYLING */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; } .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} .alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none;} img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;} /* ====================== END BLOG ====================== */ /* ====================== START MAP ====================== */ .google-map-frame iframe { display:block; } /* ====================== END MAP ====================== */ /* ====================== START FOOTER ====================== */ #footer { } /* ====================== END FOOTER ====================== */ /* ====================== START COPYRIGHT ====================== */ #copyright { } /* === TWO COLUMNS */ #copyright .inner .left { float: left; } #copyright .inner .right { float: right; text-align: right; } /* ====================== END COPYRIGHT ====================== */ /* ====================== START WIDGETS ====================== */ .widget ul { list-style: none } .widget ul.children { list-style-image: url('images/icons/ruz.png'); list-style-position: inside; margin:0; } .widget ul li { line-height: 26px; } /* === ICON TEXT */ .sidebar .widget-icon-text {clear:both;} .sidebar .widget-icon-text img {display:block;float:left;width:39px;height:39px;margin-top:5px;margin-right:10px} .sidebar .widget-icon-text div {float:right;margin:0;clear:none;} .sidebar .widget-icon-text h3 {font-weight:normal;margin:0;color:#505050} .dark-skin .sidebar .widget-icon-text h3 {color: #eee } .sidebar .widget-icon-text p {font-weight:normal;margin:0;color:#a29393} /* === RECENT POSTS */ .recent-post .hentry-post { line-height:18px; margin-bottom: 15px; } .recent-post a { } #sidebar .recent-post a.title { color:#A16404; } #sidebar .recent-post a.title:hover { color:#DA8102; } .recent-post div.link { display:block; height:77px; margin-bottom:2em } .recent-post div.link:last-child { margin-bottom:0; } .recent-post .thumb-img { float:left; margin-right:10px; } .recent-post .thumb-img img { padding:3px; border:1px solid #d7d2d2; float:none; } .recent-post .thumb-img img:hover { border-color:#a3a3a3; } .recent-post .thumb-img .thumb-shadow { background:url('images/bg/shadow-thumb-recentposts.png') no-repeat center top; margin:-7px 0 0; width:100%; height:14px; } .recent-post .post-date { margin-top:5px; font-size:11px; } /* === LAST NEWS */ .last-news { float:left; width:100%; } .last-news .box-post { float:left; margin-bottom:30px; position:relative; } .last-news img { border:1px solid #acabab; float:left; padding:3px; position:absolute; left:0; top:0; width:55px; height:55px; } .last-news a.title { color:#4F4E4E; } .last-news a.title, .last-news p.meta { display:block; float:right; margin-left:75px; width:225px; } .last-news p.meta { padding:12px 0; } .last-news p.meta span.date, .last-news p.meta span.author { background:no-repeat left center; display:block; height:auto; font-size:0.8em; line-height:1.5em; margin:0; padding-left:20px; } .last-news p.meta span.date { float:left; background-image:url('images/time-icon.png'); width:80px; } .last-news p.meta span.author { float:right; background-image:url('images/user-icon.png'); width:100px; } /* === RECENT COMMENTS */ .recent-comments .the-post { line-height:1em; margin-bottom:1.6em; } .recent-comments .the-post p { line-height:1.5em; margin-top:3px; padding-bottom:0; } .recent-comments .the-post p.comment { margin-bottom:0; } .recent-comments .avatar { display:inline; float:left; padding-right:7px; margin:0; } .recent-comments .avatar img { border:1px solid #CDCDCD; padding:3px; width:auto; height:auto; } .recent-comments a.goto { font-size:1.2em; } .recent-comments a.title { font-size:1em; } .prev-comments { display:none; float:left; padding-top:20px; } .next-comments { float:right; padding-top:20px; } .prev-comments:hover, .next-comments:hover { text-decoration:underline; } /* === TEXT-IMAGE */ .boxs-home { float:left; margin-bottom:20px; } .boxs-home h2 { text-align:center; } .boxs-home img { margin-bottom:20px; } /* === TAG CLOUD */ .tagcloud a { color:#686767; } /* === CALENDAR */ #wp-calendar { margin-top:0; width:100%; } #wp-calendar th, #wp-calendar td { font-size: 12px; line-height:32px; padding:1px 2px; text-align:center; } #wp-calendar caption { font-size:80%; font-weight:bold; margin-bottom:10px; } #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background-color:#ccc; color:#434343; } #wp-calendar tfoot a { display:block; } #wp-calendar #today a:hover { color:#000 } /* === LAST TWEETS */ .last-tweets ul { margin-top:-20px; } .last-tweets p { margin-top:20px; } .last-tweets a { color: #9A6614; } .last-tweets a:hover { color: #000; } .last-tweets p.meta { color: #828080; margin-top: 0px; padding: 0; } /* === NAV MENU */ .widget_nav_menu ul.sub-menu { margin:0; padding-left: 15px; } /* === FLICKR RSS */ .widget_flickrRSS img { border: 1px solid #DDDDDD; display:block; float:left; margin: 12px 5px 0px 0; padding: 2px; width: 45px; height: 45px; } /* === CONTACT INFO */ .contact-info ul li { line-height: 26px; height: 25px; } .contact-info ul li i { vertical-align: middle; } /* ====================== END WIDGETS ====================== */ /* ====================== START SHORTCODES ====================== */ code, pre {background-color:#e8ebec;border: 1px dotted #bbb;color:#333;font: 13px/18px Consolas,"Courier New",Courier,monospace;margin-top:10px;padding: 0px 0.5%;width:99%;max-width:99%;overflow:auto;} /* === LISTS */ ul.short {margin:20px 0;padding:0;list-style-type:none!important;} ul.short.info {background-color:transparent !important;border:none !important;box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none!important;} ul.short li {padding:0 0 0 25px;marg:0 0 0 5px;} ul.star li {background:url('images/icons/bullet/star.png') no-repeat center left;} ul.arrow li {background:url('images/icons/bullet/arrow.png') no-repeat center left;} ul.check li {background:url('images/icons/bullet/check.png') no-repeat center left;} ul.add li {background:url('images/icons/bullet/add.png') no-repeat center left;} ul.info li {background:url('images/icons/bullet/info.png') no-repeat center left;} /* === TICK */ .yiw-sc-tick { text-shadow: 0px 0px 1px #bbb; } /* === HIGHLIGHT */ span.highlight {background-color:#FC0;} /* === STYLED BUTTONS */ #primary .more-button { position:relative; margin:20px 0 0; width:151px; height:39px; clear:right; display:inline-block; } #primary .bg-button, #primary a.more-button, #primary .more-button a { background:transparent url('images/button-more.png') top left no-repeat; } #primary a.more-button, #primary .more-button a, #primary .more-button input, #primary .more-button button { display:inline-block; width:101px; height:39px; line-height:39px; color:#696969; padding:0 40px 0 10px; text-shadow:1px 1px 0px #fff; border:0; cursor:pointer; font-size:13px; text-align:center; } #primary a.more-button:hover, #primary .more-button a:hover, #primary .bg-button:hover { background-position:0 -39px; color:#383838; } #primary .more-button input, #primary .more-button button { width:151px; background-color:transparent; } #primary .more-button .icon { display:block; position:absolute; top:0; right:0; width:34px; height:39px; background:center no-repeat; } #primary .more-button .icon-img { background-position:125px center; background-repeat:no-repeat; } .home_page_item .read-more { margin-bottom: 5px; } /* = BUTTON RTL */ #primary a.more-button-rtl, #primary .more-button-rtl a, #primary .more-button-rtl input, #primary .more-button-rtl button { padding:0 10px 0 40px; background-image:url('images/button-more-rtl.png') } #primary .more-button-rtl .icon { left:0; right:auto; } /* = BUTTON ICONS */ #primary .more-button .arrow { background-image:url('images/icons/for_button/arrow.png') } #primary .more-button .arrow-left { background-image:url('images/icons/for_button/arrow-left.png') } #primary .more-button .remove { background-image:url('images/icons/for_button/remove.png') } #primary .more-button .calc { background-image:url('images/icons/for_button/calc.png') } #primary .more-button .offer { background-image:url('images/icons/for_button/offer.png') } #primary .more-button .gift { background-image:url('images/icons/for_button/gift.png') } #primary .more-button .cart { background-image:url('images/icons/for_button/cart.png') } #primary .more-button .download { background-image:url('images/icons/for_button/download.png') } #primary .more-button .tick { background-image:url('images/icons/for_button/tick.png') } /* === ALERT BOX & SUCCESS */ div.box {font-size:108.3%;margin:2px 0 15px;padding:20px 15px 20px 65px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;/*behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);*/} div.success-box {background:url("images/icons/message/check.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.arrow-box {background:url("images/icons/message/arrow.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.alert-box {background:url("images/icons/message/alert.png") no-repeat 15px center #fbdd96;border:1px solid #e5af51;color:#ca6b1c;} div.error-box {background:url("images/icons/message/error.png") no-repeat 15px center #fdd2d1;border:1px solid #f6988f;color:#883333;} div.notice-box {background:url("images/icons/message/note.png") no-repeat 15px center #f9ebca;border:1px solid #e5b2ac;color:#9f6722;} div.info-box {background:url("images/icons/message/info.png") no-repeat 15px center #e6ebf0;border:1px solid #89becd;color:#277dce;} /* === DROPCAP */ p.dropcap:first-letter {font-size:220%;display:block;float:left;font-size:40px;line-height:40px;margin:10px 8px 0px 0;} /* === NEWSLETTER FORM */ .newsletter-section{width:auto;} .newsletter-section ul{margin-left:0!important;} .newsletter-section li{list-style:none outside none;position:relative;margin:5px 7px;} .newsletter-section label{color:#999;display:block;font-size:12px;left:3px;line-height:16px;position:absolute;top:12px;} .newsletter-section input{background-color:#FAF9F9;border:1px solid #BDBEBE;height:32px;width:100%;margin:2px 0 2px -7px;padding:0 5px;} .newsletter-section input.submit-field{position:relative;display:block;background:url('images/input_pattern.png') repeat-x;border:1px solid #D5D4D4;color:#444;cursor:pointer;float:right;font-family:"Droid Sans",serif;font-size:10px;height:25px;min-width:55px;text-transform:uppercase;width:auto;margin:0 -5px 0 0;padding:0 10px;} .newsletter-section input.submit-field:hover{background:url('images/input_pattern_hover.png') repeat-x;} /* === SOCIALS */ a.socials, a.socials-small { display:inline-block; margin-right:0px; text-indent:-9999px; text-align:left; } #primary a.socials, #primary a.socials-small { margin-top:5px; } a.socials { width:33px; height:33px; background-position: left bottom !important; } a.socials-small { width:22px; height:22px; background-position:left bottom !important; } a.socials:hover, a.socials-small:hover { background-position:left top !important } a.facebook { background:url('images/icons/socials/facebook.png') no-repeat } a.rss { background:url('images/icons/socials/rss.png') no-repeat } a.flickr { background:url('images/icons/socials/flickr.png') no-repeat } a.twitter { background:url('images/icons/socials/twitter.png') no-repeat } a.linkedin { background:url('images/icons/socials/linkedin.png') no-repeat } a.skype { background:url('images/icons/socials/skype.png') no-repeat } a.google { background:url('images/icons/socials/google.png') no-repeat } a.pinterest { background:url('images/icons/socials/pinterest.png') no-repeat } a.shareit { background:url('images/icons/socials/shareit.png') no-repeat } a.bookmark { background:url('images/icons/socials/bookmark.png') no-repeat } a.facebook-small { background:url('images/icons/small-socials/facebook.png') no-repeat } a.rss-small { background:url('images/icons/small-socials/rss.png') no-repeat } a.flickr-small { background:url('images/icons/small-socials/flickr.png') no-repeat } a.twitter-small { background:url('images/icons/small-socials/twitter.png') no-repeat } a.linkedin-small { background:url('images/icons/small-socials/linkedin.png') no-repeat } a.skype-small { background:url('images/icons/small-socials/skype.png') no-repeat } a.google-small { background:url('images/icons/small-socials/google.png') no-repeat } a.pinterest-small { background:url('images/icons/small-socials/pinterest.png') no-repeat } a.shareit-small { background:url('images/icons/small-socials/shareit.png') no-repeat } a.bookmark-small { background:url('images/icons/small-socials/bookmark.png') no-repeat } /* ====================== END SHORTCODES ====================== */ /* ====================== START TESTIMONIALS ====================== */ .testimonial {position:relative;border-bottom:1px solid #d3d2d2;margin-bottom:60px;margin-top:20px;} .testimonial .thumbnail {position:absolute;top:0;left:0;background:url('images/bg/thumb-testimonial.png') no-repeat center;padding-top:0;} .testimonial .thumbnail img {width:94px;height:94px;padding:11px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; position: relative; top: 2px;} .testimonial .testimonial-text {margin-left:136px;min-height:130px;} .testimonial .testimonial-text.testimonial-noimage {margin-left:0;} .testimonial .testimonial-text p {margin:6px 0 0;} .testimonial .testimonial-name {float:right;height:20px;text-align:right;} .testimonial .testimonial-name .name, .testimonial .testimonial-name .website {display:block;clear:both;} .testimonial .testimonial-name .name {background:#fff;padding-left:10px;font-size:1.4em;float:right;margin:0;} .testimonial .testimonial-name a.website {font-size:12px;color:#1c1c1c;} /* widget */ .testimonial-widget blockquote { padding:12px 0 0 35px; background-position:0 0; } .testimonial-widget strong {color:#000;} /* ====================== END TESTIMONIALS ====================== */ /* ====================== START ARCHIVE ====================== */ #primary .archive-list ul { border-top:1px solid #DEDEDE; clear:both; margin:0 0 20px; list-style:none; } #primary .archive-list ul li { border-bottom:1px solid #DEDEDE; } #primary .archive-list ul li a { color:#8B9091; display:block; margin:0; padding:7px 0 7px 0.5em; } #primary .archive-list ul li a:hover { color:#444; background-color:#EFEFEF; text-decoration:none; } #primary .archive-list ul li a span { display:block; text-align:right; } #primary .archive-list ul li a span.comments_number { color:#777777; float:right; margin-right:20px; width:3em; } #primary .archive-list ul li a span.archdate { color:#8B9091; float:left; letter-spacing:1px; margin-right:2em; padding:0 0 1em; width:3em; } #primary .archive-list ul li ul.children { margin:0 0 -1px; padding-left:20px; } /* ====================== END ARCHIVE ====================== */ /* ====================== START FAQ ====================== */ .toggle { } .toggle p.tab-index { padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid #d7d7d7; } .toggle p.tab-index a { font-family:Arial,Helvetica,sans-serif; font-size: 18px; display:block; line-height:22px; background:url('images/bg/toggle/head.png') left top no-repeat; padding:0 0 0 30px; cursor:pointer; color:#3e3e3e; } .toggle p.tab-opened a, .toggle p.tab-index a:hover { background:url('images/bg/toggle/head-active.png') left top no-repeat; } .toggle p.tab-index a:hover { text-decoration:none; } .toggle .content-tab { border-left: 1px solid #CFCFCF; margin: 0 0 20px 10px; } .toggle .content-tab p { padding:18px 10px 18px 20px; margin-top:0; } /* ====================== END FAQ ====================== */ /* ====================== START PAGINATION ====================== */ .general-pagination { clear:both; height:18px; margin:0 auto; margin-bottom:20px; text-align:center; } .general-pagination span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:none; } .general-pagination a { background:url('images/bg-pagination.png') top repeat-x; border:1px solid #aeaeae; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#918e8e; display:inline-block; line-height:17px; margin-right:4px; padding:0 5px; text-align:center; } .general-pagination a:hover { background-position:0 -36px; color:#3e3c3c; text-decoration:none; } .general-pagination a.selected { background-position:0 -18px; color:#3e3c3c; } /* ====================== END PAGINATION ====================== */ /* ====================== START CONTACT FORM ====================== */ form input[type="text"], form textarea { border: 1px solid #d4d4d4; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s; } .section-contact {padding: 30px;width: 520px;height: 350px !important;} #primary .contact-form fieldset {padding:0;} #primary .contact-form ul { margin:0; list-style:none; } #primary .contact-form li { width: 250px;margin-right:10px; float: left; } #primary .contact-form li:nth-child(even) {margin-left: 10px;margin-right:0px;} #primary .contact-form li.on-left { float:left; } #primary .contact-form li.on-right { float:right; } #primary .contact-form li.full { clear:both; } #primary .contact-form li.full label { display: block } #primary .contact-form li.textarea-field { clear:both; width:auto; float:none; } #primary .contact-form label {position:relative;display:block;} #primary .contact-form label span.label { position: absolute;font-size:13px;z-index: 1000;top:16px;left:15px; } #primary .contact-form label span.sublabel { font-family: 'Calibri', 'Droid Sans', Verdana, Arial, sans-serif; font-size: 11px; color: #9C9B9B } #primary .contact-form li.text-field input {width: 228px;border-color:#d4d4d4} .formBlue{ box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.6);border-color: rgba(82, 168, 236, 0.8) !important } .formGrey{ background: #3d3d3d !important; } .formRed{ border: 1px solid #cf0606 !important; } .formRedDarkSkin{ border: 1px solid #E27F3E !important; } .formShadowRed{box-shadow: 0 0 3px rgb(215,118,118); } #primary .contact-form li.text-field input, #primary .contact-form li.checkbox-field input, #primary .contact-form li.file-field input, #primary .contact-form li select, #primary .contact-form li textarea { margin-top:10px; padding:10px; font-size: 13px; } #primary .contact-form li.text-field input, #primary .contact-form li select { font-size: 12px; background-color:#fff; } #primary .contact-form li select { padding:10px; } #primary .contact-form li textarea { width: 498px;height:150px; background-color:#fff;border-color:#d4d4d4 } #primary .contact-form li.icon input, #primary .contact-form li.icon textarea, #primary .contact-form li input.icon, #primary .contact-form li textarea.icon { background-repeat:no-repeat; } #primary .contact-form li.icon input, #primary .contact-form li input.icon { background-position:98% center; } #primary .contact-form li.icon textarea, #primary .contact-form li textarea.icon { background-position: 98% 15px; } #primary .contact-form li.error input, #primary .contact-form li.error textarea, #primary .contact-form li.error select, #primary .contact-form li input.error, #primary .contact-form li textarea.error, #primary .contact-form li select.error { background-image:url('images/icons/error.png'); border-color: #cf0606 } #primary .contact-form li div.msg-error { font-style:normal; font-size:11px; color:#cf0606; height:14px; } .dark-skin #primary .contact-form li div.msg-error{ color: #E27F3E; } #primary .contact-form li.submit-button {clear:both; width:auto; float:none;} #primary .contact-form li.checkbox-field label, #primary .contact-form li.radio-field label { display: block; } #primary .contact-form li.submit-button input { background: url("images/input_pattern.png") repeat-x scroll 0 0 #F3F0F0; border: 1px solid #D5D4D4; cursor: pointer; display: block; font-size: 9px; height: 30px; letter-spacing: 1px; padding: 0 4px; text-transform: uppercase; margin: 5px 0; margin-right: 9px; } .opera #primary .contact-form li.submit-button input { margin-right:0; } #ie8 #primary .contact-form li.submit-button input, #ie9 #primary .contact-form li.submit-button input {margin-top: 10px;margin-right:0px;} #ie8 #primary .contact-form li textarea {width: 488px;} #primary .contact-form li.submit-button input:hover { background: url("images/input_pattern_hover.png") repeat-x scroll 0 0 #fff; } #primary .contact-form li.submit-button input[disabled] { color:#ddd; } #primary .contact-form label, #primary .contact-form input, #primary .contact-form textarea { color:#4c4c4c; width:auto; } #primary .contact-form p.success, #primary .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 0px; background:no-repeat 15px center; width:400px; } #primary .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('images/icons/tick_contact.png'); } #primary .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/icons/error.png'); } #yiw_bot {display:none !important;} /* dark skin */ .dark-skin #primary .contact-form li.text-field input, .dark-skin #primary .contact-form li select, .dark-skin #primary .contact-form li textarea { background:#282828; border:0; color: #adadad; font-family: "Nunito", sans-serif; } .dark-skin #primary .contact-form li.submit-button input { background: url("images/input_pattern_dark.png") repeat-x scroll 0 0 #232323; border:0; color:#fff; } .dark-skin #primary .contact-form li.submit-button input:hover { background: url("images/input_pattern_hover_dark.png") repeat-x scroll 0 0 #232323; } /* INPUT */ .input-prepend{ position: relative; } .input-prepend .add-on{ position: absolute; top: 40%; right: 12px; } .textarea-field .input-prepend .add-on{ position: absolute; top: 20px; right: 12px; } #ie8 .input-prepend .add-on {right: 25px !important;} .input-prepend input.error, .input-prepend textarea.error{ background-image: none !important; } /* submit alignment */ .contact-form li.submit-button input.alignleft { float:left; } .contact-form li.submit-button input.alignright { float:right; } .contact-form li.submit-button input.aligncenter { margin:0 auto; } /*border-radius*/ #content .contact-form p.success, #content .contact-form p.error { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } /* ====================== END CONTACT FORM ====================== */ /* === EXTRA */ .clear{clear:both;} .left{float:left;} .right{float:right;} .nomargin{margin:0} .nopadding{padding:0} .the-icons{padding-left: 40px;} .sticky {} .gallery-caption {} .bypostauthor {}