/* Theme Name: Frisco Version: 2.5.0 Author: CreativeSmitten Author URI: https://www.mojomarketplace.com/store/creativesmitten Theme URI: http://www.creativesmitten.com/frisco/ License: GNU General Public License v2 or later License URI: /package/license.txt Tags: white,threaded-comments,custom-menu Description: A responsive & multi-purpose WordPress Theme with unlimited customizations options. */ /* ------------------------------------------------------------------------ */ /* 01. Imports /* ------------------------------------------------------------------------ */ @import url("css/basic.css"); /* CSS Reset + Basic WordPress Styles */ @import url("css/awesome.css"); /* Font Awesome */ @import url("css/bootstrap.css"); /* Bootstrap Icons + Tooltip */ @import url("css/shortcodes.css"); /* Shortcodes */ @import url("css/flexslider.css"); /* Flexslider (Blog + Portfolio) */ @import url("css/prettyPhoto.css"); /* Flexslider (Blog + Portfolio) */ /* @import url("css/woocommerce.css"); /* WooCommerce */ /* ------------------------------------------------------------------------ */ /* 02. Skeleton Grid 960px / 16 Columns */ /* ------------------------------------------------------------------------ */ .wrapper { position: relative; width: 960px; margin: 0 auto; padding: 0; } .wrapper .span, .wrapper .spans { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px } .center {text-align: center;} .right {text-align: right;} /* Nested Column Classes */ .span.alpha, .spans.alpha, .span.first, .spans.first { margin-left: 0 } .span.omega, .spans.omega, .span.last, .spans.last { margin-right: 0 } /* Base Grid */ .wrapper { position: relative; width: 960px; margin: 0 auto; padding: 0; } .wrapper .span, .wrapper .spans { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .span.alpha, .spans.alpha, .span.first, .spans.first { margin-left: 0; } .span.omega, .spans.omega, .span.last, .spans.last { margin-right: 0; } /* Base Grid */ .wrapper .one.span, .wrapper .one.spans { width: 40px; } .wrapper .two.spans { width: 100px; } .wrapper .three.spans { width: 160px; } .wrapper .four.spans { width: 220px; } .wrapper .five.spans { width: 280px; } .wrapper .six.spans { width: 340px; } .wrapper .seven.spans { width: 400px; } .wrapper .eight.spans { width: 460px; } .wrapper .nine.spans { width: 520px; } .wrapper .ten.spans { width: 580px; } .wrapper .eleven.spans { width: 640px; } .wrapper .twelve.spans { width: 700px; } .wrapper .thirteen.spans { width: 760px; } .wrapper .fourteen.spans { width: 820px; } .wrapper .fifteen.spans { width: 880px; } .wrapper .sixteen.spans { width: 940px; } .wrapper .one-third.spans { width: 300px; } .wrapper .two-thirds.span { width: 620px; } .wrapper .one-fifth.spans { width:172px; } .wrapper .one-sixth.spans { width:140px; } .wrapper .one-seventh.spans { width:117px; } /* Offsets */ .wrapper .offset-by-one { padding-left: 60px; } .wrapper .offset-by-two { padding-left: 120px; } .wrapper .offset-by-three { padding-left: 180px; } .wrapper .offset-by-four { padding-left: 240px; } .wrapper .offset-by-five { padding-left: 300px; } .wrapper .offset-by-six { padding-left: 360px; } .wrapper .offset-by-seven { padding-left: 420px; } .wrapper .offset-by-eight { padding-left: 480px; } .wrapper .offset-by-nine { padding-left: 540px; } .wrapper .offset-by-ten { padding-left: 600px; } .wrapper .offset-by-eleven { padding-left: 660px; } .wrapper .offset-by-twelve { padding-left: 720px; } .wrapper .offset-by-thirteen { padding-left: 780px; } .wrapper .offset-by-fourteen { padding-left: 840px; } .wrapper .offset-by-fifteen { padding-left: 900px; } /* Self Clearing Goodness */ .wrapper:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both } .row, .clearfix { zoom: 1;} .clear { clear: both; visibility: hidden; width: 0; height: 0; } /* ------------------------------------------------------------------------ */ /* 03. General Styles /* ------------------------------------------------------------------------ */ body { font-family: "Quicksand",Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6em; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: #20171A url('images/bg_body.jpg') repeat-x 0 168px; } body .sw-editing-highlight { font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #808080; line-height: 1.6em; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: #20171A url('images/bg_body.jpg') repeat-x 0 0; } body.home{background: #fff url('images/slice_background_slideshow.jpg') repeat-x 0 114px;} ::selection { background: #fff; color: #000; } ::-moz-selection { background: #0eafb5; color: #ffffff; } img.scale-with-grid { max-width: 100%; height: auto; } /* ------------------------------------------------------------------------ */ /* 04. Typography /* ------------------------------------------------------------------------ */ html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } h1, h2, h3, h4, h5,.h5, h6, .h6 { color: #444; font-family: Arial, Helvetica, sans-serif; font-style: bold; margin: 0 0 10px 0; padding: 0; line-height: 1.2em; } h1 a, h2 a, h3 a, h4 a, .h5 a, h5, h6 a, .h6 a { font-weight: inherit } } h1 { font-size: 28px; line-height: 1.6; } h2 { font-size: 22px; line-height: 1.6; } h3 { font-size: 18px; line-height: 1.6; } h4 { font-size: 16px; line-height: 1.6; } h5,.h5 { font-size: 14px; line-height: 1.6; } h6, .h6 { font-size: 12px; line-height: 1.6; } .highlight { color: #0eafb5; } p { margin: 0 0 20px 0; line-height: 24px;} p img { margin: 0 } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre { height: auto; font-family: Consolas, monospace; border: 1px solid #e2e2e2; background: #f7f7f7; padding: 10px 20px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0 0 20px 0; overflow-x:auto; } .hidden { display: none !important } /* Links ---------------------------------------------------- */ a, a:visited { color: #999999; text-decoration: none; outline: 0; } /* Transisiton for Links */ #sidebar a, #footer a, #upper-widgets a, #titlebar a, #no-heading a, #header a, #wrap a, #copyright a{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #wrap .portfolio-post-one a{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } a:hover, a:focus { color: #666666 } p a, p a:visited { line-height: inherit } /* Lists ---------------------------------------------------- */ ul, ol { margin-bottom: 20px } ul { list-style: none outside } ol, ul { margin: 15px 0 15px 15px; } ol { list-style: decimal } ul { list-style: square outside } ul li ul, ol li ul, ol li ul, ol li ol { margin-bottom: 15px } /* ------------------------------------------------------------------------ */ /* 05. Forms /* ------------------------------------------------------------------------ */ form, fieldset { margin-bottom: 20px } input[type="text"], input[type="password"], input[type="email"], textarea, select { background: #fff; border: 1px solid #ccc; padding: 8px 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 20px; width: 180px; color: #999; border: 1px solid #d4d4d4 } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #bbb; color: #333; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); } textarea { min-height: 60px } select { width: 220px; padding: 5px; } label, legend { cursor: pointer; display: block; } label span, legend span { font-weight: bold } button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: pointer; } button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{ -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16); } /* Contactform 7 Specific Styling ---------------------------------------------------- */ .wpcf7-form input[type="text"] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 400px; max-width: 100%; margin: 5px 0 0 0; } .wpcf7-form textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; max-width: 100%; margin: 5px 0 0 0; } .wpcf7-form select { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 400px; max-width: 100%; margin: 5px 0 0 0; padding:8px; } .wpcf7-form input[type="checkbox"] { width: auto } .wpcf7 form.wpcf7-form p { font-weight: bold; margin: 0 0 20px 0 !important; } .wpcf7-list-item-label { font-weight: normal } .wpcf7-response-output { display: none } .wpcf7-form .invalid { color: #bf1515 !important } .wpcf7-not-valid { border: 1px solid #bf1515 !important } .wpcf7 span.wpcf7-not-valid-tip { display: none } div.wpcf7-response-output { margin: 0px !important; padding: 5px 10px !important; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors{ position:relative; border:none !important; display:block; padding:10px 40px !important; text-align:center; margin-bottom:20px; background-color: #7c7c7c; font-weight:bold; color: #ffffff; text-align: center; margin-bottom:20px; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); } div.wpcf7-mail-sent-ok { background-color: #5cbc50; color:#ffffff; } div.wpcf7-mail-sent-ng { background-color: #0eafb5; color:#ffffff; } div.wpcf7-spam-blocked { background-color: #0eafb5; color:#ffffff; } div.wpcf7-validation-errors { background-color: #e55442; color:#ffffff; } /* ------------------------------------------------------------------------ */ /* 06. Boxed Layout */ /* ------------------------------------------------------------------------ */ #boxed-layout { width: 1000px; margin: 0px auto; background: #ffffff; -webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3); } #boxed-layout .wrapper { } #background { position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; z-index: -1; } /* ------------------------------------------------------------------------ */ /* 07. Upper Socket */ /* ------------------------------------------------------------------------ */ #socket { height: 40px; font-size: 10px; background: #ffffff; position:relative; width:100%; z-index: 100; } #socket .text-input { line-height: 40px; color: #999999; } #socket .text-input a { color: #999999 } #socket .text-input a:hover { color: #666666 } #socket .sociable-ico ul { list-style: none; margin: 0 0 -1px 0; float: right; } /* ------------------------------------------------------------------------ */ /* 08. Socket Social Network Icons */ /* ------------------------------------------------------------------------ */ #socket .sociable-ico ul{ list-style: none; margin: 0 0 -1px 0; float: right; } .sociable-ico ul li{ display:block; float: left; margin:0; padding:0; } .sociable-ico ul li a{ -webkit-transition:background-color 0.25s ease-in-out; -moz-transition:background-color 0.25s ease-in-out; -o-transition:background-color 0.25s ease-in-out; transition:background-color 0.25s ease-in-out; display:block; width:40px; height:40px; text-indent:-9999px; background-position: 0px 0px; background-repeat: no-repeat; opacity: 0.6; } .sociable-ico a:hover{ background-color: #cccccc; background-position: 0px -40px !important; opacity: 1; } .sociable-email a { background: url(images/icons/email.png) no-repeat 0 0 } .sociable-email a:hover { background-color: #666666 } .sociable-aim a { background: url(images/icons/aim.png) no-repeat 0 0 } .sociable-aim a:hover { background-color: #e95a00 } .sociable-apple a { background: url(images/icons/apple.png) no-repeat 0 0 } .sociable-apple a:hover { background-color: #606060 } .sociable-behance a { background: url(images/icons/behance.png) no-repeat 0 0 } .sociable-behance a:hover { background-color: #18a3fe } .sociable-blogger a { background: url(images/icons/blogger.png) no-repeat 0 0 } .sociable-blogger a:hover { background-color: #fb913f } .sociable-cargo a { background: url(images/icons/cargo.png) no-repeat 0 0 } .sociable-cargo a:hover { background-color: #00c462 } .sociable-delicious a { background: url(images/icons/delicious.png) no-repeat 0 0 } .sociable-delicious a:hover { background-color: #3274d1 } .sociable-deviantart a { background: url(images/icons/deviantart.png) no-repeat 0 0 } .sociable-deviantart a:hover { background-color: #d0de21 } .sociable-digg a { background: url(images/icons/digg.png) no-repeat 0 0 } .sociable-digg a:hover { background-color: #2882c6 } .sociable-dopplr a { background: url(images/icons/dopplr.png) no-repeat 0 0 } .sociable-dopplr a:hover { background-color: #99cc66 } .sociable-dribbble a { background: url(images/icons/dribbble.png) no-repeat 0 0 } .sociable-dribbble a:hover { background-color: #ef5b92 } .sociable-ember a { background: url(images/icons/ember.png) no-repeat 0 0 } .sociable-ember a:hover { background-color: #fb9d00 } .sociable-evernote a { background: url(images/icons/evernote.png) no-repeat 0 0 } .sociable-evernote a:hover { background-color: #77ba2f } .sociable-facebook a { background: url(images/icons/facebook.png) no-repeat 0 0 } .sociable-facebook a:hover { background-color: #3b5998 } .sociable-flickr a { background: url(images/icons/flickr.png) no-repeat 0 0 } .sociable-flickr a:hover { background-color: #f1628b } .sociable-forrst a { background: url(images/icons/forrst.png) no-repeat 0 0 } .sociable-forrst a:hover { background-color: #5b9a68 } .sociable-github a { background: url(images/icons/github.png) no-repeat 0 0 } .sociable-github a:hover { background-color: #7292a2 } .sociable-google a { background: url(images/icons/google.png) no-repeat 0 0 } .sociable-google a:hover { background-color: #dd4b39 } .sociable-googleplus a { background: url(images/icons/googleplus.png) no-repeat 0 0 } .sociable-googleplus a:hover { background-color: #d94a39 } .sociable-gowalla a { background: url(images/icons/gowalla.png) no-repeat 0 0 } .sociable-gowalla a:hover { background-color: #ff920d } .sociable-grooveshark a { background: url(images/icons/grooveshark.png) no-repeat 0 0 } .sociable-grooveshark a:hover { background-color: #f88e00 } .sociable-html5 a { background: url(images/icons/html5.png) no-repeat 0 0 } .sociable-html5 a:hover { background-color: #f3642c } .sociable-icloud a { background: url(images/icons/icloud.png) no-repeat 0 0 } .sociable-icloud a:hover { background-color: #fb913f } .sociable-lastfm a { background: url(images/icons/lastfm.png) no-repeat 0 0 } .sociable-lastfm a:hover { background-color: #d21309 } .sociable-linkedin a { background: url(images/icons/linkedin.png) no-repeat 0 0 } .sociable-linkedin a:hover { background-color: #71b2d0 } .sociable-metacafe a { background: url(images/icons/metacafe.png) no-repeat 0 0 } .sociable-metacafe a:hover { background-color: #ef4035 } .sociable-mixx a { background: url(images/icons/mixx.png) no-repeat 0 0 } .sociable-mixx a:hover { background-color: #d80330 } .sociable-myspace a { background: url(images/icons/myspace.png) no-repeat 0 0 } .sociable-myspace a:hover { background-color: #003398 } .sociable-netvibes a { background: url(images/icons/netvibes.png) no-repeat 0 0 } .sociable-netvibes a:hover { background-color: #629e61 } .sociable-newsvine a { background: url(images/icons/newsvine.png) no-repeat 0 0 } .sociable-newsvine a:hover { background-color: #5b965a } .sociable-orkut a { background: url(images/icons/orkut.png) no-repeat 0 0 } .sociable-orkut a:hover { background-color: #ed2590 } .sociable-paypal a { background: url(images/icons/paypal.png) no-repeat 0 0 } .sociable-paypal a:hover { background-color: #32689a } .sociable-picasa a { background: url(images/icons/picasa.png) no-repeat 0 0 } .sociable-picasa a:hover { background-color: #444 } .sociable-pinterest a { background: url(images/icons/pinterest.png) no-repeat 0 0 } .sociable-pinterest a:hover { background-color: #cb2027 } .sociable-plurk a { background: url(images/icons/plurk.png) no-repeat 0 0 } .sociable-plurk a:hover { background-color: #f35b36 } .sociable-posterous a { background: url(images/icons/posterous.png) no-repeat 0 0 } .sociable-posterous a:hover { background-color: #f9d560 } .sociable-reddit a { background: url(images/icons/reddit.png) no-repeat 0 0 } .sociable-reddit a:hover { background-color: #cde2f9 } .sociable-rss a { background: url(images/icons/rss.png) no-repeat 0 0 } .sociable-rss a:hover { background-color: #fe9900 } .sociable-skype a { background: url(images/icons/skype.png) no-repeat 0 0 } .sociable-skype a:hover { background-color: #18b7f1 } .sociable-stumbleupon a { background: url(images/icons/stumbleupon.png) no-repeat 0 0 } .sociable-stumbleupon a:hover { background-color: #eb4924 } .sociable-technorati a { background: url(images/icons/technorati.png) no-repeat 0 0 } .sociable-technorati a:hover { background-color: #7ac84f } .sociable-tumblr a { background: url(images/icons/tumblr.png) no-repeat 0 0 } .sociable-tumblr a:hover { background-color: #3a5976 } .sociable-twitter a { background: url(images/icons/twitter.png) no-repeat 0 0 } .sociable-twitter a:hover { background-color: #48c4d2 } .sociable-vimeo a { background: url(images/icons/vimeo.png) no-repeat 0 0 } .sociable-vimeo a:hover { background-color: #62a0ad } .sociable-wordpress a { background: url(images/icons/wordpress.png) no-repeat 0 0 } .sociable-wordpress a:hover { background-color: #464646 } .sociable-yahoo a { background: url(images/icons/yahoo.png) no-repeat 0 0 } .sociable-yahoo a:hover { background-color: #ab64bc } .sociable-yelp a { background: url(images/icons/yelp.png) no-repeat 0 0 } .sociable-yelp a:hover { background-color: #c41200 } .sociable-youtube a { background: url(images/icons/youtube.png) no-repeat 0 0 } .sociable-youtube a:hover { background-color: #f45750 } .sociable-zerply a { background: url(images/icons/zerply.png) no-repeat 0 0 } .sociable-zerply a:hover { background-color: #8db259 } .sociable-zootool a { background: url(images/icons/zootool.png) no-repeat 0 0 } .sociable-zootool a:hover { background-color: #262626 } /* ------------------------------------------------------------------------ */ /* 10. Header */ /* ------------------------------------------------------------------------ */ .header { background: #202020; } .header .logo { font-size: 20px; line-height: 20px; font-weight: 600; margin-bottom: 0 !important; } .header .logo img { max-width: 100%; height: auto; } .header .logo .logo_standard{ } .header .logo .logo_smitten{ display: none; } /* ------------------------------------------------------------------------ */ /* 12. Header - Searchform */ /* ------------------------------------------------------------------------ */ #header-searchform { float: right; margin:0px 0 0 10px; } #header-searchform input { margin: 0; padding: 8px 0 8px 34px; width: 0px; font-size: 12px; line-height: 1; cursor: pointer; background: url(images/search.png) no-repeat 9px 8px; opacity: 0.5; border: none; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color: #ffffff; } #header-searchform input:hover{ opacity: 1; } #header-searchform input:focus { opacity: 1; font-size: 12px; padding: 8px 0 8px 34px; width: 115px; border: none; color: #555555; background-color: #efefef; cursor: text; } #header-searchform #header-searchsubmit { display: none; } /* Hide Search Submit button */ /* ------------------------------------------------------------------------ */ /* 12. Header - Cart */ /* ------------------------------------------------------------------------ */ #header-cart { float: right; display: block; height: 30px; width: 16px; line-height: 30px; padding: 5px 0 0 0; margin:0px 2px 0 18px; opacity: 0.5; background: url(images/cart.png) no-repeat 0 8px; } #header-cart:hover{ opacity: 1; } /* ------------------------------------------------------------------------ */ /* 12. Content */ /* ------------------------------------------------------------------------ */ body #wrap{padding-bottom:30px;font-size:16px;} body.home #wrap { padding: 30px 0 30px 0;} body .entry{color:#BFBFBF;} body.home .entry{color:#808080} #main-content.sidebar-left { float: right } .home #wrap\ nopadding{background:url('images/bg_body.jpg') repeat-x left top #1f181a !important;z-index:10000;} .section-parallax{background:transparent !important;} .home .section.section-parallax { background-color: #ffffff; border-top: ; border-bottom: ; padding: 20px 0 40px; margin: ; } .home .h4 { font-size: 2em; color: #ed1e24; font-weight: 700; margin: 0 0 10px 0; font-family: "Quicksand",Arial !important; line-height: 1.6em; } .rev_slider_wrapper{z-index:0;} h1,h2,h3,h4,h5,.h5,h6,.h6{font-family:"Quicksand",Arial !important;} h2.title{color:#BFBFBF;} .post-96 .three_fifth{margin-right:0;font-size:1.2em;} .post-96 .two_fifth.last{margin-left:0;width:41%;position:relative;} .post-96 .two_fifth.last img{position:absolute;} .wp-image-3362{top:-70px;} .wp-image-3361{top:-70px;left:260px;} .wp-image-3359{top:60px;left:260px;} .post-96 .alignleft,.post-96 .alignright{margin-right:0;margin-left:0;} .post-96 .two_fifth.last p{margin:0;} .post-96 .three_fifth h2, .post-96 h3{color:white;font-size:2.2em;font-weight:700;} .post-96 .three_fifth h2 span{color:#ed1e24;} .post-96 h3{line-height:0.9;} .post-96 h3 span{font-weight:400;} .profilePhoto{float:left;margin-right:10px;} .profileText{float:right;width:78%;} .post-96 .teaser{padding:15px !important;background-color:#484848;height:300px;} .post-96 .one_half{margin-right:2%;width:49%} .profileText h4{font-size:2em;color:#ed1e24;font-weight:700;} .profileText p{line-height:1.2;font-size:1.15em;color:#BFBFBF;} .col3 h5, .col3 .h5{color:#ed1e24;font-size:1.85em;line-height:1.1;margin-bottom:15px;} .col3 h5 span, .col3 .h5 span{/*color:#00aeef;*/} .col3 p{font-size:1.2em;line-height:1.2;} .post-96 h6 *, .post-96 .h6 *{height:31px;vertical-align:middle;} .post-96 h6 img, .post-96 .h6 img{display:inline;margin-right:6px;} .post-96 h6, .post-96 .h6 {color:white;font-size:1.8em;font-family:'Ubuntu' !important;line-height:1;} .post-96 .h6 a {color:white;} .post-96 .h6 a:hover {color:#515151;} .wp-image-3363{right:0;} .post-96 .footer, .pageFooter{text-align:center;padding:20px 0;font-size:1.3em;} body.home .block.footer{display:none;} .page-template-template-sidebar-right-php h2, .single-format-standard h2, body.category h2{color:white;margin:20px 0 10px;} .page-template-template-sidebar-right-php .entry_content p{margin:0 0 10px;} .projects-nav{display:none !important;} #sidebar .widget h3 span{color: #ed1e24;font-weight:700;} /* Standard Title ---------------------------------------------------- */ #titlebar { padding: 35px 0 5px 0; font-weight:700; } #titlebar h1 { font-size: 18px; line-height: 22px; color:#ed1e24; font-weight:700; } #titlebar h2 { display: block; font-weight: lighter; color: #aaaaaa; font-size: 15px; line-height: 22px; margin: 0; padding: 0; } #titlebar #breadcrumbs { font-size: 11px; text-align: right; color: #aaaaaa; line-height: 28px; padding: 0; margin-right: 10px; float:right; } #heading #breadcrumbs.breadcrumbpadding { padding-top: 15px; } #heading #breadcrumbs a { color: #aaaaaa; } #heading #breadcrumbs a:hover { color: #289dcc; } /* No Title ---------------------------------------------------- */ #no-heading{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } #no-heading .no-title-border { border-top: 1px solid #e4e4e4; } #no-heading #breadcrumbs { padding: 20px 0 19px 0; font-size: 11px; line-height: 0px; color: #999999; } #no-heading #breadcrumbs a { color: #999999 } #no-heading #breadcrumbs a:hover { color: #289dcc } #no-heading #breadcrumbs .wrapper { padding-left: 20px } #no-heading-divider { border-top: 1px solid #e4e4e4; } /* ------------------------------------------------------------------------ */ /* 13. Blog Standard - Overview */ /* ------------------------------------------------------------------------ */ .blog .entry { } .entry img { display: block; max-width:100%; height:auto; } .entry-icon { display: block; width: 100%; height: 35px; margin: 0 0 20px; background-position:center center; background-repeat:no-repeat; background-color: #242424; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); } .entry-icon:hover{ display: block; color: #969696; text-align:center; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: inset 0px -2px 0px 0px rgba(180, 180, 180, 0.3); } .entry-icon:active{ display: block; position: relative; text-align:center; top: 3px; -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); } .entry-icon.standard { background-image: url(images/blogpost-standard.png) } .entry-icon.imagegallery { background-image: url(images/blogpost-gallery.png) } .entry-icon.link { background-image: url(images/blogpost-link.png) } .entry-icon.quote { background-image: url(images/blogpost-quote.png) } .entry-icon.video { background-image: url(images/blogpost-video.png) } .entry-icon.audio { background-image: url(images/blogpost-audio.png) } .entry-content { float: left; width: 584px; padding: 0 5px 0 30px; } .blog .entry-heading { margin:0 !important; padding: 0 !important; } .entry-heading h2{ padding: 0 !important; font-weight: bold; font-size: 20px; } .entry-heading h2 a { margin:0 !important; } .entry-meta { margin-left: 55px; } .entry-meta span { background: #f4f4f4; padding: 8px 15px 6px 10px; margin: 0 10px 0 0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; color: #999999; font-size: 11px; } .entry-meta span i { opacity: 0.4; filter: alpha(opacity=40); margin: -2px 10px 0 0; } .entry-content .entry-more {overflow:hidden;} .entry-content a.read-more-link{ display: block; background-color: #fdfdfd; border-color:#f7f7f7; color:#969696; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; } .entry-content a.read-more-link:hover{ display: block; color: #969696; border: solid 1px #f7f7f7; background-color: #f7f7f7; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; } .entry-content a.read-more-link:active{ display: block; position: relative; text-align:center; top: 3px; -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); } .entry-image a { display:block; position: relative; } .search-result{ border-bottom: 1px solid #efefef; padding: 0 0 30px 0; margin: 0 0 30px 0; } .search-content a.read-more-link{ display: block; background-color: #fdfdfd; font-size:12px; float:left; padding:10px 20px; border-color:#f7f7f7; color:#969696; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .search-content a.read-more-link:hover{ display: block; color: #969696; border: solid 1px #f7f7f7; background-color: #f7f7f7; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; } .search-content a.read-more-link:active{ display: block; position: relative; text-align:center; top: 3px; -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); } .search-meta{ margin: 20px 0 0 0;} .search-meta span { background: #f4f4f4; padding: 8px 15px 6px 10px; margin: 0 10px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #999999; font-size: 11px; } .search-meta span a { color: #999999 } .search-meta span a:hover { color: #666666 } .search-meta span i { opacity: 0.4; filter: alpha(opacity=40); margin: -2px 10px 0 0; } .search-meta span.meta-category { display: none; } /* Blog Masonry Style */ #wrap .blog-masonry { overflow:hidden; padding-bottom:20px; } #wrap .blog-masonry .entry { float: left; width: 291px; border:1px solid #ddd; margin:0 20px 20px 0; padding:0; } #wrap .blog-masonry .entry.odd { margin-right:0; } #wrap .blog-masonry .entry .entry-image, #wrap .blog-masonry .entry .entry-gallery, #wrap .blog-masonry .entry .entry-video, #wrap .blog-masonry .entry .entry-audio { margin-bottom:0 !important; } #wrap .blog-masonry .entry .entry-gallery { border:none; padding:5px 5px 5px 6px; } #wrap .blog-masonry .entry .entry-gallery { height:190px; } #wrap .blog-masonry .entry .entry-gallery li a { display:block; } #wrap .blog-masonry .entry .entry-link { margin:0; } #wrap .blog-masonry .entry .entry-image { margin-bottom:0 !important; } #wrap .blog-masonry .entry .entry-image a { display:block; float:none; } #wrap .blog-masonry .entry .entry-image .overlay { width:280px; left:5px; top:0; } #wrap .blog-masonry .entry .entry-image img { display:block; margin:5px auto; float:none; width:280px; border:none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0; } #wrap .blog-masonry .entry .entry-content { float:none; width:auto; padding:5px 10px; } #wrap .blog-masonry .entry .entry-content p {margin:0;} #wrap .blog-masonry .entry .entry-heading h2 { margin-bottom:5px; line-height:1.3; font-size:16px; } #wrap .blog-masonry .entry .entry-heading .meta-date { font-size:11px; display:block; padding:8px 0; } #wrap .blog-masonry .entry .entry-heading .meta-date .icon-calendar { margin-right:5px; } #wrap .blog-masonry .entry .entry-more { padding:5px 0; } #wrap .blog-masonry .entry .entry-meta { overflow:hidden; border-top:1px solid #e6e6e6; background:#fafafa; margin:0; } #wrap .blog-masonry .entry .entry-meta span i { margin-right:5px; } #wrap .blog-masonry .entry .entry-meta span { background:#FAFAFA; display:block; float:left; margin:0; padding:8px 5px 6px 10px; } .load-more-wrap { position:absolute; bottom:10px; width:100%; } .load-more-wrap a#load-more-posts { color:#353535; font-weight:bold; font-size:11px; display:block; border:1px solid #dee1e3; background-color:#fafafa; padding:9px 10px; cursor:pointer; margin:0 20px; text-align:center; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } .load-more-wrap a#load-more-posts.loading { background-image:url(images/ajax-loader.gif); background-position:60% center; background-repeat:no-repeat; } /* Different Post Types ---------------------------------------------------- */ .entry-side-meta { float:left; width:80px; } .entry-side-meta .entry-meta {margin-left:0;} .entry-side-meta .entry-meta span {background:none; display:block; padding:0 0 10px; margin:0;} .entry-side-meta .entry-meta span label {font-weight:bold; color:#404040;} .standard .entry-image { border:1px solid #e8e8e8; padding:4px; } .standard .entry-content { } .entry-image, .entry-gallery, .entry-video, .entry-audio { margin-bottom: 20px !important; } .entry-image { overflow:hidden; } /*.entry-video iframe{ width:100%; height:auto; }*/ .entry-image img{ max-width: 100%; height: auto; margin:0 auto; display:block; } .portfolio-side .entry-image img { width:100%; } .portfolio-wide .entry-image a { float:left; overflow:hidden; } .portfolio-wide .entry-image img { float:left; } .entry-gallery { border:1px solid #e8e8e8; padding:5px; } .entry-link { margin-top: -15px; margin-bottom:10px; color: #cccccc; } .entry-quote { background: #333333 url(images/quote.png) no-repeat 15px 20px; position: relative; padding: 20px 30px 20px 50px; margin: 0 0 20px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .entry-quote h2 { margin: 0 0 0px 0; padding: 0; font-size: 18px; font-family: Georgia, "Times New Roman", serif; font-weight:normal; font-style: italic; color:#ffffff; } .entry-quote .quote-source a { font-size: 13px; font-weight: normal; color: #999999 !important; padding: 0; } /* Image Hover Overlay ---------------------------------------------------- */ .overlay { position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); display: block; width: 100%; height: 100%; opacity: 0; background-image: url(images/overlay-lightbox.png); background-position: center center; background-repeat: no-repeat; } .entry-image .overlay { background-image: url(images/round-overlay-link.png); background-position: center center; background-repeat: no-repeat; } .video .entry-image .overlay { background-image: url(images/round-overlay-video.png); } .gallery .entry-image .overlay, .portfolio-detail .overlay, .portfolio-detail .entry-image .overlay{ background-image: url(images/round-overlay-lightbox.png); } .single .entry-image .overlay { background-image: url(images/round-overlay-lightbox.png); background-position: center center; background-repeat: no-repeat; } .entry-gallery .overlay { background-image: url(images/round-overlay-link.png); background-position: center center; background-repeat: no-repeat; } .single .entry-gallery .overlay { background-image: url(images/round-overlay-lightbox.png); background-position: center center; background-repeat: no-repeat; } /* ------------------------------------------------------------------------ */ /* 14. Blog - Single Post */ /* ------------------------------------------------------------------------ */ .single .entry { margin-bottom: 20px } .single .entry-meta { margin-left: 0; margin-bottom: 20px; } .single .entry-tags a { display: block; float: left; border: 1px solid #dddddd; color: #999999; margin: 0 7px 7px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding: 5px 10px 5px 10px; font-size: 12px; } .single .entry-tags a:hover { background: #0eafb5; border-color: #0eafb5; color: #ffffff; } /* Contributor Information ---------------------------------------------------- */ #contributor-info { margin: 0px 0px 20px 105px; overflow: hidden; border-bottom: 1px solid #EFEFEF; display: block; padding-bottom:20px; } #contributor-info h4 { margin: 0px 0 10px 0; font-weight:normal; color:#666666; font-size:16px; } #contributor-info .contributor-image { float: left; width: 55px; padding: 2px; } #contributor-info .contributor-image img { display: block; border: 3px solid #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1); } #contributor-info .contributor-bio { position:relative; float: right; width: 480px; padding: 15px; color:#6b6b6b; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #contributor-info .contributor-bio span { position:absolute; left:-7px; top:12px; width:8px; height:12px; background:url(images/icon-bio-left.png) no-repeat 0 0; } /* Share ---------------------------------------------------- */ .share { margin-left: 105px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 20px; padding: 10px 0 10px 0; } .share h4 { float: left; margin: 10px 0 0; color: #6b6b6b; font-weight:bold; font-size: 14px; } .share .sociable-ico { float: right; list-style: none; margin: 0; } .share .sociable-ico a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; display: block; width: 40px; height: 40px; text-indent: -9999px; background-position: 0px 0px; background-repeat: no-repeat; opacity: 0.6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .share .sociable-ico a:hover { background-color: #666666 !important; background-position: 0px -40px !important; opacity: 1; } /* Related Posts ---------------------------------------------------- */ #related-posts { margin-top: 40px; margin-left:105px; } #related-posts h3.title {font-size:16px; color:#666666; font-weight:normal;} #related-posts ul { list-style: none; margin:0; overflow:hidden; } #related-posts ul li { float:left; width:178px; margin-right:20px; } #related-posts ul li.odd { margin-right:0; } #related-posts ul li .entry-image { border:1px solid #e8e8e8; margin-bottom:10px !important; padding-right: 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #related-posts ul li .entry-image .overlay { width:170px; height:120px; background-image: url(images/round-overlay-link.png); } #related-posts ul li .entry-image img { display:block; margin:4px auto; width:170px; height:120px; } #related-posts ul li a { color:#000; font-weight:bold; font-size:12px; display:block; margin-left:3px; line-height: 1.2em; margin-bottom: 4px; } #related-posts ul li span { display:block; color:#6b6b6b; font-size:11px; background:url(images/icon-calendar.png) no-repeat 0 2px; padding:0 0 0 16px; margin-left:3px; } /* ------------------------------------------------------------------------ */ /* 15. Pagination */ /* ------------------------------------------------------------------------ */ #pagination { } #pagination a, #pagination span { display: block; float: left; margin: 0 7px 0 0; padding: 7px 10px 6px 10px; border: 1px solid #cccccc; font-size: 12px; line-height:12px; color: #3d3d3d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #pagination a.previous {margin-right:30px;} #pagination a.next {margin-left:30px;} #pagination span.nopage { border:none; padding-left:2px; padding-right:2px; } #pagination a:hover { color: #ffffff; border-color: #0eafb5; background: #0eafb5; } #pagination span.current { background: #333333; border-color: #333333; color: #ffffff; font-weight: bold; } /* ------------------------------------------------------------------------ */ /* 16. Comments - List */ /* ------------------------------------------------------------------------ */ .comments { margin-top: 40px; margin-left:105px; } .commentsfeed { list-style: none; margin: 30px 0 0 0; } .commentsfeed li { background: url(images/dotted.png) repeat-x bottom left; padding: 0px 0 20px 0; margin: 0 0 20px 0; } .commentsfeed li:last-child { margin: 0; background: none; } .commentsfeed li ul { list-style: none; margin: 0 0 0 80px; } .commentsfeed li ul li { background: url(images/dotted.png) repeat-x top left !important; margin: 10px 0 0px 0 !important; padding: 40px 0 0 0; } .commentsfeed li .avatar { float: left; margin-right: 10px; } .commentsfeed li .avatar img { display: block; border: 4px solid #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .commentsfeed li .comment-text { overflow: hidden; position: relative; } .commentsfeed li .author { margin-top: 0px; margin-bottom: 10px; line-height: 17px; } .commentsfeed li .author span { display: inline; font-weight: bold; } .commentsfeed li .date { font-size: 11px; color: #999999; } .commentsfeed li .date a { color: #999999 } .commentsfeed li .date a:hover { color: #333333 } .commentsfeed li em { font-size: 11px; color: #cccccc; font-style: normal; margin-bottom: 20px; display: block; } /* ------------------------------------------------------------------------ */ /* 17. Comments - Reply */ /* ------------------------------------------------------------------------ */ #respond { margin-bottom: 40px } form#commentform{ margin-top:30px; margin-right: 20px; } #respond .required { color: #c82929; display: inline-block; margin: 3px 0 0 6px; font-size: 14px; font-weight: normal; } /*#reply p { clear: both }*/ #reply-inputs p{ width: 220px; margin-right:20px; float: left; } #reply-inputs p.last{ margin: 0; } #respond input { display: block; width: auto; margin: 0; } textarea#comment { display: block; width: 683px; } #respond p.comment-notes, #respond p.form-allowed-tags { display: none } #respond input#submit{ display: block; background-color: #fdfdfd; border-color:#f7f7f7; color:#969696; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; } #respond input#submit:hover{ display: block; color: #969696; border: solid 1px #f7f7f7; background-color: #f7f7f7; text-align:center; box-shadow: 0px 3px 0px 0px #e0e0e0; } #respond input#submit:active{ display: block; position: relative; text-align:center; top: 3px; -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); } #respond .headline-title-wrap{ margin-top:20px; } #cancel-comment-reply-link { font-size:13px; } #commentform input.error, #commentform textarea.error { border-color: #c82929; background: #fbf2f2; } #commentform div.error, #commentform label.error { color: red; display: none !important; } /* ------------------------------------------------------------------------ */ /* 18. Portfolio - Overview */ /* ------------------------------------------------------------------------ */ .list_carousel {position:relative;} .carousel-nav { position: absolute; right: 0px; top: -50px; padding: 0px 0px 0px 0px; } .carousel-nav a { float:left; background:#ed0800; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:2em; text-align:center; width:20px; height:20px; cursor:pointer; margin-left:3px; font-size:10px; } .carousel-nav a:hover {background:#c1c1c1;} #portfolio-wrap { width: 100%; margin-bottom: -30px; } #portfolio-wrap .portfolio-embed {margin:0 auto;} .embedd-video { display: none } .portfolio #pagination { margin-top: 40px } /* Filter ---------------------------------------------------- */ #filter { margin:0 0 20px 10px; margin-bottom: 30px; } #filter ul { margin: 15px 0 15px 0; list-style: none; color: #fff !important; } #filter ul li { display: block; float: left; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color: #F9F9F9; color: #fff; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } #filter ul li a { display: block; float: left; padding: 5px 15px; color: #fff; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #filter ul li a:hover { color:#fff; background-color: rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #filter ul li a.active { color: #fff; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* Portfolio Filter Transitions ---------------------------------------------------- */ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* Portfolio Posts ---------------------------------------------------- */ .latest-portfolio .portfolio-post .portfolio-it:hover { border-bottom: 2px solid #0eafb5; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; } .portfolio-post { width: 220px; margin: 0 0 20px 0; padding: 0; position: relative; overflow: hidden; } .portfolio-embed iframe {width:100%; height:100%;} .portfolio-post .portfolio-pic { overflow: hidden; display: block; position: relative; } .latest-portfolio .portfolio-post.four .portfolio-it { height: 100%; border-bottom: 2px solid #ddd; padding-bottom: 15px; } .latest-portfolio .portfolio-post.four img { display: block; margin: 0 auto; width: 220px; height: 150px; } .portfolio-post .portfolio-title { display: block; padding: 15px 0 0 0; } .portfolio-post .portfolio-title h4 { margin: 0; padding:0; font-size:14px !important; font-weight: bold; color: #353535; text-align: center; } .portfolio-post .meta { height:20px; overflow:hidden; text-align: center; padding-top: 2px; } .portfolio-post .meta a { margin: 0; padding:0; font-size:11px; } /* Portfolio Image Overlay ---------------------------------------------------- */ .portfolio-post .portfolio-overlay { display: block; width: 220px; height: 150px; overflow: hidden; background: #0eafb5; position: absolute; top: 5px; left: 5px; opacity: 0; } .portfolio-post .portfolio-embed { width: 220px; height: 150px; margin:0 auto; } .portfolio-post .portfolio-overlay .overlay-link, .portfolio-post-one .portfolio-overlay .overlay-link, .portfolio-post .portfolio-overlay .overlay-lightbox, .portfolio-post-one .portfolio-overlay .overlay-lightbox { width: 50px; height: 50px; position: absolute; left: 85px; display: block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; opacity: 0; text-align:center; line-height: 50px !important; font-size: 18px; color:#fff; } .portfolio-post .portfolio-overlay a.icon { background: #fbfbfb; width:30px; height:30px; display:block; cursor:pointer; position:absolute; bottom:15px; right:15px; text-align:center; line-height: 30px !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1.4em; } .portfolio-post .portfolio-overlay a.icon i { } /* Portfolio Layout: 1 Column ---------------------------------------------------- */ .portfolio-post-one{ margin:0 0 30px 0; padding:0 0 31px 0; background: #ffffff url(images/dotted.png) repeat-x bottom; /* fix for jquery opacity font alias */ } .portfolio-post-one .portfolio-picwrap{ width: 460px; height: 250px; float: left; margin:0 30px 0 0; overflow: hidden; position: relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .portfolio-post-one .portfolio-desc{ width: 450px; float: left; } .portfolio-post-one .portfolio-picwrap img{ display: block; width: 460px; height: 250px; } .portfolio-post-one .portfolio-desc .read-more-link{ display:none; } .portfolio-post-one .portfolio-desc ul li{ margin-left:40px !important; } .portfolio-post-one h4{ font-size:22px; margin:20px 0 0 0; } .portfolio-tags{ margin:0px 0px 20px 0px; color:#999999; } .portfolio-post-one .portfolio-picwrap .portfolio-embed { width: 460px; height: 250px; margin:5px auto; } .portfolio-post-one .portfolio-picwrap .portfolio-overlay { display: block; width: 460px; height: 300px; overflow: hidden; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; opacity: 0; } .portfolio-post-one .portfolio-picwrap .portfolio-overlay .overlay-link, .portfolio-post-one .portfolio-picwrap .portfolio-overlay .overlay-lightbox { left: 205px } /* Portfolio Layout: 2 Columns ---------------------------------------------------- */ .portfolio-post.eight { width: 460px; height: 300px; background:#f2f2f2; } .latest-portfolio .portfolio-post.eight { height:auto; background:none; } .latest-portfolio .portfolio-post.eight .portfolio-it { height:368px; border-bottom: 2px solid #ddd; padding-bottom: 15px; } .latest-portfolio .portfolio-post.eight img { display: block; margin:0 auto; width: 100%; height: 306px; } .latest-portfolio .portfolio-post.eight .portfolio-embed { width: 100%; height: 306px; margin:0x auto; } .latest-portfolio .portfolio-post.eight .portfolio-overlay { background: rgba(0,0,0,0.7); width: 100%; height: 100%; top:0; left:0; } .portfolio-post.eight .portfolio-embed { width: 100%; height: 100%; margin:0 auto; } .portfolio-post.eight img { width: 460px; height: 300px; display:block; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); } .portfolio-post.eight .portfolio-overlay { display: block; width: 460px; height: 300px; overflow: hidden; background: #0eafb5; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); position: absolute; top: 0; left: 0; opacity: 0; color:#fff; } .portfolio-post.eight .portfolio-overlay h4 { color: #ffffff; font-weight:bold; font-size:16px; margin:0px 0px 5px 15px; padding-top:15px; line-height:1.2em; } #wrap .portfolio-post.eight .portfolio-overlay h4 a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .portfolio-post.eight .portfolio-overlay span {display:block; margin:5px 15px;} .portfolio-post.eight .portfolio-overlay span.filters a {font-weight:normal; font-size:12px; text-transform:uppercase; color: #fff;} .portfolio-post.eight .portfolio-overlay span.excerpt {font-size:13px;} .portfolio-post.eight .portfolio-overlay .overlay-link, .portfolio-post.eight .portfolio-overlay .overlay-lightbox {left: 0; } .latest-portfolio .portfolio-post.eight .portfolio-overlay .overlay-link, .latest-portfolio .portfolio-post.eight .portfolio-overlay .overlay-lightbox {left: 210px; margin: -5px 0 0 0; } /* Portfolio Layout: 3 Columns ---------------------------------------------------- */ .portfolio-post.one-third { width: 300px; height: 196px; background:#f2f2f2; } .latest-portfolio .portfolio-post.one-third { height:auto; background:none; } .latest-portfolio .portfolio-post.one-third .portfolio-it { height:266px; border-bottom: 2px solid #ddd; padding-bottom: 15px; } .latest-portfolio .portfolio-post.one-third img { display: block; margin:0 auto; width: 100%; height: 205px; } .latest-portfolio .portfolio-post.one-third .portfolio-overlay { background: rgba(0,0,0,0.7); width: 100%; height: 100%; top:0; left:0; } .latest-portfolio .portfolio-post.one-third .portfolio-embed { width: 100%; height: 205px; margin:5px auto; } .portfolio-post.one-third .portfolio-embed { width: 100%; height: 100%; margin:0 auto; } .portfolio-post.one-third img { width: 300px; height: 196px; display:block; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); } .portfolio-post.one-third .portfolio-overlay { display: block; width: 300px; height: 196px; overflow: hidden; background: #0eafb5; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); position: absolute; top: 0; left: 0; opacity: 0; color:#fff; } .portfolio-post.one-third .portfolio-overlay h4 { color: #ffffff; font-weight:bold; font-size:14px; margin: 0px 0px 5px 15px; padding-top:15px; line-height:1.2em; } #wrap .portfolio-post.one-third .portfolio-overlay h4 a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .portfolio-post.one-third .portfolio-overlay span {display:block; margin:5px 15px;} .portfolio-post.one-third .portfolio-overlay span.filters a {font-weight:normal; font-size:11px; text-transform:uppercase; color:#fff;} .portfolio-post.one-third .portfolio-overlay span.excerpt {font-size:13px;} .portfolio-post.one-third .portfolio-overlay .overlay-link, .portfolio-post.one-third .portfolio-overlay .overlay-lightbox {left: 125px; margin: -5px 0 0 0; } /* Portfolio Layout: 4 Columns ---------------------------------------------------- */ .portfolio-post.four { width: 220px; height: 160px; background:#f2f2f2; } .portfolio-post.four img { width: 220px; height: 160px; display:block; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); } .portfolio-post.four .portfolio-embed { width: 100%; height: 100%; margin:0 auto; } .portfolio-post.four .portfolio-overlay { display: block; width: 220px; height: 160px; overflow: hidden; background: #0eafb5; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); position: absolute; top: 0; left: 0; opacity: 0; color:#fff; } .portfolio-post.four .portfolio-overlay h4 { color: #ffffff; font-weight:bold; font-size:14px; margin: 0px 0px 5px 15px; padding-top:15px; line-height:1.2em; } #wrap .portfolio-post.four .portfolio-overlay h4 a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .portfolio-post.four .portfolio-overlay span {display:block; margin:5px 15px; line-height:1.4em;} .portfolio-post.four .portfolio-overlay span.filters a {font-weight:normal; font-size:10px; text-transform:uppercase; color:#fff;} .portfolio-post.four .portfolio-overlay span.excerpt {font-size:12px;} .latest-portfolio .portfolio-post.four { height:auto; background:none; } .latest-portfolio .portfolio-post.four img { width: 100%; height: 150px; } .latest-portfolio .portfolio-post.four .portfolio-embed { width: 100%; height: 150px; margin:0 auto; } .latest-portfolio .portfolio-post.four .portfolio-overlay { background: rgba(0,0,0,0.7); display: block; height: 100%; width: 100%; left: 0; top: 0; } .latest-portfolio .portfolio-post.four .portfolio-overlay span { margin: -5px 0 0 0; } /* ------------------------------------------------------------------------ */ /* 19. Portfolio - Single */ /* ------------------------------------------------------------------------ */ .portfolio-wide #portfolio-slider, .portfolio-wide #portfolio-video { margin: 0 0 30px 10px; } #portfolio-video iframe{ max-width: 100%; } #portfolio-slider { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .portfolio-detail-description-text { } .portfolio-sidebyside .portfolio-detail-description-text { margin-bottom:30px; } .portfolio-detail-description .headline-title-wrap, .portfolio-detail-attributes .headline-title-wrap { margin-bottom: 25px } .portfolio-detail-attributes ul { list-style: none; margin: -7px 0 0 0; } .portfolio-detail-attributes ul li { padding: 7px 0 6px 0; background: url(images/dotted.png) repeat-x bottom left; } .portfolio-detail-attributes ul li strong { display: inline-block; width: 60px; font-size: 11px; text-transform: uppercase; color: #aeaeae; } .portfolio-detail-attributes .button { margin:20px 5px 5px 0; font-size:14px; text-shadow: 0 1px rgba(0,0,0,0.4); text-transform: uppercase; letter-spacing: 1px; line-height:18px; padding:10px 15px; color:#969696; border: 1px solid #f7f7f7; font-weight:bold; display: inline-block; background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 3px 0px 0px #e0e0e0; } .portfolio-detail-attributes .button:hover{ color: #969696; border: solid 1px #f7f7f7; background-color: #f7f7f7; box-shadow: 0px 3px 0px 0px #e0e0e0; } .portfolio-detail-attributes .button:active{ position: relative; top: 3px; -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 1px rgba(0, 0, 0, 0.6); } /* Related Portfolio Items ---------------------------------------------------- */ #portfolio-related-post { margin-top: 40px; } #portfolio-related-post h3{ margin-left:10px; margin-right:10px; } /* Portfolio Comments ---------------------------------------------------- */ .portfolio-detail .portfolio-comments { margin-top: 20px; } /* Projects Nav ---------------------------------------------------- */ .projects-nav { float: right; width: 100px; margin: 0; display: inline; } .projectsnavpadding { padding: 0 !important; margin: 0px 0 0 0 !important; } .projects-nav a, .entry-navigation a { display: block; text-indent: -9999px; background: rgba(0, 0, 0, 0.1); width: 30px; height: 32px; float: right; margin-right: 8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); } .projects-nav .next a, .entry-navigation .next a { background-image: url(images/slider-next.png); background-position: center center; background-repeat: no-repeat; } .projects-nav .prev a, .entry-navigation .prev a { background-image: url(images/slider-prev.png); background-position: center center; background-repeat: no-repeat; } .projects-nav .list a, .entry-navigation .list a { background-image: url(images/slider-list.png); background-position: center center; background-repeat: no-repeat; } .projects-nav a:hover, .entry-navigation a:hover { background-color: #0eafb5 } /* ------------------------------------------------------------------------ */ /* 20. Revolution Slider */ /* ------------------------------------------------------------------------ */ .tp-bannershadow { opacity: 0.8 } .rev_slider { display: block !important; overflow: hidden !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .fullwidthbanner-container .rev_slider { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .tp-leftarrow.default { background: rgba(0,0,0,0.2) url(images/slider-prev.png) !important; background-repeat: no-repeat !important; background-position: 45% 50% !important; width: 50px !important; height: 50px !important; -webkit-border-radius: 3px 3px 3px 3px !important; -moz-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; } .tp-rightarrow.default { background: rgba(0,0,0,0.3) url(images/slider-next.png) !important; background-repeat: no-repeat !important; background-position: 53% 50% !important; width: 50px !important; height: 50px !important; -webkit-border-radius:3px 3px 3px 3px !important; -moz-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2) !important; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-color: rgba(0,0,0,0.5) !important; } /* ------------------------------------------------------------------------ */ /* 21. 404 Error Page */ /* ------------------------------------------------------------------------ */ #error-404 { text-align: center; margin-bottom: 40px; padding: 100px 0; } h2.error-404 { font-size: 113px; line-height: 108px; margin: 0 0 15px 0; } h3.error-404 { font-size: 25px; line-height: 22px; margin: 0; color: #999999; } /* ------------------------------------------------------------------------ */ /* 22. Sidebars */ /* ------------------------------------------------------------------------ */ #sidebar { } #sidebar .widget { margin-bottom: 15px; color: #888888; } #sidebar .widget h3 { font-size: 15px; margin:0 0 15px 0; } #sidebar .widget ul li { background: url(images/arrow-small.png) no-repeat 0px 9px; padding: 1px 0 1px 12px; } #sidebar .widget ul li.current_page_item, #sidebar .widget ul li.current-menu-item { font-weight: bold } /* Side Navigation Template ---------------------------------------------------- */ .sidenav { margin: 0; list-style: none; padding: 0; background-color: #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); } .sidenav li ul{ margin: 0; list-style: none; } .sidenav li ul li a{ background: #fcfcfc; color: #999999; padding: 10px 15px 10px 30px; } .sidenav li a { display: block; margin: 0 0 -1px; padding: 15px 15px; border: 1px solid #dddddd; border-left: none; border-bottom-color: #efefef; border-top-color: #efefef; color: #777777; background: url(images/arrow-lrg.png) no-repeat 94% 20px; } .sidenav li:first-child a { border-top-color: #efefef; } .sidenav li:last-child a { } .sidenav li.current_page_item a, .sidenav li.current_page_item a:hover { position: relative; z-index: 2; padding: 15px 15px; border: 0; font-weight: 700; background-image: url(images/arrow-lrg_white.png); background-color: #595959; background-repeat: no-repeat; background-position: 94% 20px; color: #ffffff !important; -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); } .sidenav li.current_page_item ul li:first-child a, .sidenav li.current_page_item ul li:last-child a{ } .sidenav li a:hover { background-color: #FDFDFD; } /* ------------------------------------------------------------------------ */ /* 23. Footer - Widgetized Area /* ------------------------------------------------------------------------ */ #footer { border-top: 10px solid #333333; padding: 40px 0; background: #444444; color:#999999; } #footer a{ color:#999999; } #footer a:hover{ color:#ffffff; } /* Footer Widgets ---------------------------------------------------- */ #footer .widget { } #footer .widget h3 { font-size:15px; color: #ffffff; padding:0 0 5px 0; border-bottom:1px solid #555555; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 1px; } /* ------------------------------------------------------------------------ */ /* 24. Copyright /* ------------------------------------------------------------------------ */ #copyright { padding: 5px 0; background: #222222; color:#777777; } #copyright .info-text { padding: 10px 0 10px 0; } #copyright .footer-menu { float: right; } #copyright .footer-menu ul { overflow:hidden; margin:10px 0; } #copyright .footer-menu ul li { list-style-type:none; float:left; padding:0 0 0 15px; } #copyright .footer-menu ul li a { } /* ------------------------------------------------------------------------ */ /* 25. Back-To-Top Button /* ------------------------------------------------------------------------ */ #back-to-top { position: fixed; z-index:1000; bottom: 5px; right: 5px; display: none; } #back-to-top a { display: block; width: 40px; height: 40px; background: rgba(50, 50, 50, 0.5) url(images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition:0.4s all ease; -moz-transition:0.4s all ease; -o-transition:0.4s all ease; transition:0.4s all ease; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); } #back-to-top a:hover { background-color: #0eafb5 } /* ------------------------------------------------------------------------ */ /* 26. Widgets */ /* ------------------------------------------------------------------------ */ .widget ul { margin: 0; padding: 0; list-style: none; } /* Search Widget /--------------------------------------------------------- */ .widget_search input { background: url(images/search.png) no-repeat 10px 9px; padding: 8px 8px 8px 30px; width: 180px; color: rgba(180,180,180,0.2); -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); border: 1px solid #ddd; } .widget_search input:focus { border-color: #c0c0c0 } /* Calendar Widget /--------------------------------------------------------- */ #wp-calendar { width: 100% } #wp-calendar caption { padding: 0 10px; text-align: right; font-weight: bold; margin: -5px 0 5px 0; } #wp-calendar thead { font-size: 10px } #wp-calendar thead th { padding: 5px 10px; font-weight: bold; border-top: 1px solid #f5f5f5; } #wp-calendar tbody { color: #aaa } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 5px 8px; } #wp-calendar tbody td:hover { background: #fff } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot #next { font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: right; padding-top: 5px; } #wp-calendar tfoot #prev { font-size: 11px; font-weight: bold; text-transform: uppercase; padding-top: 5px; } /* Tag Cloud Widget /--------------------------------------------------------- */ .widget_tag_cloud a { display: inline-block; border: 1px solid #ddd; font-size: 12px !important; line-height: 20px; color: #999999; margin: 0 5px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 10px 5px 10px; font-size: 12px; -webkit-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); -moz-box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); box-shadow: 0px 2px 0px 0px rgba(180, 180, 180, 0.3); } .widget_tag_cloud a:hover { background: #0eafb5; border-color: #0eafb5; color: #ffffff !important; } /* Embed Widget /--------------------------------------------------------- */ .widget_embed p { margin-top: 10px } .widget_embed iframe { max-width: 100% } /* Flickr Widget /--------------------------------------------------------- */ .widget_flickr #flickr_tab { margin-right: -10px } .widget_flickr #flickr_tab img { display: block; width: 100%; height: 100%; } .widget_flickr #flickr_tab a { float: left; width: 73px; height: 73px; position: relative; } .widget_flickr #flickr_tab a:hover { opacity: 0.7; } /* Advertising Widget /--------------------------------------------------------- */ .widget_advertising .advertisings { margin-right: -10px } .widget_advertising a { display: block; float: left; margin: 0 5px 5px 0; } .widget_advertising a img { display: block } /* Twitter Widget /--------------------------------------------------------- */ .widget_tp_widget_recent_tweets ul li { margin-bottom: 15px !important; background: url(images/twitter.png) no-repeat 0px 4px !important; padding: 0 0 0 32px !important; } .widget_twitter ul { list-style: none } .widget_twitter ul li { margin-bottom: 15px; background: url(images/twitter.png) no-repeat 0px 4px; padding: 0 0 0 32px; } .widget_twitter ul li b a { display: block; font-size: 11px; color: #cccccc; font-weight: normal; } /* Contact Widget /--------------------------------------------------------- */ .widget_contact address { font-style: normal } .widget_contact address span { display: block } .widget_contact address span strong { display: inline-block; width: 52px; } /* Portfolio Widget /--------------------------------------------------------- */ .widget_portfolio .portfolio-post:last-child { margin-right: -10px } .widget_portfolio .portfolio-widget-item { float: left; padding: 0 0 0px 0; margin: 0 0 0px 0; } .widget_portfolio .portfolio-widget-item:nth-child(3n) { border: none !important; padding: 0; margin-right: 0px; } .widget_portfolio .portfolio-widget-item .portfolio-pic { float: left; display: block; overflow: hidden; width: 65px; height: 65px; position: relative; margin-right: 2px; margin-bottom: 2px; border: 1px solid #ddd; padding: 2px; } .widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #0eafb5; border-color: #0eafb5; } .widget_portfolio .portfolio-widget-item .portfolio-pic img { width: 100%; height: 100%; display: block; } /* Footer Widgets (Color Change) ---------------------------------------------------- */ #footer .widget ul li { background: url(images/arrow-small.png) no-repeat 0 7px; padding:0 0 10px 15px; } #footer .widget.widget_twitter ul li { background: url(images/twitter.png) no-repeat 0px 4px; padding:0 0 0 32px; } #footer .widget_contact { background: url(images/map.html) no-repeat 0 50px; } #footer .widget_search input { color: #aaaaaa; border: 1px solid rgba(180, 180, 180, 0.2); background-color: rgba(180, 180, 180, 0.2); } #footer .widget_search input:focus { color: #ffffff } #footer #wp-calendar thead th { border-top: 1px solid #555555 } #footer #wp-calendar tbody { color: #aaa } #footer #wp-calendar tbody td { background: #555555; border: 1px solid #444444; } #footer #wp-calendar tbody td:hover { background: #444444; color: #ffffff; } #footer #wp-calendar tbody .pad { background: none } #footer .widget_tag_cloud a { border: 1px solid rgba(180, 180, 180, 0.2); background: rgba(180, 180, 180, 0.2); color: #777777; padding:2px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #footer .widget_tag_cloud a:hover { background: #0eafb5; border-color: #0eafb5; color: #ffffff !important; } #footer .widget_flickr #flickr_tab a { opacity: 0.7; } #footer .widget_flickr #flickr_tab a:hover { opacity: 1; } #footer .widget_twitter ul li:last-child { margin: 0 } #footer .widget_portfolio .portfolio-widget-item { } #footer .widget_portfolio .portfolio-widget-item .portfolio-pic { border: 1px solid rgba(180, 180, 180, 0.2); padding: 2px; background: rgba(180, 180, 180, 0.2); } #footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #0eafb5; border-color: #0eafb5; } #footer .widget_portfolio .portfolio-widget-item.nopic { float:none; clear:both; } #footer .widget_portfolio .portfolio-widget-item.nopic .portfolio-title { display:block; } /* ------------------------------------------------------------------------ */ /* EOF /* ------------------------------------------------------------------------ */