/*----------------------------------------------------------------------------------- Theme Name: Sobr Theme URI: http://themeforest.net/user/Devilcantburn/portfolio Description: A Sophosticated Photography Fully Responsive Theme. Version: 1.7 Author: Devilcantburn License: GNU General Public License License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/ Author URI: http://themeforest.net/user/Devilcantburn Tags: flexible-width, theme-options, translation-ready, photoblogging, right-sidebar, left-sidebar -----------------------------------------------------------------------------------*/ /* ////////////////////////////////////////////////////////////////////////////////////////////// RESET ////////////////////////////////////////////////////////////////////////////////////////////// */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .alignleft img{ float: left; } .alignright img{ float: right; } .aligncenter img{ margin-left: auto; margin-right: auto; display: block; clear: both; } img.alignleft{ float: left; margin:0 20px 0 0; } img.alignright{ float: right; margin:0 0 0 20px; } img.aligncenter{ margin-left: auto; margin-right: auto; display: block; clear: both; } iframe{display:block;} input, textarea { font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; outline:none 0; } .left{text-align:left;} .center{text-align:center;} .right{text-align:right;} .fleft{float:left;} .fright{float:right;} .clear{ clear:both; height:0px; } .inv{ display:none; } em{ font-style:italic; } a img { border: none; } img{ margin:0; padding:0; border:0; white-space:normal; display:block; } .wp-caption{} .wp-caption-text{} .gallery-caption{} .alignright{ text-align:right;} .alignleft{ text-align:left;} .aligncenter{ text-align:center;} .alignRight{ text-align:right;} .alignLeft{ text-align:left;} .alignCenter{ text-align:center;} .right{ text-align:right;} .left{ text-align:left;} .center{ text-align:center;} .sticky{} .bypostauthor{} .wp-smiley{ display:inline;} /* ////////////////////////////////////////////////////////////////////////////////////////////// BODY ////////////////////////////////////////////////////////////////////////////////////////////// */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ background:url(images/paper_bg_v2.jpg) repeat left top; color:#333333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 21px; margin:0; padding:0; } /* ////////////////////////////////////////////////////////////////////////////////////////////// LINKS ////////////////////////////////////////////////////////////////////////////////////////////// */ a{ text-decoration:none; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } a:active, a:visited{} a:hover{ } /* ////////////////////////////////////////////////////////////////////////////////////////////// HEADINGS ////////////////////////////////////////////////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6{ color:#000; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#5a5a5a; } h1{ font-size:48px; line-height:60px; margin-bottom:10px; } h2{ font-size:50px; line-height:50px; letter-spacing:-2px; margin-bottom:10px; } h3{ font-size:36px; line-height:36px; letter-spacing:-2px; margin-bottom:10px; } h4{ font-size:18px; line-height:24px; margin-bottom:10px; } h5{ font-size:16px; line-height:22px; margin-bottom:8px; } h6{ font-size:14px; line-height:17px; margin-bottom:5px; } .small_titles{ font-size:18px; } .small_titles span{ background:#f8f8f8; padding:0 20px 0 0; } .underline{ border:1px solid #000; border-width:0 0 1px 0; padding:0 0 10px 0; margin:0 0 20px 0; } .title_underline{ height:5px; background:#f0f0f0; margin:20px 0 40px 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////// TYPOGRAPHY ////////////////////////////////////////////////////////////////////////////////////////////// */ #main p{ margin-bottom:20px; } strong{ color:#5a5a5a; font-weight:bold; } small{ font-size:85%;} .biglines{ font-size:18px; font-weight:lighter; line-height:18px; margin-left: 2%; } /* ////////////////////////////////////////////////////////////////////////////////////////////// TOP BAR ////////////////////////////////////////////////////////////////////////////////////////////// */ #top_bar{ background:#191919; } #top_bar .content{ color:#ddd; width:100%; height:24px; max-width:1170px; margin:0 auto; position:relative; line-height:24px; font-size:11px; } #top_bar .content a{ color:#ddd; } #top_bar .left_content{ float:left; padding-left:20px; } /* SOCIAL NETWORKS ------------------------------------------------------------------------------------------------- */ #top_bar .social_links{ position:absolute; right:20px; } #top_bar .social_links li{ display:inline-block; margin:0 !important; padding:0 !important; opacity:0.2; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } #top_bar .social_links li:hover{ opacity:1; } #top_bar .social_links a{ display:block; float:left; margin:0 0px !important; padding:0 !important; width: 28px; height: 24px; /* CSS TRANSITION */ -webkit-transition-property: background; -webkit-transition-duration: .4s !important; -webkit-transition-timing-function: linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: background; -moz-transition-duration: .4s !important; -moz-transition-timing-function: linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: background; -o-transition-duration: .4s !important; -o-transition-timing-function: linear; } #top_bar .social_links a span{ display:block; text-indent:-9999px; text-align:left; margin:0 !important; padding:0 !important;} #top_bar .social_links .facebook{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-facebook.png) no-repeat center center;} #top_bar .social_links .facebook:hover{ background:#3B5998 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-facebook.png) no-repeat center center;} #top_bar .social_links .vimeo{ background:url(images/sntw-vimeo.png) no-repeat center center;} #top_bar .social_links .vimeo:hover{ background:#86C9EF url(images/sntw-vimeo.png) no-repeat center center;} #top_bar .social_links .googleplus{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-googleplus.png) no-repeat center center;} #top_bar .social_links .googleplus:hover{ background:#DA4A38 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-googleplus.png) no-repeat center center;} #top_bar .social_links .flickr{ background:url(images/sntw-flickr.png) no-repeat center center;} #top_bar .social_links .flickr:hover{ background:#ff0078 url(images/sntw-flickr.png) no-repeat center center;} #top_bar .social_links .youtube{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-youtube.png) no-repeat center center;} #top_bar .social_links .youtube:hover{ background:#ff0000 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-youtube.png) no-repeat center center;} #top_bar .social_links .digg{ background:url(images/sntw-digg.png) no-repeat center center;} #top_bar .social_links .digg:hover{ background:#0024ff url(images/sntw-digg.png) no-repeat center center;} #top_bar .social_links .skype{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-skype.png) no-repeat center center;} #top_bar .social_links .skype:hover{ background:#00c5e9 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-skype.png) no-repeat center center;} #top_bar .social_links .linkedin{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-linkedin.png) no-repeat center center;} #top_bar .social_links .linkedin:hover{ background:#2390ff url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-linkedin.png) no-repeat center center;} #top_bar .social_links .tumblr{ background:url(images/sntw-tumblr.png) no-repeat center center;} #top_bar .social_links .tumblr:hover{ background:#7da7c7 url(images/sntw-tumblr.png) no-repeat center center;} #top_bar .social_links .twitter{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-twitter.png) no-repeat center center;} #top_bar .social_links .twitter:hover{ background:#1DCAFF url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-twitter.png) no-repeat center center;} #top_bar .social_links .dribbble{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-dribbble.png) no-repeat center center;} #top_bar .social_links .dribbble:hover{ background:#ff96c7 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-dribbble.png) no-repeat center center;} #top_bar .social_links .deviantart{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-deviantart.png) no-repeat center center;} #top_bar .social_links .deviantart:hover{ background:#638372 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-deviantart.png) no-repeat center center;} #top_bar .social_links .envato{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-envato.png) no-repeat center center;} #top_bar .social_links .envato:hover{ background:#7bc200 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-envato.png) no-repeat center center;} #top_bar .social_links .behance{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-behance.png) no-repeat center center;} #top_bar .social_links .behance:hover{ background:#3F94EB url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-behance.png) no-repeat center center;} #top_bar .social_links .myspace{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-myspace.png) no-repeat center center;} #top_bar .social_links .myspace:hover{ background:#24A7FF url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-myspace.png) no-repeat center center;} /* ////////////////////////////////////////////////////////////////////////////////////////////// HEADER ////////////////////////////////////////////////////////////////////////////////////////////// */ #header{ border-top:1px solid #444; background:#000; position:relative; height: 80px; } #header .content{ width:100%; max-width:1170px; margin:0 auto; padding:0px 0; position:relative; } #header a{ font-family:'Helvetica Neue', Helvetica, Clean, Arial, sans-serif; color:#fff; } /* LOGO ------------------------------------------------------------------------------------------------- */ #header #header_logo{ display:block; float:left; margin:0 auto; padding-top:2px; margin-left:2%; } #header #header_logo img{ display:block; margin:0; } #header #header_logo h1{ margin:0; } #header #header_logo h1 a{ display:block; float:left; margin:0; } /* NAVIGATION ------------------------------------------------------------------------------------------------- */ #navigation { height:35px; position:absolute; right:60px; top:50%; margin-top:-17px; z-index:6000; } #navigation ul{ margin:0; padding:0; float:right; } #navigation ul li{ display:inline; float:left; margin:0 0px; padding:0; position:relative; } #navigation ul li a{ display:inline-block; padding:0 10px; line-height:35px; text-transform:uppercase; font-size:12px; position:relative; } #navigation ul li a.subber{ padding-right:25px; } #navigation ul li a span{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/nav_arrow_drop.png) no-repeat; position:absolute; right:8px; top:50%; width:8px; height:5px; margin-top:-2px; opacity:0.3; } #navigation ul li:hover{ background:#191919; } #navigation ul li:hover a span{ opacity:1; } #navigation ul ul{ display:none; width:150px; position:absolute; top:35px; left:0; z-index:6000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); } #navigation ul ul li{ background:#1c1c1c; width:150px; display:block; float:none; margin:0 0; padding:0; position:relative; } #navigation ul ul li:hover{ background:#2c2c2c; } #navigation ul ul a{ color:#f0f0f0 !important; display:block; line-height:21px; text-transform:none; padding:6px 6px 6px 10px; } #navigation ul ul li:hover a{ padding:6px 6px 6px 16px; background:#2c2c2c; } #navigation select{ display:none; } /* SEARCH FORM HEADER ------------------------------------------------------------------------------------------------- */ .searchOpener{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/search_icon.png) no-repeat center center; position:absolute; top:50%; right:20px; width:24px; height:24px; margin-top:-12px; opacity:0.3; cursor:pointer; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .searchOpener:hover{ opacity:1; } #searchFormHeader{ background:#000; background:rgba(0,0,0,0.7); display:none; position:absolute; top:100%; width:100%; z-index:2000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5); } #searchFormHeader .content{ padding:8px 0; } #searchFormHeader form{ float:right; margin-right:20px; } #searchFormHeader .searchField{ background:#f0f0f0; border:none; font-weight:bold; color:#2c2c2c; padding:0 8px; width:260px; min-height:28px; line-height:28px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #searchFormHeader form .subm{ border:none; min-height:28px; line-height:28px; padding:0 8px !important; } #search_form .searchField{ background:#1c1c1c; color:#f0f0f0 !important; border:none; font-weight:bold; color:#2c2c2c; padding:0 8px; width:70%; min-height:28px; line-height:28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #search_form .subm{ border:none; min-height:28px; line-height:28px; padding:0 8px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// SLOGAN HOME ////////////////////////////////////////////////////////////////////////////////////////////// */ #slogan_home{ background:url(images/paper_bg_v2.jpg) repeat-x left top; } #slogan_home .content{ width:100%; max-width:1170px; margin:10px auto 20px; padding: 30px 0px 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// GRID HOME ////////////////////////////////////////////////////////////////////////////////////////////// */ #grid_home{ background:#000; display:block; clear:both; width:100%; height:100%; position:relative; } #grid_home .grid_item{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:0; float:left; overflow: hidden; } #masonry{ display:block; clear:both; width:100%; height:100%; } #preloader{ background:#000 url(http://myurbaneatery.com/wp-content/themes/sobr/images/loader.gif) no-repeat center center; position:relative; display:block; width:100%; height:400px; } #preloader span{ color:#fff; font-size:15px; font-weight:bold; width:100%; display:block; position:absolute; top:50%; padding:40px 0 0 0; text-align:center; } /* Masonry pages */ #masonry, #masonryGallery { min-height:95%; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -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: top, left, 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; } /* ////////////////////////////////////////////////////////////////////////////////////////////// MAIN ////////////////////////////////////////////////////////////////////////////////////////////// */ #main{ background:url(images/paper_bg_v2.jpg) repeat left top; } #main.homepage{ } #main .content{ width:100%; max-width:1170px; margin:0 auto; padding:40px 0; position:relative; } #main .innerpage{ padding:0px 0 40px 0 !important; } #main a{ color:#4d4d4d; font-weight:bold; } .sidebar_left{ float:right !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// ILLUSTRATION PAGE ////////////////////////////////////////////////////////////////////////////////////////////// */ #illustration{ width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* ////////////////////////////////////////////////////////////////////////////////////////////// FOOTER ////////////////////////////////////////////////////////////////////////////////////////////// */ #footer{ background:#000; border-top:5px solid #191919; color:#fff; } #footer a{ color:#fff; } #footer h4{ font-weight:lighter; border-bottom:5px solid #191919; padding:0 0 15px 0; margin:0 0 15px 0; color:#fff; } #footer .content{ width:100%; max-width:1170px; margin:0 auto; padding:40px 0; position:relative; border-bottom:1px solid #4b4b4b; } #footer .bottom{ display:block; clear:both; margin:0 2%; font-size:11px; } #footer #bt_navigation a{ color:#ddd; } #footer #bt_navigation{ float:left; width:50%; } #footer #bt_navigation li{ display:inline; padding:0 5px; } #footer .copyright_line{ float:left; width:50%; text-align:right;} /* ////////////////////////////////////////////////////////////////////////////////////////////// POST LAYOUTS ////////////////////////////////////////////////////////////////////////////////////////////// */ .post_style_1{ margin-bottom:40px; padding-bottom:40px; border-bottom:4px solid #f0f0f0; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .post_style_1 .post_header{ margin-bottom:20px; position:relative; } .post_style_1 .post_header h4{ font-size:24px; margin-bottom:8px; } .post_style_1 .post_header span{ font-size:11px; display:inline-block; padding:3px 6px; background:#f0f0f0; } .post_style_1 .post_header span.post_date{ background:#f0f0f0 url(images/icon_date.png) no-repeat 5px 50%; padding-left:26px; } .post_style_1 .post_header span.post_category{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_category.png) no-repeat 5px 50%; padding-left:26px; } .post_style_1 .post_header span.post_comment{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_comment.png) no-repeat 5px 50%; padding-left:26px; } .post_style_1 .post_header span.post_author{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_author.png) no-repeat 5px 50%; padding-left:26px; } .post_style_1 .post_header .icon_post{ position:absolute; width:50px; height:50px; top:0px; right:0px; z-index:2; } .post_style_1 .post_header .icon_standard{ background:#f0f0f0 url(images/icon_post_photo.png) no-repeat center center; } .post_style_1 .post_header .icon_slider{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_post_slider.png) no-repeat center center; } .post_style_1 .post_header .icon_audio{ background:#f0f0f0 url(images/icon_post_audio.png) no-repeat center center; } .post_style_1 .post_header .icon_gallery{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_post_gallery.png) no-repeat center center; } .post_style_1 .post_header .icon_featured{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_post_featured.png) no-repeat center center; } .post_style_1 .post_header .icon_video{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_post_video.png) no-repeat center center; } .post_style_1 .post_header .icon_citation{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_post_citation.png) no-repeat center center; } .post_style_1 .preview{ margin-bottom:20px; } .post_style_1 .preview.small{ margin-bottom:20px; margin-right:20px; width:200px; float:left; } .post_style_1 .post_excerpt{ } .post_style_1 .preview blockquote{ background:#f0f0f0; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; } .post_style_1 .preview blockquote p{ margin-bottom:0px !important; padding:15px; } .post_style_1 .preview blockquote cite{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-align:right; font-style:normal; display:block; background:#1c1c1c; color:#fff; padding:5px 15px; } .post_style_1 .preview blockquote cite:before{ content:""; width:0; height:0; position:absolute; top:-10px; left:20px; z-index:3; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #1c1c1c; } /* ///////////////////////////////////////////////////////////////////////////////////////////// PAGINATION ///////////////////////////////////////////////////////////////////////////////////////////// */ .wp-paginate{ padding:10px; text-align:center; } #grid_blog .wp-paginate{ margin:0 20px; } .wp-paginate li{ display:inline; margin:0 3px; } .wp-paginate li a{ background:#f0f0f0; border:none; display:inline-block; font-weight:bold; padding:3px 10px; } .wp-paginate li a:hover{ background:#d4d4d4; } .wp-paginate li .current{ border:none; font-weight:bold; background:#000; display:inline-block; padding:3px 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// REALATED POSTS ////////////////////////////////////////////////////////////////////////////////////////////// */ .related_post{ float:left; width:25%; padding:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* ////////////////////////////////////////////////////////////////////////////////////////////// COMMENTS ////////////////////////////////////////////////////////////////////////////////////////////// */ #comments{ padding-top:30px; } #comment-form{ margin:0;} #comments li{background-image:none;} #comment-caption, #respond-caption { } #commentsbox { margin:0; } /* -------------------------- { List Style } */ .commentlist { margin:0 0 20px 0; list-style-type: none; } li.comment{ padding-left:0 !important; position:relative; } .children { list-style-type: none; margin: 0 0 0 30px; } .children li.comment{ padding-left:0 !important; } .children li .comment-body p{ padding:0 0 0 45px; margin:0; } .comment-body { border-bottom: 1px dotted #d4d4d4; padding: 20px; position:relative; } .children .comment-body { } .comment-body p{ padding:0 0 0 80px; margin:0; } .thread-odd{ background:#f9f9f9;} .pinglist { margin: 20px 0 0 0; list-style-type: decimal; } #commentform input { margin-right: 20px; width: 45%; } .comment-author{} .contactform button, .submitter, #commentform #submit-button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 120px; padding: 0 10px 0; margin-right:30px; line-height: 12px; height: 28px; font-size: 12px; font-weight: bold; cursor: pointer; background:#f2f2f2; border-bottom:1px solid #ccc; text-align:center; } .contactform button, #commentform #submit-button { background: url(http://myurbaneatery.com/wp-content/themes/sobr/images/submit_button.png); color: #555555; } .submitter{ width:auto !important; } #commentform textarea { width: 97%; } ol #commentform textarea { width: 95%; } .comment .avatar { border: 2px solid #F4F4F4; position: absolute; left: 20px; top: 20px; width: 64px; height: 64px; } .children li.comment .avatar { border: 2px solid #F4F4F4; position: absolute; left: 20px; top: 20px; width: 32px; height: 32px; } .comment a.avatar-link.author-link { border: 2px solid #9e9e9e; } .comment-meta a { color: #7b7b7b; font-size: 11px; } .comment-author, .comment-meta, .comment-awaiting-moderation { padding-left:80px; } .children .comment-author, .children .comment-meta, .children .comment-awaiting-moderation { padding-left:45px; } .comment-author a { } .comment-meta a:hover { } .comment-author a:hover { } .nocomments { } .comment-body ul { list-style-type: disc; } .comment-body ol { list-style-type: decimal; } .comment .reply{ background:#efefef; text-transform:uppercase; font-size:9px; position: absolute; top: 0px; right: 0px; z-index: 200; } .comment .reply a{ display:block; padding:4px 6px;} .comment .reply:hover{ background:#efefef; color:#FFF; } /* ////////////////////////////////////////////////////////////////////////////////////////////// FORM POST ////////////////////////////////////////////////////////////////////////////////////////////// */ .form_design{ } .form_design .field{ margin-bottom:10px; } .form_design .field label{ width:100%; display:block; font-weight:bold; } .form_design label.error{ color:#F00; } .form_design .label_check{ float:left; width:50% !important;} .form_design .field input, .wpcf7-text, .wpcf7-date{ width:94%; margin-left:3%; margin-right:3%; max-width: inherit; display:block; } .form_design .field input[type=checkbox], .form_design .field input[type=radio]{ padding:4px; width:24px; max-width: inherit; display:block; float:left; } .form_design .field textarea, .wpcf7-textarea{ width:95%; height:150px; margin-left:3%; margin-right:3%; max-width: inherit; display:block; } .form_design .the-fix { padding: 0; marign: 0; display: block; } .form_design .submit_col .the-fix { padding: 20px; padding-right: 10px; margin: -20px 0px 40px 0px; display: block; } .form_design .submit_col input{ border:none; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:11px; padding:3px; margin-top:10px; width:30%; float:right; } .form_design .cr_btn_big, .wpcf7-submit{ border:none; } .form_design .dsgn, .wpcf7-text, .wpcf7-textarea, .wpcf7-date{ background:#f0f0f0; border:none; color:#666; padding:8px; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; /* CSS3 Tranistion */ -webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease; /* FF4+ */ -ms-transition: all 0.3s ease; /* IE10 */ -o-transition: all 0.3s ease; /* Opera 10.5+ */ transition: all 0.3s ease; } .form_design input.error, .form_design textarea.error{ background:#fff url(http://myurbaneatery.com/wp-content/themes/images/error_form.png) no-repeat right top; } /* ////////////////////////////////////////////////////////////////////////////////////////////// TEAM PAGE ////////////////////////////////////////////////////////////////////////////////////////////// */ /* ------------------------------------- Thumbnail Profile ------------------------------------- */ .team_member{ margin-bottom:20px; } .team_member h4{ text-align:center; } .team_member ul{ border-top:1px solid rgba(0, 0, 0, 0.1); padding:15px 0 0 0; } .team_thumb{ max-width:220px; margin:0 auto 20px auto; border:6px solid #fff; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .team_thumb img{ } .team_thumbnail{ float:left; margin:0 20px 0 0; } .team_profil_details ul{ text-align:left; } /* ------------------------------------- Icons Social links Team ------------------------------------- */ .team_social_networks{ text-align:center; } .team_social_networks li{ background:#4d4d4d; display:inline-block; width:30px; height:30px; margin:0 2px 3px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .team_social_networks li.twitter{ background:#4d4d4d url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-twitter.png) no-repeat center center; } .team_social_networks li.googleplus{ background:#4d4d4d url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-googleplus.png) no-repeat center center; } .team_social_networks li.linkedin{ background:#4d4d4d url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-linkedin.png) no-repeat center center; } .team_social_networks li.facebook{ background:#4d4d4d url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-facebook.png) no-repeat center center; } .team_social_networks li.dribbble{ background:#4d4d4d url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-dribbble.png) no-repeat center center; } .team_social_networks li.email{ background:#4d4d4d url(images/sntw-email.png) no-repeat center center; } .team_social_networks li.twitter:hover{ background:#1DCAFF url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-twitter.png) no-repeat center center; } .team_social_networks li.googleplus:hover{ background:#DA4A38 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-googleplus.png) no-repeat center center; } .team_social_networks li.linkedin:hover{ background:#2390ff url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-linkedin.png) no-repeat center center; } .team_social_networks li.facebook:hover{ background:#3B5998 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-facebook.png) no-repeat center center; } .team_social_networks li.dribbble:hover{ background:#ff96c7 url(http://myurbaneatery.com/wp-content/themes/sobr/images/sntw-dribbble.png) no-repeat center center; } .team_social_networks li.email:hover{ background:#000 url(images/sntw-email.png) no-repeat center center; } .team_social_networks a{ position:relative; text-align:left; display:inline-block; width:24px; height:24px; } .team_social_networks a span{ display:none; background:#1c1c1c; color:#fff; text-indent:inherit; position:absolute; top:-29px; left:0; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding:1px 9px; } .team_social_networks a span:before{ content:''; width:0; height:0; position:absolute; bottom:-5px; left:6px; border-top:6px solid #1c1c1c; border-left:6px solid transparent; border-right:6px solid transparent; } /* ////////////////////////////////////////////////////////////////////////////////////////////// PORTFOLIO ////////////////////////////////////////////////////////////////////////////////////////////// */ .the_gallery_item{ float:left; margin:2px; } .the_gallery_item a{ float:left; } .the_gallery_item img{ width:50px; height:50px; } .hover{ position:relative; } .hover a span{ background:#000 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat 50% 50%; background:rgba(0, 0, 0, 0.4) url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat 50% 50%; position:absolute; top:0; left:0; z-index:200; width:100%; height:100%; opacity:0; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .hover a:hover span{ opacity:1; } #filters{ margin-right:10px; margin-bottom:30px; } #filters ul{ } #filters ul li{ display:inline; } #filters ul li a{ padding:3px 6px; display:block; float:left; background:#f0f0f0; } #filters ul li a:hover{ background:#d4d4d4; } #filters ul li a.active{ background:#f0f0f0; } .image_grid{ display:block; position:relative; overflow:hidden; } .image_grid > *{ -webkit-transform: translate3d( 0, 0, 0); } .image_grid .overflow{ position:relative; overflow:hidden; } .image_grid .overflow .slide_infos{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; z-index:2000; opacity: 0; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .image_grid .overflow:hover .slide_infos{ opacity: 1; } .image_grid .overflow .slide_infos .zoom{ display:block; width:32px; height:32px; background:#000 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat center center; background:rgba(0,0,0,0.8) url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat center center; position:absolute; bottom:20px; right:0; text-indent:-9999px; } .image_grid .overflow .slide_infos h4{ display:block; line-height:24px; margin:-15px 0 0 0; padding:5px 20px; font-size:13px; position:absolute; bottom:20px; left:0; text-align:left; background:#000; background:rgba(0,0,0,0.8); -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .image_grid .overflow .slide_infos h4 a{ color:#fff !important; display:block;} .image_grid .overflow:hover img{ -webkit-transform: scale(1.4) rotate(-7.5deg); -moz-transform: scale(1.4) rotate(-7.5deg); -ms-transform: scale(1.4) rotate(-7.5deg); -o-transform: scale(1.4) rotate(-7.5deg); transform: scale(1.4) rotate(-7.5deg); } .image_grid .overflow img{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } /* FOLIO GRID --------------------------------------------------------------------------------------------*/ .folio-grid-1{ float:left; width:100%; } .folio-grid-1 .thumb{ width:100%; } .folio-grid-2{ float:left; width:50%; } .folio-grid-3{ float:left; width:33%; } .folio-grid-4{ float:left; width:25%; } .folio-grid-small{ float:left; width:195px; } .folio-grid-small .image_grid .overflow .slide_infos .zoom { display: block; width: 100%; height: 100%; background: #000 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat center center; background: rgba(0,0,0,0.8) url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_zoom.png) no-repeat center center; position: absolute; top: 0; left: 0; text-indent: -9999px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// COLUMNS ////////////////////////////////////////////////////////////////////////////////////////////// */ .col{ float:left; margin-bottom:40px; -webkit-transition: width 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: width 0.4s ease; /* FF4+ */ -o-transition: width 0.4s ease; /* Opera 10.5+ */ transition: width 0.4s ease; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .one-full{ margin-left: 2%; margin-right: 2%; } .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth{ float: left; margin-left: 2%; margin-right: 2%; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .two-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last { } /*.one-full { width: 96%; } .one-half { width: 47.05%; } .one-third { width: 30.7%; } .two-third { width: 63.4%; } .one-fourth { width: 22.5%; } .two-fourth { width: 47.05%; } .three-fourth { width: 71.5%; } .one-fifth { width: 17.65%; } .two-fifth { width: 37.26%; } .three-fifth { width: 56.8%; } .four-fifth { width: 76.4%; }*/ .one-full { width: 96%; } .one-half { width: 46%; } .one-third { width: 29.3%; } .two-third { width: 62.4%; } .one-fourth { width: 21%; } .two-fourth { width: 46%; } .three-fourth { width: 71%; } .one-fifth { width: 16%; } .two-fifth { width: 36%; } .three-fifth { width: 56%; } .four-fifth { width: 76%; } /* ////////////////////////////////////////////////////////////////////////////////////////////// ANIMATION ////////////////////////////////////////////////////////////////////////////////////////////// */ .border-glow { -webkit-animation: borderGlow 1s; /* Safari 5, Chrome */ -moz-animation: borderGlow 1s; /* Firefox 5-15 */ -o-animation: borderGlow 1s; /* Opera 12+ */ animation: borderGlow 1s; /* Safari 5, Chrome, Firefox 16+ */ } @-webkit-keyframes borderGlow { 0% { border-top:5px solid #000; } 100% { border-top:5px solid #444; } } @-moz-keyframes borderGlow { 0% { border-top:5px solid #000; } 100% { border-top:5px solid #444; } } @-o-keyframes borderGlow { 0% { border-top:5px solid #000; } 100% { border-top:5px solid #444; } } @keyframes borderGlow { 0% { border-top:5px solid #000; } 100% { border-top:5px solid #444; } } .fade-In { -webkit-animation: fadeIn 3s; /* Safari 5, Chrome */ -moz-animation: fadeIn 3s; /* Firefox 5-15 */ -o-animation: fadeIn 3s; /* Opera 12+ */ animation: fadeIn 3s; /* Safari 5, Chrome, Firefox 16+ */ } @-webkit-keyframes fadeIn { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-moz-keyframes fadeIn { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-o-keyframes fadeIn { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes fadeIn { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } /* ////////////////////////////////////////////////////////////////////////////////////////////// ELEMENTS ////////////////////////////////////////////////////////////////////////////////////////////// */ .arrow_more{ background:url(images/arrow_more.png); width:59px; height:30px; display:block; text-indent:-9999px; } .arrow_more:hover{ background:#000 url(images/arrow_more.png); } .separator{ height:5px; background:#f0f0f0; margin:30px 2%; } .tag_icon{ background:#f0f0f0 url(http://myurbaneatery.com/wp-content/themes/sobr/images/icon_tag.png) no-repeat left; padding-left:24px;} .entry-tags{ margin:0; line-height:24px; } .entry-tags a{ padding:4px 6px; background:#f0f0f0; } /* Button */ .cr_btn{ /*background:#f0f0f0;*/ color:#4d4d4d; display:inline-block; font-size:10px; font-weight:bold; margin:0px 0 0 0; padding:2px 8px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn:hover{ background:#ddd !important; color:#333 !important; } /* Button */ .cr_btn_large{ background:#f0f0f0; color:#4d4d4d; display:inline-block; font-size:13px; font-weight:bold; margin:0px 0 0 0; padding:6px 12px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn_large:hover{ background:#ddd !important; color:#333 !important; } /* Button */ .cr_btn_big, .wpcf7-submit{ background:#77412e; color:#4d4d4d; display:inline-block; font-size:16px; font-weight:bold; margin:0 0 0 0; padding:10px 16px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn_big:hover, .wpcf7-submit:hover{ background:#ddd !important; color:#333 !important; } /* separator_line */ .separator_line{ border-top:1px solid #000; border-top:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid #fff; margin:10px 20px 20px 20px; } /* biglines */ .biglines{ font-size:18px; } /* shadow_block */ .shadow_block{ background:#fff; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } /* lined */ .lined{ background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/lined.png) repeat-x left 50%; } /* padding_20 */ .padding_20{ padding:20px; } /* margin_0_20 */ .margin_0_20{ margin:0 20px; } /* ------------------------------------- SOCIAL NET WORKS LINKS ICONS ------------------------------------- */ .ul_columns{ clear:both; height:100%; overflow:hidden; margin:0; } .ul_columns li{ float: left; width: 50%; margin:0; } .ul_columns li a{ display: block; } .ul_columns li a:hover{ display: block; border:none!important; } .ul_columns.social_links li{ width: 50% !important; padding: 6px 0 4px 30px !important; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ul_columns.social_links .facebook{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_facebook.png) 0 0 no-repeat;} .ul_columns.social_links .twitter{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_twitter.png) 0 0 no-repeat;} .ul_columns.social_links .linkedin{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_linkedin.png) 0 0 no-repeat;} .ul_columns.social_links .youtube{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_youtube.png) 0 0 no-repeat;} .ul_columns.social_links .vimeo{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_vimeo.png) 0 0 no-repeat;} .ul_columns.social_links .dribbble{ background: transparent url(images/social/social_network_dribbble.png) 0 0 no-repeat;} .ul_columns.social_links .envato{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_envato.png) 0 0 no-repeat;} .ul_columns.social_links .myspace{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_myspace.png) 0 0 no-repeat;} .ul_columns.social_links .googleplus{ background: transparent url(images/social/social_network_googleplus.png) 0 0 no-repeat;} .ul_columns.social_links .deviantart{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_devianart.png) 0 0 no-repeat;} .ul_columns.social_links .behance{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_behance.png) 0 0 no-repeat;} .ul_columns.social_links .skype{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_skype.png) 0 0 no-repeat;} .ul_columns.social_links .tumblr{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_tumblr.png) 0 0 no-repeat;} .ul_columns.social_links .flickr{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_flickr.png) 0 0 no-repeat;} .ul_columns.social_links .digg{ background: transparent url(http://myurbaneatery.com/wp-content/themes/sobr/images/social/social_network_digg.png) 0 0 no-repeat;} .ul_columns.social_links li:hover{ background-position:0 -33px; } /* ------------ Twitter widget */ .twitter_update{ font-style:italic; margin:0; padding:0; } .twitter_update li{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ededed; } .twitter_update span{ display:block; font-style:normal; } .twitter_update .twit_avatar{ float: left; margin-right: 10px; width: 40px; } .twitter_update .twit_status{ clear:right; } .twitter_update li a{ display:inline !important; padding:0 !important; } #twitter_update_list_bt li { background:url(http://myurbaneatery.com/wp-content/themes/images/twitter_icon.png) no-repeat left 50%; list-style: none; padding-left:40px; } #twitter_update_list_bt li a{ padding:3px !important; } #twitter_update_list_bt li a:hover{ background:#fff; } #twitter_update_list_bt .twit_avatar{ display:none; } #twitter_update_list_bt .twit_date{ font-size:12px; } /* ------------------------------------- DROPCAP ------------------------------------- */ .dropcap{ float: left; color: #1c1c1c; font-size: 46px; font-weight:bold; line-height: 36px; padding-top: 6px; padding-right: 6px; padding-left: 3px; } .dropcap2{ float: left; background: #1c1c1c; color: #FFF; font-size: 34px; font-weight:bold; line-height: 40px; text-align:center; width:40px; height:40px; margin-right:8px; margin-top:5px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -o-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .dropcap3{ float: left; border-left:1px solid #666666; color: #1c1c1c; font-size: 46px; font-weight:bold; line-height: 36px; padding: 2px 6px; margin-top:5px; } .dropcap4{ float: left; background: #1c1c1c; color: #FFF; font-size: 34px; font-weight: bold; line-height: 42px; text-align:center; vertical-align:middle; margin-right:8px; margin-top:5px; width:40px; height:40px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* ------------------------------------- HIGHLIGHTS ------------------------------------- */ .highlight{ padding:1px 6px; display:inline-block; font-weight:bold; margin:0 2px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .highlight.blood{ background:#C00; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #C00; -moz-box-shadow: 0px 1px 2px 0px #C00; -o-box-shadow: 0px 1px 2px 0px #C00; box-shadow: 0px 1px 2px 0px #C00; } .highlight.red{ background:#F00; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #F00; -moz-box-shadow: 0px 1px 2px 0px #F00; -o-box-shadow: 0px 1px 2px 0px #F00; box-shadow: 0px 1px 2px 0px #F00; } .highlight.pink{ background:#F06; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #F06; -moz-box-shadow: 0px 1px 2px 0px #F06; -o-box-shadow: 0px 1px 2px 0px #F06; box-shadow: 0px 1px 2px 0px #F06; } .highlight.purple{ background:#639; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #639; -moz-box-shadow: 0px 1px 2px 0px #639; -o-box-shadow: 0px 1px 2px 0px #639; box-shadow: 0px 1px 2px 0px #639; } .highlight.night{ background:#339; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #339; -moz-box-shadow: 0px 1px 2px 0px #339; -o-box-shadow: 0px 1px 2px 0px #339; box-shadow: 0px 1px 2px 0px #339; } .highlight.blue{ background:#06C; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #06C; -moz-box-shadow: 0px 1px 2px 0px #06C; -o-box-shadow: 0px 1px 2px 0px #06C; box-shadow: 0px 1px 2px 0px #06C; } .highlight.tropic{ background:#0CF; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #0CF; -moz-box-shadow: 0px 1px 2px 0px #0CF; -o-box-shadow: 0px 1px 2px 0px #0CF; box-shadow: 0px 1px 2px 0px #0CF; } .highlight.lime{ background:#BFFF00; color:#000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #BFFF00; -moz-box-shadow: 0px 1px 2px 0px #BFFF00; -o-box-shadow: 0px 1px 2px 0px #BFFF00; box-shadow: 0px 1px 2px 0px #BFFF00; } .highlight.yellow{ background:#FF0; color:#000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #FF0; -moz-box-shadow: 0px 1px 2px 0px #FF0; -o-box-shadow: 0px 1px 2px 0px #FF0; box-shadow: 0px 1px 2px 0px #FF0; } .highlight.green{ background:#3C0; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #3C0; -moz-box-shadow: 0px 1px 2px 0px #3C0; -o-box-shadow: 0px 1px 2px 0px #3C0; box-shadow: 0px 1px 2px 0px #3C0; } .highlight.forest{ background:#060; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #060; -moz-box-shadow: 0px 1px 2px 0px #060; -o-box-shadow: 0px 1px 2px 0px #060; box-shadow: 0px 1px 2px 0px #060; } /* ------------------------------------- GO TOP ------------------------------------- */ .go_top_short{ border-bottom: 1px solid rgba(0, 0, 0, 0.3); text-align:right; padding:0; } .go_top_short a{ padding:0px 4px; font-size:9px; text-transform:uppercase; float:right; display:block; } /* ------------------------------------- CODE DISPLAYED ------------------------------------- */ pre, code{ font-family:"Courier New", Courier, monospace; color:#444; } pre { font-size: 12px; margin: 20px auto 20px auto; background:url(images/pre_bg.jpg) repeat left top; border:1px solid; border-color:#C4C4C4 #dedede #dedede #C4C4C4; line-height: 18px; width: 100%; overflow: auto; overflow-Y: hidden; } pre.html{ border-color:#ccc #e9e9e9 #e9e9e9 #ffe4c6; border-width:1px 1px 1px 5px;} pre.php{ border-color:#ccc #e9e9e9 #e9e9e9 #c4ddff; border-width:1px 1px 1px 5px;} pre.css{ border-color:#ccc #e9e9e9 #e9e9e9 #eeffc6; border-width:1px 1px 1px 5px;} pre.javascript{ border-color:#ccc #e9e9e9 #e9e9e9 #ffc6c6; border-width:1px 1px 1px 5px;} pre code { margin: 0 0 0 15px; /*--Left Margin--*/ padding: 18px 0; display: block; } /* ------------------------------------- WP GALLERY ------------------------------------- */ .gallery-item{ float:left; margin:0 20px 0 0; padding:5px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } /* ------------------------------------- LIST ICON ------------------------------------- */ .list_simple li{ list-style:square; background:none; padding:3px 0 3px 23px;} .list_arrow li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/grey_small_arrow.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_square li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/list_square.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type1 li{ list-style:none !important; background:url(images/icons/user_business_boss.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type2 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/user_black_female.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type3 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/doc_music_playlist.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type4 li{ list-style:none !important; background:url(images/icons/clock.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type5 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/mobile_phone.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type6 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/key.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type7 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/medal_gold_1.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type8 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/link.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type9 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/money_euro.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type10 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/money_dollar.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type11 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/arrow_right.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type12 li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/tag_blue.png) no-repeat left 50%; padding:3px 0 3px 23px;} .heart li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/heart-16.png) no-repeat left 48%; padding:3px 0 3px 23px; } .comment li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/comment-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .mail li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/email-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .user li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/person-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .redcross li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/cross-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .pencil li{ list-style:none !important; background:url(images/icons/pencil-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .check li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-right li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/arrow-right-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-down li{ list-style:none !important; background:url(images/icons/arrow-down-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .badgecheck li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/badge-circle-check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .plus li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/plus-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .search_list_icon li{ list-style:none !important; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/icons/search-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} /* ------------------------------------- NOTIFICATIONS ------------------------------------- */ .notification{ text-align:left; display:block; clear:both; margin-bottom:15px; padding:10px 20px 10px 40px; min-height:20px; font-family:Arial,Tahoma,sans-serif; font-size:12px; font-weight:normal; line-height:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; -webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; -o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; } .icon{ position:absolute; background-image:url(http://myurbaneatery.com/wp-content/themes/sobr/images/notification.png); background-repeat:no-repeat;height:15px;top:14px; } .notification span{ font-weight:bold; margin-right:10px; } /* Notification Close Button */ .notification .close-notification{ position:absolute; width:5px; height:6px; top:18px; right:10px; cursor:pointer; background-image:url(http://myurbaneatery.com/wp-content/themes/sobr/images/close.png); background-repeat:no-repeat; } /* Success */ .success{ border:1px solid #accc5d; color:#70892b; background-color:#c8e185; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f)); background-image:-webkit-linear-gradient(#d0e98e,#c1da7f); background-image:-moz-linear-gradient(#d0e98e,#c1da7f); background-image:-o-linear-gradient(#d0e98e,#c1da7f); background-image:linear-gradient(#d0e98e,#c1da7f); -moz-text-shadow:0px 1px rgba(255,255,255,0.3); text-shadow:0px 1px rgba(255,255,255,0.3); } .success .icon{ width:14px; left:16px; background-position:0 -15px; } .success .close-notification{ background-position:0 -6px; } /* Fail */ .fail{ border:1px solid #dc4e4d; color:#b52525; background-color:#ec8282; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575)); background-image:-webkit-linear-gradient(#f48888,#e17575); background-image:-moz-linear-gradient(#f48888,#e17575); background-image:-o-linear-gradient(#f48888,#e17575); background-image:linear-gradient(#f48888,#e17575); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .fail .icon{ width:13px; left:16px; background-position:0 0; } .fail .close-notification{ background-position:0 0; } /* Information */ .info{ border:1px solid #69c0ca; color:#3d8d98; background-color:#8aced6; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#99e2eb),color-stop(100%,#79c6cd)); background-image:-webkit-linear-gradient(#99e2eb,#79c6cd); background-image:-moz-linear-gradient(#99e2eb,#79c6cd); background-image:-o-linear-gradient(#99e2eb,#79c6cd); background-image:linear-gradient(#99e2eb,#79c6cd); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .info .icon{ width:6px; left:19px; background-position:0 -30px; } .info .close-notification{background-position:0 -12px; } /* Warning */ .warning{ border:1px solid #f9b516; color:#c2721b; background-color:#fbb160; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544)); background-image:-webkit-linear-gradient(#ffd57f,#ffa544); background-image:-moz-linear-gradient(#ffd57f,#ffa544); background-image:-o-linear-gradient(#ffd57f,#ffa544); background-image:linear-gradient(#ffd57f,#ffa544); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .warning .icon{ width:14px; left:16px; top:13px; background-position:0 -45px; } .warning .close-notification{background-position:0 -18px; } /* Edit */ .edit{ border:1px solid #e9c95f; color:#ae8500; background-color:#f3dc8f; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffeaa7),color-stop(100%,#f3d573)); background-image:-webkit-linear-gradient(#ffeaa7,#f3d573); background-image:-moz-linear-gradient(#ffeaa7,#f3d573); background-image:-o-linear-gradient(#ffeaa7,#f3d573); background-image:linear-gradient(#ffeaa7,#f3d573); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .edit .icon{ width:13px; left:16px; top:13px; background-position:0 -60px; } .edit .close-notification{ background-position:0 -18px; } /* Lock */ .lock{ border:1px solid #CCC; color:#666; background-color:#e8e8e8; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e0e0e0)); background-image:-webkit-linear-gradient(#f4f4f4,#e0e0e0); background-image:-moz-linear-gradient(#f4f4f4,#e0e0e0); background-image:-o-linear-gradient(#f4f4f4,#e0e0e0); background-image:linear-gradient(#f4f4f4,#e0e0e0); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .lock .icon{ width:11px; left:17px; top:13px; background-position:0 -75px; } .lock .close-notification{ background-position:0 -24px; } /* Tip */ .tip{ border:1px solid #e6b96f; color:#b1802f; background-color:#f5dcb2; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffedcf),color-stop(100%,#f8d69e)); background-image:-webkit-linear-gradient(#ffedcf,#f8d69e); background-image:-moz-linear-gradient(#ffedcf,#f8d69e); background-image:-o-linear-gradient(#ffedcf,#f8d69e); background-image:linear-gradient(#ffedcf,#f8d69e); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .tip .icon{ width:9px; left:18px; top:12px; background-position:0 -90px; } .tip .close-notification{ background-position:0 -30px; } /* Download */ .download{ border:1px solid #3178c0; color:#0c4fa3; background-color:#6dacea; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8ed0fa),color-stop(100%,#4e95dc)); background-image:-webkit-linear-gradient(#8ed0fa,#4e95dc); background-image:-moz-linear-gradient(#8ed0fa,#4e95dc); background-image:-o-linear-gradient(#8ed0fa,#4e95dc); background-image:linear-gradient(#8ed0fa,#4e95dc); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .download .icon{ width:10px; left:18px; background-position:0 -105px; } .download .close-notification{ background-position:0 -36px; } /* Chat */ .chat{ border:1px solid #5d902f; color:#366f11; background-color:#89bc5a; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8dcb3d),color-stop(100%,#74a547)); background-image:-webkit-linear-gradient(#8dcb3d,#74a547); background-image:-moz-linear-gradient(#8dcb3d,#74a547); background-image:-o-linear-gradient(#8dcb3d,#74a547); background-image:linear-gradient(#8dcb3d,#74a547); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .chat .icon{ width:14px; left:16px; background-position:0 -120px; } .chat .close-notification{ background-position:0 -42px; } /* Task */ .task{ border:1px solid #71502b; color:#432c12; background-color:#92724e; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a58868),color-stop(100%,#886640)); background-image:-webkit-linear-gradient(#a58868,#886640); background-image:-moz-linear-gradient(#a58868,#886640); background-image:-o-linear-gradient(#a58868,#886640); background-image:linear-gradient(#a58868,#886640); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .task .icon{ width:14px; left:16px; top:13px; background-position:0 -135px; } .task .close-notification{ background-position:0 -48px; } /* ------------------------------------- ACCORDIONS ------------------------------------- */ .accordion{ border-bottom:1px solid #e8e8e8; } .accordion .title a{ font-size:15px; font-weight:700px; color:#777777; display: block; border-top:1px solid #e8e8e8; padding:15px 20px 15px 50px; background:url(http://myurbaneatery.com/wp-content/themes/sobr/images/plus.png) no-repeat 20px center; } .accordion .title a:hover{ background: #f8f8f8 url(http://myurbaneatery.com/wp-content/themes/sobr/images/plus.png) no-repeat 20px center; } .accordion .title.active a{ color:#000 !important; background: #ffffff url(http://myurbaneatery.com/wp-content/themes/sobr/images/minus.png) no-repeat 20px center; } .accordion .inner{ height:100%; height:auto; margin-top:0; } .accordion .inner div{ border-top:1px solid #e8e8e8; display:block; padding:20px; } /* ------------------------------------- TABS ------------------------------------- */ ul.tabNavigation { list-style: none; margin: 0 0 -9px 0 !important; padding: 0; border-bottom:none !important; overflow: hidden; } ul.tabNavigation li { display: block; float:left; margin:0 !important; padding:0; } ul.tabNavigation li a { display: block; padding:10px 20px; float:left; background-color: #f8f8f8; text-decoration: none; border-top:1px solid transparent; border:1px solid #d5d5d5; margin-right:-1px; color:#a6a6a6; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } ul.tabNavigation li a.active{ background-color: #ffffff; color:#000; border-bottom:1px solid #ffffff; border-top:1px solid #000; } ul.tabNavigation li a:hover { color:#000; } ul.tabNavigation li a:focus { outline: 0; } div.tabs div { padding:20px; margin:8px 0 0 0; display: none; border:1px solid #d5d5d5; border-top:1px solid #d5d5d5; background:#fff; } div.tabs{ margin-bottom:20px; } /* ------------------------------------- TOGGLE ------------------------------------- */ .toggle{ border:1px solid #e8e8e8; margin-bottom:20px; } .toggle .title{ font-size:15px; font-weight:700px; color:#777777; display: block; padding:15px 20px 15px 50px; background: #fdfdfd url(http://myurbaneatery.com/wp-content/themes/sobr/images/togg_down.png) no-repeat 20px center; cursor: pointer; } .toggle .title:hover{ color:#000; background: #fafafa url(http://myurbaneatery.com/wp-content/themes/sobr/images/togg_down.png) no-repeat 20px center; } .toggle .title.active{ color:#000; background: #ffffff url(images/togg_up.png) no-repeat 20px center; } .toggle .inner{ display: none; } .toggle .inner div{ padding:20px 20px 20px 20px; border-top:1px solid #e8e8e8; } /* ------------------------------------- PRICING TABLE ------------------------------------- */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{ width:920px; margin:20px 0 30px 0; } .pricing-table.col-2 .plan{ float:left; width:458px; display: block; } .pricing-table.col-3 .plan{ float:left; width:305px; display: block; } .pricing-table.col-4 .plan{ float:left; width:228px; display: block; } .pricing-table.col-5 .plan{ float:left; width:182px; display: block; } .plan{ border:1px solid #d5d5d5; border-right:0px; text-align: center; } .pricing-table .plan:last-child{ border-right:1px solid #d5d5d5; } .plan.featured{ position: relative; z-index: 200; margin:-20px -1px 0 0; padding:20px 0px 0 0; border:1px solid #000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .pricing-table .plan.featured:last-child{ border-right:1px solid #000; } .plan h3{ font-weight:300; font-size:16px; margin:-1px -1px 0px -1px; padding:7px 0; background-color: #666666; color:#ffffff; text-shadow:#000 0px 1px 0px; } .plan.featured h3{ font-size:18px; margin:-21px -1px 0px -1px; padding:17px 0; background-color: #000; color:#ffffff; text-shadow:#000 0px 1px 0px; } .plan .price{ font-size:18px; font-weight:600; margin:0 -1px 0 -1px; padding:10px 0px 10px 0px; background: #666666 url(http://myurbaneatery.com/wp-content/themes/sobr/images/pixel-dark.png) repeat; color:#ffffff; } .plan.featured .price{ background-color: #000; color:#ffffff; } .plan.featured .price span{ color: rgba(255, 255, 255, 0.5); } .plan .price span{ font-weight:400; font-size:10px; color: rgba(255, 255, 255, 0.5); } .plan .signup{ border-top:1px dotted #d5d5d5; padding:10px 0px; text-align: center; background-color: #f3f3f3; } .plan.featured .signup{ padding:16px 0 16px 0; } .plan ul{ margin:0 !important; list-style: none !important; padding:0 !important; } .plan li{ margin:0 20px; padding:7px 0px; text-align: center; border-bottom:1px solid #efefef; } .plan li:last-child{ border-bottom:0px; } /* ------------------------------------- FLICKR BADGE ------------------------------------- */ #flickr_badge_wrapper{ padding:0 0 10px 0; } #flickr_badge_wrapper a{ float:left; float: left; margin: 1%; width: 31%; height: inherit; } #flickr_badge_wrapper a img{ width: 100%; /* Scale down */ width:100%; height:100%; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; -webkit-font-smoothing: subpixel-antialiased; } #flickr_badge_wrapper:hover img{ opacity:0.4; } #flickr_badge_wrapper:hover a:hover img{ opacity:1; } #footer #flickr_badge_wrapper a{ float:left; float: left; margin: 1%; width: 22%; height: inherit; } /* ------------------------------------- BLOCKQUOTE ------------------------------------- */ blockquote p{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; position:relative; z-index:1; } .widget_col blockquote p:before{ display: block; content: "\201C"; font-size: 200px; position: absolute; padding:20px; right: 0px; top: 30px; color: #fff; z-index:0; opacity:0.1; } /* ------------------------------------- Testimonial Footer ------------------------------------- */ .widget_col blockquote p{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; position:relative; z-index:1; } .widget_col blockquote p:before{ display: block; content: "\201C"; font-size: 200px; position: absolute; padding:20px; right: 0px; top: 30px; color: #fff; z-index:0; opacity:0.1; } .widget_col cite{ display:block; clear:both; color:#fff; text-align:right; } /* ------------------------------------- Recent Post widget ------------------------------------- */ #widget_post_list{ padding-top:10px; } #widget_post_list li{ list-style:none; padding:0 0 5px 0; margin-bottom:15px; } #widget_post_list li:last-child{ margin-bottom:0px; } #widget_post_list .widget_post_list-thumbnail{ margin-right:15px; float:left; width:50px; height:50px; background:#e9e9e9; } #widget_post_list .widget_post_list-thumbnail a, #widget_post_list .widget_post_list-thumbnail img{ display:block; padding:0; } #widget_post_list .widget_post_list-thumbnail img{} #widget_post_list .widget_post_list-infos h5{ margin:0px; padding:0; font-size:13px; } #widget_post_list .widget_post_list-infos p{ margin-bottom:0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// RESPONSIVE ////////////////////////////////////////////////////////////////////////////////////////////// */ .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content{ width:100%; max-width:960px; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a img { border: 0px; } .video-container {position: relative;padding-bottom: 49.5%;height: 0;overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-container .mejs-video, .video-container .mejs-layer, .video-container video{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} .postSlider .thumb { max-height:200px !important; } /* Smaller than wide 1170 */ @media only screen and (max-width: 1169px) { .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content, #header .content, #slogan_home .content, #footer .content, #main .content{ width:100%; max-width:960px; } .postSlider .thumb { max-width: 160px !important; } .folio-grid-small{ float:left; width:160px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content, #header .content, #slogan_home .content, #footer .content, #main .content{ width:100%; max-width:768px; } .postSlider .thumb { max-width: 160px !important; } .folio-grid-small{ float:left; width:128px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content, #header .content, #slogan_home .content, #footer .content, #main .content{ width:100%; max-width:480px; } h2 { font-size: 40px; letter-spacing: -1px; } .one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth{ float: none; width:88%; margin-left: 6%; margin-right: 6%; } #header #header_logo{ width: 220px; float: left; margin-top: 10px; margin-left: 20px; } #header #header_logo a{ display:inline; } #header nav ul { display: none; } #header nav select { display: block; width:180px; margin:10px auto 10px auto; border: 1px solid #CCC; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; height: 30px; padding: 6px; background: white; } .searchOpener {margin-top:-3px;} .postSlider .thumb { max-width: 150px !important; } .post_style_1 .post_header span.post_author{ display:none !important; } .folio-grid-3, .folio-grid-4{ width:50%; } #sidebar #flickr_badge_wrapper a { width: 23%; } #bt_navigation, .copyright_line{ width:100% !important; text-align:center !important; float:none !important; display:block; } .team_thumbnail{ float:none; margin:0 20px 0 0; } .team_profil_details{ text-align:center; } .team_profil_details ul{ text-align:center !important; } #sliderflex .flex-slide{min-height:360px !important; height:100%;} .folio-grid-small{ float:left; width:120px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 767px) { .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content, #header .content, #slogan_home .content, #footer .content, #main .content{ width:100%; max-width:480px; } h2 { font-size: 40px; letter-spacing: -1px; } .one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth{ float: none; width:88%; margin-left: 6%; margin-right: 6%; } #header #header_logo{ width: 220px; float: left; margin-top: 10px; margin-left: 20px; } #header #header_logo a{ display:inline; } #header nav ul { display: none; } #header nav select { display: block; width:180px; margin:10px auto 10px auto; border: 1px solid #CCC; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; height: 30px; padding: 6px; background: white; } .searchOpener {margin-top:-3px;} .postSlider .thumb { max-width: 150px !important; } .post_style_1 .post_header span.post_author{ display:none !important; } .folio-grid-3, .folio-grid-4{ width:50%; } #sidebar #flickr_badge_wrapper a { width: 23%; } #bt_navigation, .copyright_line{ width:100% !important; text-align:center !important; float:none !important; display:block; } .team_thumbnail{ float:none; margin:0 20px 0 0; } .team_profil_details{ text-align:center; } .team_profil_details ul{ text-align:center !important; } #sliderflex .flex-slide{min-height:360px !important; height:100%;} .folio-grid-small{ float:left; width:120px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .width960 #header .content, .width960 #slogan_home .content, .width960 #footer .content, .width960 #main .content, #header .content, #slogan_home .content, #footer .content, #main .content{ width:100%; max-width:280px; } .one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth{ float: none; width:88%; margin-left: 6%; margin-right: 6%; } #top_bar .left_content{ display:none; } #top_bar .social_links{ position:inherit; right:auto; text-align:center; } #header {height: 120px;} #header #header_logo{ display:block; width:100%; clear:both; float:none; margin:5px auto 0px; text-align:center; } #header #header_logo h1{ line-height:inherit; } #header #header_logo h1 a { display: inline-block; float: none; margin: 0; } #header #header_logo img{display:inline;} #navigation { height:inherit; position: inherit; right: auto; top: 0px; margin-top: 0; } .searchOpener {display:none !important;} #slogan_home .content {padding-top: 0px;} .postSlider .thumb { max-width: 60px !important; display:block; } .postSlider .entry p { clear:both; display:block; padding:5px 0 0 0; margin:0 0 8px 0 !important; } .post_style_1 .post_header .icon_post{ display:none; } .post_style_1 .post_header span.post_author{ display:none !important; } .folio-grid-small{ float:left; width:70px; } .folio-grid-3, .folio-grid-4{ width:50%; } .grid_item a div span { font-size: 13px !important; } #sliderflex .flex-slide{min-height:260px !important; height:100%;} #sliderflex .flex-slide .slide-content{ display:none; } } /* ------------------------------------- Custom Styles ------------------------------------- */ section.three-fourth {background-color: rgb(0, 0, 0); height:100%;-moz-box-shadow: 0 0 7px #333; -webkit-box-shadow: 0 0 7px #333; box-shadow: 0 0 7px #333;} h2 {color:#ffffff !important; margin-left: 2%;margin-top:2%;} .one-half h4 {color:#ffffff !important; border-bottom: 5px solid #191919;} .one-half strong {color:#DDC8AE !important;} .one-half p {color:#cccccc !important;} .one-fourth h4 {color:#ffffff !important; border-bottom: 5px solid #191919;} .one-fourth strong {color:#DDC8AE !important;} .one-fourth p {color:#cccccc !important;} .framed {border-bottom:5px solid #ffffff;} .title_underline {margin: 20px 0px 0px 0px !important;} aside.one-fourth {background-color: rgb(0, 0, 0); height:100%; padding:2%; color:#cccccc;-moz-box-shadow: 0 0 7px #333; -webkit-box-shadow: 0 0 7px #333; box-shadow: 0 0 7px #333;} aside.one-fourth h4 {color:#ffffff !important;} #OT_searchWrapper .OT_feedTitle {display: none !important;} #OT_logo {display: none !important;} #OT_logoLink {display: none !important;} #OT_partySizeLbl, #OT_dateLbl, #OT_timeLbl {width: auto !important; margin-left: 5px !important;} #OT_searchWrapper #dateDisplay {display: none !important;} #OT_submitWrap {left: 62px !important;} .twitter_update li {border-bottom: 1px solid #191919;} .separator {height: 5px; background: #191919; margin: 30px 0%; } .cr_btn_big { margin-right: 1%; margin-bottom: 4%; margin-top: 2%; } .wpcf7-submit { float:right; margin-right:2%; margin-bottom: 4%; margin-top: 2%; } label { margin-left:3%; font-size:24px; line-height:32px; color: #77412e; } #contactForm { margin-top:3%; } #mc_embed_signup form {padding-left: 0px !important;} div.wpcf7-mail-sent-ok {color:#ffffff;} .bwscaptcha-128 {margin-left:3%;}