/* Theme Name: Panda Theme Theme URI: http://www.uiueux.com Author: UXteam / Bwsm Author URI: http://www.uiueux.com Description: Panda Respondsive WordPress Theme. Version: 1.3.1 License: GNU General Public License License URI: license.zip Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Designed & Handcrafted by Bwsm team All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) Change log: 1.3 20130424 1.2 20130329 1.1 20130325 1.0 Initial release 20130323 /* ------------------------------------------- CSS MAP ------------------------------------------- */ /*----------------------------------------------------------------------------------- CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/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; } .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 */ img,iframe,object,embed{ margin-bottom:-6px; max-width:100%; } .clear{ clear:both;} a{ text-decoration:none} input,select,textarea{ -webkit-appearance: none;-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px; } /*------------------------------------------- General -------------------------------------------*/ html{ overflow-y:auto;overflow-x:hidden;} body { font-weight: normal; font-size:15px; line-height:20px;margin: 0; padding: 0; height:100%; } html>body {font-size:15px;line-height:20px;} #wrap{ width:100%; margin:0 auto; text-align:left; } #content{ min-height:100%; vertical-align:top; } #content.content_wrap{ position:static } #main_wrap{ overflow:hidden; } #item-wrap{ position:relative; z-index:1; width:auto; } #content,#sidebar{ padding-bottom:8000px;margin-bottom:-8000px; } /*for single page*/ #content.left_sidebar{ margin-left:400px; } #content.right_sidebar{ margin-right:400px; } /*------------------------------------------- style switch -------------------------------------------*/ #helplinebox{ position:absolute; z-index:999; top:0; left:0; } #helpline{position:absolute; top:0; left:0;} .lins{background:url(img/demo/help_line.gif);z-index:998;width:1200px; height:3200px;} #styleswitcher{top:246px; left:-140px; position: fixed;z-index:9999;} .display_switch_false{left:-140px; } #styleswitcher #openclose{position: absolute;cursor: pointer;display:block; height:71px; right: -30px;left:auto; width: 30px;background: transparent url(img/demo/panel_head.png) no-repeat top left;} .colorpanel_main{ position:relative; width:120px; height:328px; padding:0 10px 20px 10px; -moz-border-bottom-right-radius: 5px 5px; -webkit-border-bottom-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; background:#fff;} .colorpanel_main input{ width:110px; height:20px; border:1px solid #CCC;} .colorpanel_main .cptitle{ padding:17px 0 15px 10px; color:#333;} #bg_img li,#linkcolor li{ cursor:pointer; display:block; float:left; margin-left:5px; margin-bottom:5px; height:28px; width:28px; border:1px solid #666;} #bg_img li.pattern_dot_a{ background-image:url(img/demo/panel_patter_01.png);} #bg_img li.pattern_dot_b{ background-image:url(img/demo/panel_patter_02.png);} #bg_img li.pattern_dot_c{ background-image:url(img/demo/panel_patter_03.png);} #bg_img li.pattern_dot_d{ background-image:url(img/demo/panel_patter_04.png);} #bg_img li.pattern_dot_e{ background-image:url(img/demo/panel_patter_05.png);} #bg_img li.pattern_dot_f{ background-image:url(img/demo/panel_patter_06.png);} .colorpanel_main select{width:110px; padding:5px; border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#f8f8f8 url(img/menu_mobile.png) no-repeat 95% inherit;} #fullbox li{ cursor:pointer; display:block; float:left; width:38px; margin-left:20px;border:1px solid #666;} #fullbox>li>a{ display:block; width:38px; height:38px; } #fullbox>li.full>a { background:#fff;} #fullbox>li.box>a { background-image:url(img/demo/widthbox.png);} #header_switch{ cursor:pointer; display:block; width:96px; height:38px; margin-left:10px;border:1px solid #666; } .header_layout_thumb_a{background-image:url(img/demo/header_a.jpg);} .header_layout_thumb_b { background-image:url(img/demo/header_b.jpg);} #bg_img{margin-left:5px;} #linkcolor,#fullbox{margin-left:-10px;} /* ------------------------------------------- Hearder ------------------------------------------- */ #logo{ text-align:center; padding:40px 0 24px 0; display:block } #logo_text{ display:block; height:90px; line-height:90px; text-align:center; margin-bottom:50px;} #logo a,#logo_text a{font-size:36px; font-weight:bold; } .logo_retina { display:none; } /* menus */ #navi{ z-index:9999;text-align:center; } .navi_topfixed{ z-index:9999; position:fixed; top:0; left:0; width:100%; padding-top:10px; } #navi ul li a span.dot{ display:inline-block; width:3px; height:3px; margin-left:5px; } #navi a{ font-size:14px; } #navi ul li{position:relative; } #navi>div>ul>li{ position:relative; display:inline-block; margin:0 10px; padding-bottom:20px; height:30px; line-height:30px; clear:both; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} #navi>ul>li>a{ width:180px; padding:0 20px 0 50px; z-index:9; } #navi li a{position:relative; display:block; } /* Submenu*/ #navi ul li ul.sub-menu{ z-index:999; position:absolute; left:-70px; top:48px; width:140px; display:none; } #navi ul li ul.sub-menu li { height:40px; line-height:40px; padding:0 10px; margin:0; } #navi ul li ul.sub-menu ul.sub-menu { left:100%; top:0; bottom:auto; display:none } #navi ul li ul.sub-menu li a{ padding:0 10px; } #navi ul li ul.sub-menu a{ } /* Filter */ #filterable{ text-align:center; padding:20px 0; } #filterable li{ display:inline-block; margin-right:10px; padding:2px 5px; list-style:none; } #filterable li a{ display:block; font-size:12px; height:12px; line-height:12px; padding-left:2px; } #filterable li.current a{ color:#fff; } .mobileMenu{ margin:10px 0 10px; padding:10px; width:80px;text-align:center; font:13px; border:none; color:rgba(255,255,255,0.7); background:#242424 url(img/icon.png) no-repeat 10px -31px; -webkit-appearance: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8;} .mobileMenu option{ text-align:left} /*Social icon wrap*/ #social_header { text-align:center; padding-bottom:32px; } /* Header Layout B */ #header_wrap.head_layout_b #logo{ display:inline-block; text-align:left;float:left; padding:40px 0; margin-left:50px;} #header_wrap.head_layout_b #logo_text{ text-align:left; } #header_wrap.head_layout_b #navi{ display:inline-block;text-align:left; position:relative; top:-10px; } #header_wrap.head_layout_b #social_header{ display:inline-block;text-align:left; margin-left:20px; } #header_wrap.head_layout_b #header_inn{ float:right; margin-top:47px; margin-right:50px; } .head_layout_b.navi_topfixed_b{ position:fixed; top:0; z-index:9999; margin-top:-20px; width:100% } /* Header Layout C */ #header_wrap.head_layout_c #logo{ float:right;display:inline-block; text-align:right; padding:40px 0; margin-right:50px;} #header_wrap.head_layout_c #logo_text{ text-align:right; } #header_wrap.head_layout_c #navi{ display:inline-block;text-align:left; position:relative; top:-10px; } #header_wrap.head_layout_c #social_header{ display:inline-block;text-align:left; margin-left:20px; } #header_wrap.head_layout_c #header_inn{ margin-top:47px; margin-left:50px; } .head_layout_b.navi_topfixed_c{ position:fixed; top:0; z-index:9999; margin-top:-20px; width:100% } /* ------------------------------------------- Sidebar / Widget / GallerySidebar ------------------------------------------- GallerySidebar*/ h1.gallery_title{ font-size:16px; font-style:normal; } .gallery_con{ margin:20px auto;} ul.gallery_meta{ margin-bottom:20px; } ul.gallery_meta>li{ } ul.gallery_meta>li:before{ content:''; width:20px; height:13px; position:relative; top:2px; display:inline-block; background-image: url(img/icon.png); background-repeat:no-repeat;} ul.gallery_meta>li.gallery_author:before{ background-position:-290px -91px;} ul.gallery_meta>li.gallery_date:before{ background-position:-270px -91px;} ul.gallery_meta>li.gallery_cate:before{ background-position:-250px -91px;} ul.gallery_social>li{ display:block; } ul.gallery_social>li>iframe { margin-bottom:0; } .gallery_nav{ margin-top:40px; margin-bottom:60px; } .gallery_nav>span{ display:block; } ul.post-categories,ul.post-categories>li{ display:inline-block; } /* Sidebar */ #sidebar{ float:right; width:300px; padding-top:60px; padding-left:50px; padding-right:50px; } #sidebar_mobile{ display:none; padding:40px; background-color:#f9f9f9; } #sidebar.sidebar_left{ float:left; } #sidebar>ul>li.widget-container:last-child{ padding-bottom:40px; } h3.widget-title{ font-size:16px; font-style:normal; margin-bottom:40px; } li.widget-container{ padding-top:80px; } li.widget-container:first-child { padding-top:0;} li.widget-container #search{ margin:0; } #wp-calendar{ width:100%; color:#999; } #wp-calendar caption{ text-align:left; margin-bottom:20px; } /*Recent Comments*/ .sidebar_widget ul.recentcomments{list-style:none;padding-left:0; margin-:-20px;} .sidebar_widget li.recentcomments{ height:40px; display:block; overflow:hidden; margin-top:20px;} .sidebar_widget li.recentcomments:first-child{ margin-top:0;} .recentcomments .avatars{ float:left; display:block; margin-right:20px; padding-top:6px; width:30px; height:30px} /*Twitter*/ .sidebar_widget ul.tweet_list li,#foot_widget ul.tweet_list li{ margin-top:20px; } .sidebar_widget ul.tweet_list li>span,#foot_widget ul.tweet_list li>span { display:block;padding-left:25px; } .sidebar_widget ul.tweet_list li .tweet_time,#foot_widget ul.tweet_list li .tweet_time { background: url(img/icon.png) no-repeat -288px -51px;} .sidebar_widget ul.tweet_list li:first-child{ margin-top:13px;} .tweet_time{ display:block } .tweet_time a{ color:#333;} li.widget_twitter li { margin-bottom: 20px; margin-top: -20px; padding-left: 25px; } li.widget_twitter li:before { background: url("img/icon.png") no-repeat scroll -288px -53px transparent; content: ""; display: block; height: 20px; left: -25px; position: relative; top: 21px; width: 30px; } /*AD*/ ul.adimg{ margin-left:-20px;} ul.adimg li{ float:left; margin-left:20px; margin-top:20px;} ul.adimg li:first-child,ul.adimg li:nth-child(2){ margin-top:0} /*Tag*/ .tagcloud a { display: inline-block;font-size: 10px; margin-bottom: 10px;margin-right: 3px; padding: 5px 8px; background: rgba(166,166,166,0.2);} /* Flickr widget*/ li.widget-container.widget_fastflickrwidget { margin-left:-20px; } li.widget-container.widget_fastflickrwidget h3.widget-title { margin-left:20px; margin-bottom:20px } li.widget-container.widget_fastflickrwidget>a{ margin:20px 0 0 20px; display:inline-block; } li.widget-container.widget_fastflickrwidget img.flickr_photo { width:60px; height:60px;} /*rss*/ a.rsswidget img{ margin-bottom:-1px; margin-right:10px; } /* ------------------------------------------- Footerbar & Widget ------------------------------------------- */ #foot_wrap{ margin:0 auto; } #foot_widget{ padding:0 0 40px 0; } #foot_widget li.widget-container{ float:left; min-width:182px; width:19%; margin-top:40px; margin-left:3%; margin-right:3%; padding:0; } #foot_widget h3.widget-title,#foot_widget li.widget-container h3 a{ color:#ccc; } #foot_widget li.recentcomments{ clear:both; } #copyright { height:50px; line-height:50px; text-align:center; } #footer_trigger{ position:relative; top:6px; left:10px; display:inline-block; width:20px; height:20px; cursor:pointer; } .footer_close{ background: url(img/icon.png) no-repeat -199px -72px;} .footer_open { background: url(img/icon.png) no-repeat -164px -70px; } /*Search*/ .searchwidget.search-form{ height:20px; padding:5px 10px; } #sidebar .searchwidget.search-form{ padding-left:0;} .searchwidget .submitsearch{ display:none; } #foot_widget .searchwidget.search-form{ padding:0; } .searchwidget.search-form input.textboxsearch{ border:none; padding:0px 10px; background:none; color:#666;} .sidebar_widget .searchwidget.search-form input.textboxsearch{ color:#999;} .searchwidget.search-form span{ display:inline-block; width:3px; height:10px; background-color:#ccc; } /*Contact form*/ #foot_widget .contactform input, #foot_widget .contactform textarea, .sidebar_widget .contactform textarea, .sidebar_widget .contactform input { margin-bottom:10px; padding:5px; background:#373737; border:1px solid #3d3d3d; color:#666;} #foot_widget .contactform textarea, .sidebar_widget .contactform textarea{ width:100%; font-size:12px; } #idi_send{ cursor:pointer;} /*Social icons*/ #social_header a.social_active,li.widget-container a.social_active { filter:alpha(opacity=70); opacity:.7; display:inline-block; position: relative; text-indent: -9999px; width:28px; height:28px; margin:0 1px; } .social_facebook{ background:url(img/icon/facebook.png) no-repeat} .social_facebook span{ background:url(img/icon/facebook.png) no-repeat 0 -30px} .social_twitter{ background:url(img/icon/twitter.png) no-repeat } .social_twitter span{ background:url(img/icon/twitter.png) no-repeat 0 -30px; } .social_dribbble{ background:url(img/icon/dribbble.png) no-repeat } .social_dribbble span{ background:url(img/icon/dribbble.png) no-repeat 0 -30px; } .social_flickr{ background:url(img/icon/flickr.png) no-repeat } .social_flickr span{ background:url(img/icon/flickr.png) no-repeat 0 -30px; } .social_forst{ background:url(img/icon/forst.png) no-repeat } .social_forst span{ background:url(img/icon/forst.png) no-repeat 0 -30px; } .social_github{ background:url(img/icon/github.png) no-repeat } .social_github span{ background:url(img/icon/github.png) no-repeat 0 -30px; } .social_linkedin{ background:url(img/icon/linkedin.png) no-repeat } .social_linkedin span{ background:url(img/icon/linkedin.png) no-repeat 0 -30px; } .social_pinterest{ background:url(img/icon/pinterest.png) no-repeat } .social_pinterest span{ background:url(img/icon/pinterest.png) no-repeat 0 -30px; } .social_instagram{ background:url(img/icon/instagram.png) no-repeat } .social_instagram span{ background:url(img/icon/instagram.png) no-repeat 0 -30px; } .social_rss{ background:url(img/icon/rss.png) no-repeat } .social_rss span{ background:url(img/icon/rss.png) no-repeat 0 -30px; } .social_skype{ background:url(img/icon/skype.png) no-repeat } .social_skype span{ background:url(img/icon/skype.png) no-repeat 0 -30px; } .social_vimeo{ background:url(img/icon/vimeo.png) no-repeat } .social_vimeo span{ background:url(img/icon/vimeo.png) no-repeat 0 -30px; } .social_youtube{ background:url(img/icon/youtube.png) no-repeat } .social_youtube span{ background:url(img/icon/youtube.png) no-repeat 0 -30px; } .social_trumblr{ background:url(img/icon/trumblr.png) no-repeat } .social_trumblr span{ background:url(img/icon/trumblr.png) no-repeat 0 -30px; } .social_google_plus{ background:url(img/icon/google_plus.png) no-repeat } .social_google_plus span{ background:url(img/icon/google_plus.png) no-repeat 0 -30px; } li.widget-container a.social_active span,#social_header a.social_active span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s;} #social_header a.social_active:hover span, #social_header a.social_active:hover, li.widget-container a.social_active:hover span, li.widget-container a.social_active:hover { opacity: 1;} #social_header a.social_active span{opacity: 0;} #foot_widget a.social_active span{opacity: 0;} #foot_widget a.social_active span:hover { opacity: 1;} /* Social icons in Sidebar */ #sidebar #social_facebook,#sidebar #social_twitter,#sidebar #social_dribbble,#sidebar #social_flickr,#sidebar #social_forst,#sidebar #social_github,#sidebar #social_linkedin,#sidebar #social_pinterest,#sidebar #social_instagram,#sidebar #social_rss,#sidebar #social_skype,#sidebar #social_vimeo,#sidebar #social_youtube,#sidebar #social_trumblr,#sidebar #social_google_plus{ background-position:0 -30px; } #sidebar #social_dribbble span,#sidebar #social_flickr span,#sidebar #social_forst span,#sidebar #social_github span,#sidebar #social_linkedin span, #sidebar #social_pinterest span,#sidebar #social_instagram span,#sidebar #social_rss span,#sidebar #social_skype span,#sidebar #social_vimeo span,#sidebar #social_youtube span,#sidebar #social_trumblr span,#sidebar #social_google_plus span,#sidebar #social_facebook span,#sidebar #social_twitter span { background-position: 0 0; } #sidebar li.widget-container a.social_active:hover span { opacity: 0; } #sidebar li.widget-container a.social_active:hover { opacity: 1; } /*calendar*/ .widget_calendar thead th{ text-align:left} /* ------------------------------------------- List ------------------------------------------- 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;} .isotope {-webkit-transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s;} /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none;} /*List item*/ .open_ajax{ display:none;} .archive_title{ text-align:center; font-size:16px; font-weight:normal; padding:20px; } #item-wrap li.item{ display:block; float:left; /*overflow:hidden;*/ width:340px; /*background:#fff; box-shadow: inset -1px -1px 0px #ddd,-1px -1px 0px #ddd; outline:1px solid #ddd;*/ } #item-wrap li.item,#item-wrap li.item a{ color:#CCC; } #item-wrap li.item.item_standard { text-align:center; height:auto } .layout-stand { padding:20px; font-size:12px; } .layout-stand img.standitem_img{ } #item-wrap li.item .layout-stand h2 a.post_title, #item-wrap h1{ display:block;font-size:18px; line-height:40px; margin-bottom:20px; } #item-wrap li.item .layout-stand span { display:block; } #item-wrap li.item h2.audio_title,#item-wrap li.item h2.blog_title { font-style:normal; } #item-wrap li.item.item_content h1{ display:block; font-size:36px; line-height:40px; font-weight:normal; margin-bottom:20px;} .layout-stand p{ margin-bottom:20px; font-size:12px; line-height:20px} .layout-stand p:last-child{ margin-bottom:0; } .audio_wrap{ padding:0 20px 0 12px; } h2.audio_title{ padding:20px 20px 0 8px; font-size:18px; font-style:normal; font-weight:normal;} .videoWrapper{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} video{height:160px;} #item-wrap li.item .block_bar.imageblock_bar {position: absolute; bottom:0;left:0; right:0; } .mejs-time-float-current{ color:#666;} .layout-video{padding:20px;} .layout-video .playericon{ position: absolute; bottom:70px; right:10px; display:block; width:25px; height:20px; background:url(img/videoplayico.png) no-repeat;} .img_mask{ position:absolute; width:100%; height:100%; } #item-wrap li.item a.readmore{ display:inline-block; font-size:12px; height:12px; line-height:12px; } ul.like_icon_intip li{ display:inline-block; idth:80px; margin-top:20px; } ul.like_icon_intip li.facebook{ margin-right:4px; } ul.like_icon_intip li.google{ margin-top:20px; width:70px;} ul.like_icon_intip li.tweet{ width:89px;} ul.like_icon_intip.ingallery { margin-left:50px;} .edit_insigle{ display: inline-block} a.post-edit-link{ float:none; margin-left:5px; color:#999; } #item-wrap li.item .edit_insigle { display:inline-block; margin-left:10px; } #item-wrap li.item.imageblock img.thumb { height: auto; width:100%; } #item-wrap li.item a.post_title.withimg{ padding:20px 20px 0 20px; display:block; } #item-wrap li.item a.post_title.withimg img,#item-wrap li.item .player_wrap img{ width:100%;} #item-wrap li.item.imageblock .gallerylayout{ } /* Hover jquery */ .gallery_wrap{} .gallery_wrap .thumb_info { display:none; position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; background:rgba(0,0,0,0.5) } .gallery_wrap .thumb_info h2 { font-size:16px; color:#FFF; text-align:center; } .gallery_wrap .thumb_info ul.hover_thumb_wrap{ text-align:center; } .gallery_wrap .thumb_info li.hover_thumb_unit{ display:inline;} .thumb_info_wrap{vertical-align:middle;} /* Content style after ajax load*/ #item-wrap h1{ padding:20px 60px 0px 20px;} #item-wrap .image-wrap{ width: auto; margin:20px 20px 0 20px; padding-top:0} #item-wrap .entry .image-wrap{ margin:20px 0 0 0;} #item-wrap .image-wrap img{ max-width: 100%; } #item-wrap .meta, #item-wrap .shareicons, #item-wrap #respond,#item-wrap .commentlist,#item-wrap #comments_inlist,#item-wrap .entry,#item-wrap #comments_box{ width: auto; margin:0 20px 40px 20px } #item-wrap .entry{ margin-top:20px; margin-bottom:20px;} #item-wrap #comments_box{ margin:36px 20px 20px 0; } #item-wrap .shareicons, #item-wrap .commentlist{ margin-bottom:20px; margin-top:40px; } #item-wrap .meta,.commentlist{ font-size:12px; } #item-wrap li.item .gallery_slider { height:640px; background-color:#6a6a6a; } #item-wrap li.item .single-video { margin-left:20px;} .gallery_slider li{ margin-bottom:20px;} #item-wrap li.item .gallery_slider li{ margin-bottom:0 } #comments_inlist,#item-wrap li.item #comments { /*display:none;*/ } #item-wrap li.item #comments_inlist{ display:block; } #item-wrap li.item #comments_inlist a,#item-wrap li.item .item_respondbtn a{ font-size:14px; font-style:normal } .ajaxloading{ width:62px; height:62px; position: absolute; left:50%; top:50%; right:auto; bottom:auto; margin-top:-31px; margin-left:-31px; z-index:999; background:#333 url(img/loading-dark.gif) no-repeat 50% 50%; -webkit-border-radius:31px; -moz-border-topright:31px; border-radius:31px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: .6;} .meta .cate a{ padding-right:5px;} .meta span.line:after{ content:''; width:3px; height:10px; margin:2px 5px 0 -3px; display:inline-block; border-right:1px solid #999; } #item-wrap ul.like_icon_intip.insingle{ padding-left:20px;} #item-wrap li.item .comment-meta span.reply a { display:none; } /*Pagenation*/ #pagenums{ z-index:999;} .pagination{ margin:20px;} .pagination span,.pagination a{display:inline-block; text-align:center; width:25px; } .pagination .next,.pagination .pre { width:auto; height:28px; line-height:26px; padding:0 10px; margin-top:-4px; } .tw_style a{ min-width:60px; text-align:center; } .pagination .pre{margin-left:10px; } .pagination .next{margin-left:10px; margin-right:5px; } .pagination .first{ margin-left:10px; } .pagination .first,.pagination .last{ font-size:15px;} #pagenums.tw_style{ display:block; width:100%; text-align:center; background-color:#f2f2f2; } #pagenums.tw_style a{ text-align:center; display:inline-block; margin:30px auto; padding:10px 15px; border:1px solid #e2e2e2; color:#666;background:linear-gradient(to bottom, #fafafa, #f5f5f5) repeat scroll 0 0 #fafafa; background-image:-webkit-linear-gradient(top, #fafafa, #f5f5f5); } #pagenums{ text-align:center; } /*Infi-scroll*//* Top */ #page-nav{ display:none; } #top{z-index:999; height:40px; width:40px; position: fixed; left:auto; bottom:80px; background-repeat:no-repeat; right:10px; cursor:pointer; background:#ccc url(img/icon.png) -23px 7px no-repeat; -webkit-border-radius:20px; -moz-border-topright:20px; border-radius:20px; -webkit-transition-duration: 0.30s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.30s; -moz-transition-timing-function: ease-out; } #infscr-loading{ text-align:center; line-height:100px; height:100px; background-color:#f2f2f2; color:#666; background-repeat:no-repeat; background-position:50% 50%; } .infscr-loading-bg{ width:62px; height:62px; position: relative; left:50%; top:20px; right:auto; bottom:auto; margin-left:-31px; z-index:999; background-color:#fff; background-position:50% 50%; -webkit-border-radius:31px; -moz-border-topright:31px; border-radius:31px; } /*------------------------------------------- Single / page / 404 -------------------------------------------*/ #single-wrap{ padding:60px 50px; } #single-wrap .entry{ margin-right:0px;} #single-wrap h1.content_title{ display:block; line-height:40px; margin-bottom:60px;font-size:40px; font-weight:200; } .image-wrap img{ width:100%; height:auto; } .image-wrap li{ margin-top:20px; float:none; } .image-wrap li:first-child{ margin-top:0;} #single-wrap .flexslider{height:auto} .entry p { margin-bottom:20px;} .entry .alignright{ float:right; margin-left:20px; } .entry .alignleft{ float:left; margin-right:20px; } .link-wrap a{ font-size:20px; text-decoration:none; } .quote-wrap{padding:30px 20px 20px 80px; } .meta{ margin-bottom:40px; } .meta .post-like{float:left; font-style:normal} .meta .post-like a .like{float:left; } .meta .author{ padding-left:10px; padding-right:10px;} .single-audio{ width:70%; margin-left:-7px; margin-top:20px; } #single-wrap p.sourceurl{ width:70%; text-align:right; } #content.fourofour_wrap{ position:static; height:100%; margin-right:0; vertical-align:middle } #fourofourwrap{ width:400px; height:100px; padding-bottom:40px; margin: 50px auto 0; vertical-align:middle } #fourofourwrap h1{ text-align:center} #fourofourwrap_menu .nav{margin-top:20px; text-align:left} #single-wrap .flexslider { width:70%} #single-wrap .flexslider li{ margin-bottom:0 } #single-wrap .flexslider li img{ width:100%; height:auto} .shareicons{ margin-top:20px;} .shareicons .post-like{float:left} .shareicons .post-like .like{float:left;} .shareicons .post-like .count{font-size:10px; padding:1px 3px; } .shareicons .post_facebook{ float:left; width:74px;} .shareicons .post_tweet{float:left; margin-left:13px; width:85px;} .shareicons .post_googleplus{float:left; margin-left:7px; width:60px;} .shareicons .pluginCountButtonNub {display:block;width: 5px;height: 0;position: relative;left: 18px; top: 5px;z-index: 2;} .shareicons .pluginCountButtonNub s, .pluginCountButtonNub i{border-style: solid;border-width: 4px 5px 4px 0;display: block;position: relative;top: 1px;} .shareicons .pluginCountButtonNub i{left: 2px;top: -7px;} .item_bottom{ display:none; } #item-wrap li.item .item_bottom{ display:block; height:20px; margin-left:20px; margin-bottom:20px; color:#999 } .page_navi { height:30px; position:relative; top:-2px; margin-bottom:30px; } .page_navi a{ display:inline-block; width:25px; height:25px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} .page_navi_next{ background:#d6d6d6 url(img/icon.png) no-repeat -96px -2px;} .page_navi_pre{ background:#d6d6d6 url(img/icon.png) no-repeat -69px -2px; margin-right:5px;} /*------------------------------------------- Commnet & Respond area / contact form -------------------------------------------*/ #item-wrap li.item #respond{ /**/display:none; margin-top:40px; margin-bottom:20px; } #comments_box{ margin-top:40px; font-style:italic; } span#comments_inlist{ font-style:normal; padding-right:10px; } span#comments_inlist{ font-size:14px; } .item_respondbtn{ display:none } #item-wrap li.item .item_respondbtn{ display:inline-block; margin:20px; } #comments_box .avatar,.commlist-unit .avatar{ float:left; padding-top:3px; width:0; height:0; } li.commlist-unit{margin-top:20px; padding-left:10px; border-left:4px solid #999; } .comment-meta .reply{ padding-left:10px;} ol.commentlist{ min-height:40px; height:auto; } .logged{ display:block; margin-bottom:20px;} #respond{ margin-top:40px; } .respondbtn{ padding-right:10px } .respondbtn-open{background-position: 100% -13px;} .respondbtn-close{background-position: 100% 3px;} .sucess-tip{ display:block; margin-top:20px; margin-left:10px;} #comment-sending{ margin-bottom:10px;} #commentform #error{margin-bottom:10px;} .comment-author{ padding-right:10px;} #comments_box #comments a{ font-size:14px; } #comments_box .children{ margin-left:20px;} /* Contant form*/ .entry .contactform,.respondwrap{ padding-top:10px;} .entry .contactform h2,h3#reply-title{ display:block; font-weight:normal; font-size:14px; margin-top:-10px; margin-bottom:20px; } .respondbtn{ margin-top:0;} .entry .contactform input,#respond input{ width:80%; height:12px; padding:11px 10px; margin-bottom:25px; } .entry .contactform input.idi_send,#respond input#submit{ float: none; width:auto; cursor:pointer; height:28px; line-height:28px; padding:0 10px 3px 10px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} .entry .contactform textarea,#respond textarea{ font-size:12px; width:80%; height:128px; overflow:auto; resize:none; padding:7px 10px 7px 10px; margin-bottom:25px;} .sending{ float:left; display:block;width:80px; height:27px;line-height:27px;} h3#reply-title small{ margin-left:10px } /* ------------------------------------------- Shortcode -------------------------------------------*/ /* coloum */ .one-third-c {width:30%;float: left;margin-right:3%;} .one-half-c {width:45%;float: left;margin-right:5%;} .one-fourth-c {width:20%;float: left;margin-right:5%;} .one-fifth-c {width:18%;float: left;margin-right:2%;} .one-sixth-c {width:15%;float: left;margin-right:1%;} .five-sixth-c {width:79%;float: left;margin-right:1%;} .two-fifth-c {width:38%;float: left;margin-right:2%;} .three-fifth-c {width:58%;float: left;margin-right:2%;} .four-fifth-c {width:78%;float: left;margin-right:2%;} .three-fourth-c {width:70%;float: left;margin-right:5%;} .two-third-c {width:63%;float: left;margin-right: 3%;} .one-fourth-c.last, .one-third-c.last, .two-third-c.last , .one-half-c.last,.three-fourth-c.last,.one-fifth-c.last,.two-fifth-c.last,.three-fifth-c.last,.four-fifth-c.last,.one-sixth-c.last,.five-sixth-c.last { margin-right:0; margin-bottom:0; } .fixed_column{ display:inline-block; vertical-align:top; } /*buttons*/ a.btn{ display: inline-block; font-size:14px;padding:4px 10px 4px 10px;cursor:pointer;color:#fff; border-style:solid; border-width:1px; margin-bottom:10px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} a.btn.black{ color:#fff; background-color:#333; border-color:#585858; } a.btn.grey{ color:#fff; background-color:#888; border-color:#868686; } a.btn.pink{ color:#fff; background-color:#ee83b3; border-color:#f17baa; } a.btn.red{ color:#fff; background-color:#f8725c; border-color:#f26b4c; } a.btn.orange{ color:#fff; background-color:#f9891b; border-color:#f79124; } a.btn.olivine{ color:#fff; background-color:#b4da1b; border-color:#b2ce19; } a.btn.green{ color:#fff; background-color:#52d655; border-color:#45d742; } a.btn.lightblue{ color:#fff; background-color:#73cfe0; border-color:#48d4e1; } a.btn.blue{ color:#fff; background-color:#83bef9; border-color:#91b9fb; } a.btn.skyblue{ color:#fff; background-color:#8f9de3; border-color:#868bf0; } a.btn.purple{ color:#fff; background-color:#ab8ad0; border-color:#b568e5; } a.btn.yellow{ color:#fff; background-color:#f1da17; border-color:#e4cd0a; } /*a.btn:hover{ color:#fff;background-color:#717171; border-color:#666; }*/ a.btn.black:hover{ background-color:rgba(51,51,51,0.8); border-color:rgba(88,88,88,0.8); } a.btn.grey:hover{ background-color:rgba(136,136,136,0.8); border-color:rgba(134,134,134,0.8); } a.btn.pink:hover{ background-color:rgba(238,131,179,0.8); border-color:rgba(241,123,170,0.8); } a.btn.red:hover{ background-color:rgba(248,114,92,0.8); border-color:rgba(242,107,76,0.8); } a.btn.orange:hover{ background-color:rgba(249,137,27,0.8); border-color:rgba(247,145,36,0.8); } a.btn.olivine:hover{ background-color:rgba(180,218,27,0.8); border-color:rgba(178,206,25,0.8); } a.btn.green:hover{ background-color:rgba(82,214,85,0.8); border-color:rgba(69,215,66,0.8); } a.btn.lightblue:hover{ background-color:rgba(115,207,224,0.8); border-color:rgba(72,212,225,0.8); } a.btn.blue:hover{ background-color:rgba(131,190,249,0.8); border-color:rgba(145,185,251,0.8); } a.btn.skyblue:hover{ background-color:rgba(143,157,227,0.8); border-color:rgba(134,139,240,0.8); } a.btn.purple:hover{ background-color:rgba(171,138,208,0.8); border-color:rgba(181,104,229,0.8); } a.btn.yellow:hover{ background-color:rgba(241,218,23,0.8); border-color:rgba(228,205,10,0.8); } /*typograph*/ h1.typograph { font-size: 34px; line-height:40px; font-weight:normal; } #single-wrap h1.typograph{ font-size: 34px; line-height:40px; margin-bottom:0 } h2.typograph { font-size: 28px; line-height:40px; font-weight:normal; } h3.typograph { font-size: 24px; line-height:20px; font-weight:normal; } #single-wrap h3.typograph{ margin-bottom:0;} h4.typograph { font-size: 18px; line-height:20px; font-weight:normal; } h5.typograph { font-size: 16px; line-height:20px; font-weight:normal; } h6.typograph { font-size: 12px; line-height:20px; font-weight:normal; } .typograph.grey{ color:#999;} /* line*/ .line { clear:both; color:#999; border-bottom-width:1px; height:19px; } .line_solid{ border-bottom-style: solid;} .line_dot{ border-bottom-style:dotted;} .line_dashed{ border-bottom-style: dashed;} .line_double{ border-bottom-style: double;} .line_groove{ border-bottom-style: groove;} .line_red{ border-bottom-color: #cc6666;} .line_pink{ border-bottom-color: #882a7e;} .line_brown{ border-bottom-color: #e3a600;} .line_green{ border-bottom-color: #5bae55;} .line_blue{ border-bottom-color: #4c8ac5;} .line_grey{ border-bottom-color: #ccc;} .line_dark{ border-bottom-color: #666;} .line_black{ border-bottom-color: #000;} .line_blank{ height:20px; clear:both; display:block;} .line_blank_half{ height:10px; clear:both; display:block;} .line_clear{ height:0; clear:both;} p.paragraph{line-height:20px;} /*message box*/ .messagebox_blue{ background-color: #e2f3ff; background-image:url(img/ico_mesg1.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #99ccff; color:#005a8e; padding:19px 20px 19px 48px; margin-top:20px; } .messagebox_green{ background-color: #e2f4e3; background-image:url(img/ico_mesg2.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #68d86d; color:#009900;padding:19px 20px 19px 48px; margin-top:20px; } .messagebox_orange{ background-color: #f8f3e6; background-image:url(img/ico_mesg3.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #e4c28e; color:#c97900;padding:19px 20px 19px 48px;margin-top:20px; } .messagebox_red{ background-color: #f9ebeb; background-image:url(img/ico_mesg4.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #edb0b0; color:#ed2700;padding:19px 20px 19px 48px;margin-top:20px; } /*image*/ .imgborder0{ border:none;} .imgborder1{ border:10px solid #ccc; } .imgborder2{ border:5px solid #777; padding:5px;} .imgborder3{ border:1px solid #ccc; padding:9px;} .imgborder4{border:5px solid #d3ddea;} .imgtext img{ margin-bottom:10px;} .imgtextimgleft{ margin-right:20px; float:left } .imgtextimgright{ margin-left:20px; float:right } .imageshover{ position: relative; margin-left:auto; margin-right:auto;} .imageshoverimg{position: absolute;top: 0; left: 0;z-index:98;} .imageshoverp{ text-align:center; height:40px;line-height:40px; font-size:14px; color:#999; background-color:#000; position: absolute;bottom: 0; left: 0; z-index:99; display:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: .6;} .roundimage>img{ width:140px; height:140px; overflow:hidden; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px;} /*font color*/ .entry black { color:#000;} .entry .dark{ color:#333;} .entry grey { color:#999;} .entry red { color: #CC0000;} .entry green { color: #339933;} .entry yellow { color: #FFCC00;} .entry orange { color: #FF6600;} .entry blue { color: #003399;} .entry brown { color: #CC6600;} .entry pink { color: #FF3399;} /* toggle */ .toggle-title{font-family:Tahoma , arial, serif; padding-left:10px; cursor:pointer;background: url(img/ico_career_b.gif) no-repeat scroll left center transparent;} .toggle-des{ display:none; margin-top:20px; margin-bottom:20px; padding-left:20px;} .toggle h6{ font-family:Tahoma , arial, serif; } /*border style*/ .border-style1{ border:5px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 2px 5px #a3a3a3; -webkit-box-shadow:0px 2px 5px #a3a3a3; box-shadow: 0px 2px 5px #a3a3a3;} .border-style2{border:10px solid #dadada;} .border-style3{border:1px solid #dadada; padding:10px;} /* icon */ .layout-status p{display:inline-block; } p.icon{ display:inline-block; width:22px; height:22px; margin-top:-2px; margin-bottom:-10px; background-repeat:no-repeat} .icon.crying{ background: url(img/icon/face-crying.png);} .icon.laughing{ background: url(img/icon/face-laughing.png);} .icon.sleep{ background: url(img/icon/face-sleep.png);} .icon.wink{ background: url(img/icon/face-wink.png);} .icon.embarrassed{ background: url(img/icon/face-embarrassed.png);} .icon.foot-in-mouth{ background: url(img/icon/face-foot-in-mouth.png);} .icon.kiss{ background: url(img/icon/face-kiss.png);} .icon.plain{ background: url(img/icon/face-plain.png);} .icon.surprise{ background: url(img/icon/face-surprise.png);} .icon.mail{ background-image:url(img/icon.png);background-position:-377px -25px;} .icon.phone{ background-image:url(img/icon.png);background-position:-245px -54px;} .icon.location{ background-image:url(img/icon.png);background-position:-342px -26px; } /* List */ .list_style{ padding-left:20px; } .list_style:before{ content:''; display:inline-block; float:left; width:28px; height:20px; margin-left:-25px; background-image:url(img/icon.png); background-repeat:no-repeat; } .list_style_dot:before{ background-position: -241px 6px; } .list_style_bigdot:before{ background-position:-370px 3px; } .list_style_nike:before{ background-position:-275px 4px; } .list_style_triangle:before{ background-position:-308px 3px; } .list_style_hollowarrow:before{ background-position:-339px 3px; } .list_style_heart:before{ background-position:-241px -23px; } .list_style_square:before{ background-position:-275px -23px; } .list_style_dash:before { background-position:-309px -22px; } .list_style_location:before{ background-position:-341px -25px; } .list_style_mail:before{ background-position:-375px -25px; } .list_style_phone:before{ background-position:-243px -55px; } /* Social */ .social_shortcode{ display:inline-block; position: relative; text-indent: -9999px; width:28px; height:28px; margin:0 1px; } .social_shortcode_facebook{ background:url(img/icon/facebook.png) no-repeat } .social_shortcode_facebook span{ background:url(img/icon/facebook.png) no-repeat 0 -30px;} .social_shortcode_twitter{ background:url(img/icon/twitter.png) no-repeat } .social_shortcode_twitter span{ background:url(img/icon/twitter.png) no-repeat 0 -30px;} .social_shortcode_dribbble{ background:url(img/icon/dribbble.png) no-repeat } .social_shortcode_dribbble span{ background:url(img/icon/dribbble.png) no-repeat 0 -30px;} .social_shortcode_flickr{ background:url(img/icon/flickr.png) no-repeat} .social_shortcode_flickr span{ background:url(img/icon/flickr.png) no-repeat 0 -30px;} .social_shortcode_forst{ background:url(img/icon/forst.png) no-repeat} .social_shortcode_forst span{ background:url(img/icon/forst.png) no-repeat 0 -30px;} .social_shortcode_github{ background:url(img/icon/github.png) no-repeat } .social_shortcode_github span{ background:url(img/icon/github.png) no-repeat 0 -30px; } .social_shortcode_linkedin{ background:url(img/icon/linkedin.png) no-repeat} .social_shortcode_linkedin span{ background:url(img/icon/linkedin.png) no-repeat 0 -30px; } .social_shortcode_pinterest{ background:url(img/icon/pinterest.png) no-repeat} .social_shortcode_pinterest span{ background:url(img/icon/pinterest.png) no-repeat 0 -30px; } .social_shortcode_instagram{ background:url(img/icon/instagram.png) no-repeat} .social_shortcode_instagram span{ background:url(img/icon/instagram.png) no-repeat 0 -30px; } .social_shortcode_rss{ background:url(img/icon/rss.png) no-repeat} .social_shortcode_rss span{ background:url(img/icon/rss.png) no-repeat 0 -30px;} .social_shortcode_skype{ background:url(img/icon/skype.png) no-repeat } .social_shortcode_skype span{ background:url(img/icon/skype.png) no-repeat 0 -30px; } .social_shortcode_vimeo{ background:url(img/icon/vimeo.png) no-repeat } .social_shortcode_vimeo span{ background:url(img/icon/vimeo.png) no-repeat 0 -30px; } .social_shortcode_youtube{ background:url(img/icon/youtube.png) no-repeat } .social_shortcode_youtube span{ background:url(img/icon/youtube.png) no-repeat 0 -30px; } .social_shortcode_trumblr{ background:url(img/icon/trumblr.png) no-repeat} .social_shortcode_trumblr span{ background:url(img/icon/trumblr.png) no-repeat 0 -30px; } .social_shortcode_google_plus{ background:url(img/icon/google_plus.png) no-repeat } .social_shortcode_google_plus span{ background:url(img/icon/google_plus.png) no-repeat 0 -30px; } .social_shortcode span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s;} .social_shortcode:hover span{ opacity: 1;} /* map */ #map_canvas img,#map_canvas iframe,#map_canvas object,#map_canvas embed{ margin-bottom:0; max-width:none; } /* Quote*/ .entry blockquote{ margin:20px; padding-left:20px; border-left: 2px solid #ddd; } /*------------------------------------------- For Composer Re-style ------------------------------------------- */ .wpb_row img{ margin-bottom:0;} .vc_row-fluid:before, .vc_row-fluid:after{ display:none; } .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{ margin-bottom:40px;} h2.wpb_heading,.wpb_alert, .fb_like, .twitter-share-button, .entry-content .twitter-share-button, .wpb_googleplus, .wpb_pinterest, .wpb_tab .wpb_content_element, .wpb_accordion .wpb_content_element, .wpb_toggle_content{ margin-bottom:20px;} .vc_row-fluid [class*="vc_span"]{ min-height:20px; } /* title */ .wpb_wrapper h1{font-size: 40px; line-height:40px; margin-bottom:20px; font-weight:300;} .wpb_wrapper h2{ font-size: 30px; line-height:40px; margin-bottom:20px; font-weight:300; } .wpb_wrapper h3{ font-size: 22px; line-height:20px; margin-bottom:20px; font-weight:300; } .wpb_wrapper h4{ font-size: 20px; line-height:20px; margin-bottom:20px; font-weight:300; } .wpb_wrapper h5 { font-size: 16px; line-height:20px; margin-bottom:20px; font-weight:300; } .wpb_wrapper h6{ font-size: 14px; line-height:20px; margin-bottom:20px; font-weight:300; } /* separator */ .vc_text_separator div{ padding-top:0; padding-bottom:0; } .separator_align_left > div { padding-left:0;} .separator_align_right > div { padding-right:0; } .wpb_separator, .vc_text_separator { height:19px; } .vc_text_separator div ,h2.wpb_heading{ font-size:20px; } .vc_text_separator{ top:0;} .wpb_separator{ margin-top:-4px;} /* Message box */ .alert { border-radius: 0; } .wpb_alert{ margin-top:2px; padding:8px 35px 8px 14px; border-radius:0;} .messagebox_text>p{ height:20px; } /* Toggle & Section */ .wpb_toggle_content{ margin-top:20px; } .wpb_toggle, #content h4.wpb_toggle { font-size:14px; font-style:normal; font-weight:normal; background: url("img/icon/toggle_open.png") no-repeat scroll left 6px transparent } .wpb_content_element .ui-state-default .ui-icon, .wpb_content_element .ui-state-active .ui-icon{top:1.5em; background: url("img/icon/toggle_open.png") no-repeat scroll left center transparent;} .wpb_toggle_title_active, #content h4.wpb_toggle_title_active, .wpb_content_element .ui-state-active .ui-icon{ top:1.5em; background: url("img/icon/toggle_close.png") no-repeat scroll left center transparent;} #content .wpb_accordion .ui-accordion .ui-accordion-header a{ font-size:16px; font-style:normal; font-weight:normal;} /* Tabs */ .wpb_accordion_section:first-child{margin-top:-10px;} .wpb_content_element .ui-tabs .ui-tabs-nav li{ background:#f3f3f3; font-size:16px;} .wpb_content_element .ui-accordion .ui-accordion-header{ height:38px; border:1px solid #eee; background-color:#fff; } .ui-accordion .ui-accordion-header-active{ border-bottom:1px solid #eee!important; background-color:#f6f6f6!important;} .wpb_accordion .ui-accordion .ui-accordion-content{ padding:10px 20px 10px 27px; } #content .wpb_accordion .ui-accordion .ui-accordion-header a, .wpb_accordion .ui-accordion .ui-accordion-header a{ padding-top:9px; font-size:14px; } .wpb_tabs{ margin-top:-10px;} .ui-tabs .ui-tabs-nav li a{ padding:10px 20px;} .wpb_content_element .ui-tabs .ui-tabs-nav li a{ font-size:14px;} .wpb_tabs .ui-tabs .ui-tabs-panel{ background-color:#fff; padding:10px 20px; } .ui-tabs .ui-tabs-nav li{ border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-left:-1px; } .ui-tabs .ui-tabs-nav li:first-child{ margin-left:0; } .wpb_content_element .ui-tabs .ui-tabs-nav .ui-tabs-active, .wpb_content_element .ui-tabs .ui-tabs-nav .ui-state-active, .wpb_content_element .ui-tabs .ui-tabs-nav li.ui-state-hover { background:#fff;} .wpb_content_element .ui-tabs .ui-tabs-nav li.ui-state-hover{ border-bottom:1px solid #eee; } .wpb_tabs .ui-tabs .ui-tabs-panel{ border:1px solid #eee; margin-top:-1px; } .wpb_tour .ui-tabs .ui-tabs-nav li a.ui-tabs-anchor{ padding:8px 20px 10px 0; } .wpb_tour .ui-tabs .ui-tabs-nav li:first-child a.ui-tabs-anchor{ padding-top:0;} /* Tour tab */ .wpb_tour .ui-tabs .ui-tabs-nav li{ background:none; border-left:none; border-right:none; } .wpb_tour .ui-tabs .ui-tabs-nav li:first-child{ border:none; } .wpb_tour_next_prev_nav span{ display:none; } .wpb_tour .ui-tabs .ui-tabs-nav li a{ font-size:12px; } /* Gallery */ .wpb_image_grid .wpb_image_grid_ul .isotope-item{ margin:0 20px 20px 0; } /* Slider */ .wpb_gallery .flex-direction-nav a, .wpb_gallery .nivo-directionNav a{ background-image:url(img/icon/slider-nav.png); } /* Teaser */ .wpb_teaser_grid .categories_filter li.active a, .wpb_categories_filter li.active a,.wpb_teaser_grid .categories_filter li a:hover { color:#fff; border-bottom:none} .wpb_teaser_grid .categories_filter li a{ padding:2px 4px; } .teaser_grid_container h2 a{ display:block; margin:10px 0; font-size:16px; font-style:normal; } .wpb_carousel .prev, .wpb_carousel .next{ text-indent:-5000px; top:0; width:40px; height:40px; padding:0; background:url(img/icon/slider-nav.png) no-repeat;} .wpb_carousel .prev{ background-position:0 0; right:40px;} .wpb_carousel .next{ background-position:0 -40px;} .wpb_carousel .teaser_grid_container{ margin-top:10px; } .teaser_grid_container img{ height:auto; } .teaser_grid_container ul.wpb_thumbnails-fluid > li{ margin-bottom:2.12766%;} .wpb_carousel .teaser_grid_container ul.wpb_thumbnails-fluid > li{ margin-bottom:0; } /* Button*/ .wpb_button{ background-image:none; border-radius:0; padding:11px 10px; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); box-shadow:none; text-shadow:none; } .wpb_call_to_action{ border:none; padding:30px; } button.wpb_btn-large, span.wpb_btn-large{ border-radius:0; } h2.wpb_call_text{ font-size:18px;} /*Twitter*/ #content .wpb_twitter_widget ul.tweet_list li, .wpb_twitter_widget ul.tweet_list li{ border-bottom: none; font-size:16px; padding-left:80px; background:url(img/twitter.png) no-repeat left center; line-height:30px; } .wpb_twitter_widget ul.tweet_list li .tweet_text a{ font-size:16px;} .wpb_twitter_widget .tweet_time{ display:none;} .wpb_twitter_widget .twitter_follow_button{ background:none; padding:4px 8px; font-size:12px; float:right; } /*row*/ .wpb_raw_code{ padding: 9px 10px; background-color:#fcf8e1; color:#bc8b5a; border:1px solid #f1e3c3; } /*Pretty photo*/ div.pp_default div.ppt{ display:none; visibility:hidden; } div.pp_default .pp_content_container .pp_details{ margin:0; padding-top:8px; background-color:#f8f8f8; } div.pp_default .pp_description{ font-size:12px; color:#666; line-height:20px; margin-top:8px; } div.pp_default .pp_close{ margin-top:11px; } div.pp_default .pp_loaderIcon { background-color:#f8f8f8;} div.pp_default a.pp_next,div.pp_default .pp_next:hover { background-image:url(img/btu-nav-next.png);} div.pp_default a.pp_previous,div.pp_default a.pp_previous:hover{ background-image:url(img/btu-nav-pre.png);} /*------------------------------------------- Default Color / Fonts ------------------------------------------- */ /* Font family*/ body,input,select,textarea,#content h4.wpb_toggle,h2.wpb_call_text,button{font-family: 'Open Sans', sans-serif;} #single-wrap h1.content_title,h1.gallery_title,#item-wrap li.item h2.audio_title,#item-wrap li.item h2.blog_title,.thumb_info_wrap h2, h3.widget-title,.sl-slider h2,.sl-slider blockquote,.vc_text_separator div,h2.wpb_heading,#comments_inlist,h3#reply-title, .wpb_wrapper h1,.wpb_wrapper h2,.wpb_wrapper h3,.wpb_wrapper h4,.wpb_wrapper h5,.wpb_wrapper h6,div.pp_default .pp_description{ font-family: 'Oswald', sans-serif; font-weight:300;} #navi a { font-style:normal; font-weight:400; font-size:15px; } .thumb_info_wrap h2{ font-size:21px; font-weight:300; font-style:normal; } /* Background */ body, #filterable,#pagenums { background-color:#f3f3f3; } #content.content_page_bg,#content.list_page_bg,.vc_text_separator div { background-color:#fff; } #sidebar{ background-color:#eaeaea } /* Header / Menu */ #header_wrap,#navi { background-color:#1f1d1e; } #logo a,#logo_text a{ color:#fff; } #navi ul li a span.dot{ background-color:#999; } #navi li a{ color:#999; } #navi ul li ul.sub-menu{ background-color:#363636; } #navi ul li ul.sub-menu li:hover{ background:#3c3c3c; } #filterable li a{ color:#999; } /* Content page */ #single-wrap h1.content_title,h1.gallery_title{ color:#444 } #comments_inlist,h3#reply-title,h3.widget-title,.gallery_con,.gallery_nav,.gallery_nav a:hover, .vc_text_separator div,.wpb_wrapper h1,.wpb_wrapper h2,.wpb_wrapper h3,.wpb_wrapper h4,.wpb_wrapper h5,.wpb_wrapper h6, .wpb_content_element .ui-tabs .ui-tabs-nav li a,#content .wpb_accordion .ui-accordion .ui-accordion-header a, .wpb_accordion .ui-accordion .ui-accordion-header a,.wpb_teaser_grid .categories_filter li a,.teaser_grid_container h2 a,.sidebar_widget li.widget-container h3 a{ color:#666;} .entry,.comm-u-wrap,.comment>p a, .meta,.comment-meta,#commentform .logged,.commlist-unit,#comment-sending, li.widget-container,li.widget-container a,li.widget-container,.meta .cate a:hover,.comment-meta a:hover,ul.gallery_meta li,ul.gallery_meta li a,#content .wpb_twitter_widget ul.tweet_list li a, .wpb_twitter_widget ul.tweet_list li a, .twitter_follow_button_wrap a{ color:#999; } .wpb_separator, .vc_text_separator{ border-bottom-color:#999; } .wpb_twitter_widget .twitter_follow_button{ border:1px solid #999;} /* Footer */ #copyright{ background-color:#333; color:#666; } #foot_widget { background-color:#303030; } #foot_widget li.widget-container a,#foot_widget li.widget-container{color:#666;} /*Link font color */ #navi>div>ul>li:hover>a, #navi>div>ul>li.current-menu-item>a,#navi>div>ul>li.current-menu-parent>a, #navi ul li ul.sub-menu li:hover>a, #item-wrap li.item .layout-stand h2 a.post_title:hover,#item-wrap .layout-stand a:hover,.entry a,.wpb_tour .ui-tabs .ui-tabs-nav li.ui-state-active a,.meta .cate a,.comment-meta a,.commlist-unit a,.pagination a,li.widget-container a:hover,.gallery_nav a,.gallery_meta a:hover, form#commentform p.logged a,#foot_widget li.widget-container a:hover,h3#reply-title small a,.entry .twitter_follow_button_wrap a:hover{ color:#ff6e6e; } #navi div ul li.current-menu-item>a>span.dot,#navi>div>ul>li.current-menu-parent>a>span.dot, #navi>div>ul>li:hover>a>span.dot, #navi ul li ul.sub-menu li:hover>a>span.dot, #filterable li.current,.pagination .next,.pagination .pre,#respond input#submit,.entry .contactform input.idi_send, .wpb_teaser_grid .categories_filter li.active a, .wpb_categories_filter li.active a,.wpb_teaser_grid .categories_filter li a:hover { background:#ff6e6e; } /* List */ .pagination a:hover, .pagination .current, #pagenums .wp-pagenavi a,#pagenums .wp-pagenavi span, .archive_title{ color:#666; } /* 3D flip */ li.container .card .face.back{ background-color:#3e3e3e; } #item-wrap li.item .thumb_info_wrap a{ color:#CCC; } #item-wrap li.da-thumbs{ background-color:#f3f3f3; } .hover_thumb_wrap li img{ border:2px solid #fff; } /*Blog*/ #item-wrap li.item h2 a.audio_title,#item-wrap li.item h2.blog_title a{ color:#444; } #item-wrap li.item.item_standard,#item-wrap li.audiowrap,#item-wrap li.video_wrap{ background-color:#eaeaea; } /* Commnet & Respond area / Contact form */ #respond textarea,#respond input,.entry .contactform input,.entry .contactform textarea{ color:#abaaa8; border:1px solid #eaeaea;background:#fff;} #respond input:focus,#respond textarea:focus,.entry .contactform input:focus,.entry .contactform textarea:focus{ color:#666; border:1px solid rgba(237,110,92,0.4); } #respond input#submit,.entry .contactform input.idi_send, .pagination .next,.pagination .pre { color:#fff; } #respond input#submit:hover,.entry .contactform input.idi_send:hover, .pagination .next:hover,.pagination .pre:hover {color:#fff2ee; background-color:#333;} /* Media player */ .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color:rgba(237,110,92,0.2); } .mejs-controls .mejs-time-rail .mejs-time-current { background-color:#333; } .mejs-controls .mejs-time-rail .mejs-time-total { background-color:#d7d7d7;} /*------------------------------------------- Your additional styles -------------------------------------------*/ .wp-caption{} .wp-caption-text{} .gallery-caption{} /*code css*/ code, pre {border:1px dashed #BBB;color:#666;padding:0.6em 5px 0.75em 5px;margin:0.75em 0 ; display:block; } #column.left-column h4 { margin-left:-47px; } .alpha { margin-left: 0 } .omega { margin-right: 0 } .sticky{} .bypostauthor{} .aligncenter{ text-align:center;} /*add by john*/ .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} .logoinbar{float:left;margin-left:40px;} .menuinbar{margin-left:100px;padding:40px 0 0 0px;/*width:712px;*/float:left;text-align:right;} .socialinbar{float:right;padding-top:40px;padding-right:40px;} #header_wrap{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;} .ovrhdn{overflow:hidden;} .entry .wpb_content_element{clear:none;} .titlenomargin h1,.titlenomargin h2,.titlenomargin h3,.titlenomargin h4,.titlenomargin h5,.titlenomargin h6{ margin-bottom:0;} #wrap,#foot_wrap,.navi_topfixed{ width:100%; } .navi_topfixed{ left:0;margin-left:0;} /*--------------------- Retina ----------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) { /* Logo */ .logo_normal{ display:none; } .logo_retina{ display:block; } .logo_retina img{ margin-bottom:0;} /*Siderbar social icons*/ a.social_active{ background-position: 0 -30px; background-repeat:no-repeat; -webkit-background-size: 26px 56px; -moz-background-size: 26px 56px; -o-background-size: 26px 56px; -ms-background-size: 26px 56px; background-size: 26px 56px; } a.social_active span{background-repeat:no-repeat; -webkit-background-size: 26px 56px; -moz-background-size: 26px 56px; -o-background-size: 26px 56px; -ms-background-size: 26px 56px; background-size: 26px 56px; } .social_facebook{ background-image:url(img/icon/retina/facebook.png);} .social_facebook span{ background-image:url(img/icon/retina/facebook.png); } .social_twitter{ background-image:url(img/icon/retina/twitter.png);} .social_twitter span{ background-image:url(img/icon/retina/twitter.png); } .social_dribbble{ background-image:url(img/icon/retina/dribbble.png); } .social_dribbble span{ background-image:url(img/icon/retina/dribbble.png); } .social_flickr{ background-image:url(img/icon/retina/flickr.png); } .social_flickr span{ background-image:url(img/icon/retina/flickr.png);} .social_forst{ background-image:url(img/icon/retina/forst.png);} .social_forst span{ background-image:url(img/icon/retina/forst.png);} .social_github{ background-image:url(img/icon/retina/github.png);} .social_github span{ background-image:url(img/icon/retina/github.png);} .social_linkedin{ background-image:url(img/icon/retina/linkedin.png);} .social_linkedin span{ background-image:url(img/icon/retina/linkedin.png);} .social_pinterest{ background-image:url(img/icon/retina/pinterest.png);} .social_pinterest span{ background-image:url(img/icon/retina/pinterest.png);} .social_instagram{ background-image:url(img/icon/retina/instagram.png);} .social_instagram span{ background-image:url(img/icon/retina/instagram.png);} .social_rss{ background-image:url(img/icon/retina/rss.png);} .social_rss span{ background-image:url(img/icon/retina/rss.png);} .social_skype{ background-image:url(img/icon/retina/skype.png);} .social_skype span{ background-image:url(img/icon/retina/skype.png);} .social_vimeo{ background-image:url(img/icon/retina/vimeo.png);} .social_vimeo span{ background-image:url(img/icon/retina/vimeo.png);} .social_youtube{ background-image:url(img/icon/retina/youtube.png);} .social_youtube span{ background-image:url(img/icon/retina/youtube.png);} .social_trumblr{ background-image:url(img/icon/retina/trumblr.png);} .social_trumblr span{ background-image:url(img/icon/retina/trumblr.png);} .social_google_plus{ background-image:url(img/icon/retina/google_plus.png);} .social_google_plus span{ background-image:url(img/icon/retina/google_plus.png);} /* Shortcodes social icons */ .social_shortcode{ background-repeat:no-repeat; -webkit-background-size: 26px 56px; -moz-background-size: 26px 56px; -o-background-size: 26px 56px; -ms-background-size: 26px 56px; background-size: 26px 56px; } .social_shortcode span{ background-repeat:no-repeat; background-position: 0 -30px; -webkit-background-size: 26px 56px; -moz-background-size: 26px 56px; -o-background-size: 26px 56px; -ms-background-size: 26px 56px; background-size: 26px 56px; } .social_shortcode_facebook{ background-image:url(img/icon/retina/facebook.png);} .social_shortcode_facebook span{ background-image:url(img/icon/retina/facebook.png);} .social_shortcode_twitter{ background-image:url(img/icon/retina/twitter.png);} .social_shortcode_twitter span{ background-image:url(img/icon/retina/twitter.png);} .social_shortcode_dribbble{ background-image:url(img/icon/retina/dribbble.png);} .social_shortcode_dribbble span{ background-image:url(img/icon/retina/dribbble.png);} .social_shortcode_flickr{ background-image:url(img/icon/retina/flickr.png);} .social_shortcode_flickr span{ background-image:url(img/icon/retina/flickr.png);} .social_shortcode_forst{ background-image:url(img/icon/retina/forst.png);} .social_shortcode_forst span{ background-image:url(img/icon/retina/forst.png);} .social_shortcode_github{ background-image:url(img/icon/retina/github.png);} .social_shortcode_github span{ background-image:url(img/icon/retina/github.png);} .social_shortcode_linkedin{ background-image:url(img/icon/retina/linkedin.png);} .social_shortcode_linkedin span{ background-image:url(img/icon/retina/linkedin.png);} .social_shortcode_pinterest{ background-image:url(img/icon/retina/pinterest.png)} .social_shortcode_pinterest span{ background-image:url(img/icon/retina/pinterest.png);} .social_shortcode_instagram{ background-image:url(img/icon/retina/instagram.png)} .social_shortcode_instagram span{ background-image:url(img/icon/retina/instagram.png);} .social_shortcode_rss{ background-image:url(img/icon/retina/rss.png);} .social_shortcode_rss span{ background-image:url(img/icon/retina/rss.png);} .social_shortcode_skype{ background-image:url(img/icon/retina/skype.png);} .social_shortcode_skype span{ background-image:url(img/icon/retina/skype.png);} .social_shortcode_vimeo{ background-image:url(img/icon/retina/vimeo.png);} .social_shortcode_vimeo span{ background-image:url(img/icon/retina/vimeo.png);} .social_shortcode_youtube{ background-image:url(img/icon/retina/youtube.png);} .social_shortcode_youtube span{ background-image:url(img/icon/retina/youtube.png);} .social_shortcode_trumblr{ background-image:url(img/icon/retina/trumblr.png);} .social_shortcode_trumblr span{ background-image:url(img/icon/retina/trumblr.png);} .social_shortcode_google_plus{ background-image:url(img/icon/retina/google_plus.png);} .social_shortcode_google_plus span{ background-image:url(img/icon/retina/google_plus.png);} /* shortcode list - icon - twitter */ /* menu - close btn - post navi*/ .list_style:before,.icon.mail,.icon.phone,.icon.location,.mobileMenu,.sidebar_right_widget ul.tweet_list li,.close_ajax:after,.page_navi_next,.page_navi_pre,#prevslide, #nextslide,ul.gallery_meta>li:before{ background-repeat:no-repeat; background-image:url(img/icon_retina.png); -webkit-background-size: 400px 200px; -moz-background-size: 400px 200px; -o-background-size: 400px 200px; -ms-background-size: 400px 200px; background-size: 400px 200px; } /* player */ .mejs-controls .mejs-button button{ background-image:url(img/player/controls_retina.png); background-repeat:no-repeat; -webkit-background-size: 15px 32px; -moz-background-size: 15px 32px; -o-background-size: 15px 32px; -ms-background-size: 15px 32px; background-size: 15px 32px; } }