/* Theme Name: Travel Theme URI: http://www.uiueux.com Author: UXteam / Bwsm Author URI: http://www.uiueux.com Description: Travel Fullscreen Responsive WordPress Theme. Version: 1.4.9 License: GNU General Public License License URI: license.txt 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 Change log: 1.0 Initial release 20120803 1.1 20120813 1.2 20120822 1.3 20120906 1.4 20120923 ----------------------------------------------------------------------------------- 1. 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; font-family:Arial, Helvetica, sans-serif;} ol, ul { } 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;color: #FFF;} input,select,textarea{ -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;font-family:Arial, Helvetica, sans-serif;} /* ------------------------------------------- 2. general ------------------------------------------- */ html{ height:101%;overflow-y:auto;overflow-x:hidden;} body {font-family: Arial, sans-serif; font-weight: normal;font-size:12px;line-height:20px;margin: 0;padding: 0;height:100%;color: #FFF;background-color: #000;} html>body { font-size:12px;line-height:20px;} ::selection {background:#bc69ef;color:#fff;} ::-moz-selection{background:#bc69ef;color:#fff;} ::-webkit-selection {background:#bc69ef;color:#fff;} #wrap{ width:100%; height:100%;margin:0 auto;text-align:left;} #logo{ position:fixed; left:00px; top:00px; padding: 40px; height: 100%; background: rgba(255,255,255,0.6); z-index:1;} #foot{ z-index:4; position:fixed; left:0; bottom:10px;-webkit-overflow-scrolling: touch; width:100%;} /* social */ #social_foot{ display:block; float:left; position:relative; top:12px; margin-left:40px; cursor:pointer; } #social_foot a.social_active{ display:inline-block; position: relative; text-indent: -9999px; width:28px; height:28px; margin:0 1px; opacity:0.5; } #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/tumblr.png) no-repeat } #social_trumblr span{ background:url(img/icon/tumblr.png) no-repeat 0 -30px; } #social_google_plus{ background:url(img/icon/googleplus.png) no-repeat } #social_google_plus span{ background:url(img/icon/googleplus.png) no-repeat 0 -30px; } #social_foot a.social_active 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_foot a.social_active:hover span{ opacity: 1;} /* search */ #social_foot a.search_active{ display:block; float:left; margin-right:5px; min-width:28px; height:28px; cursor: pointer; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity: .4; } #social_foot a.search_active:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity: .7;} #search.searchcss{ background:url(img/icon/search.png) no-repeat; } #search_form{ width:28px; height:24px; border-color:#373737; border-style:solid; } #search_form.formcss{ background-color:#2f2f2f; } input.textboxsearch{ border:none; position:relative; top:-3px; left:3px; width:20px; height:24px; cursor: pointer; color:#999; background-color: rgba(244,244,244,0);} input.submitsearch{ display:none; width:17px; height:17px; margin-top:5px; border:0 none;text-indent:-5000px; overflow:hidden; cursor:pointer; background: url(img/search_submit.png) no-repeat; } .foot_bg{ z-index:2000; position:fixed; bottom:0; left:0; width:100%; height:64px; background:rgba(34,34,34,0.95);-webkit-overflow-scrolling: touch; } #foot { z-index:2001; } /* Menu */ #navi{ display:inline-block; position:relative; top:15px; margin-left:0px; height:28px; } #navi>div>ul>li{ float:left; display:block; position:relative; margin-left:20px; line-height: 30px; } #navi a{ color:rgba(155,155,155,0.4); -webkit-transition-duration: 0.30s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.30s; -moz-transition-timing-function: ease-out; } #navi a:hover{ color:rgba(155,155,155,0.8); } #navi ul li .has-sub{ display:inline-block; position:absolute; top:10px; right:-7px; width:4px; height:4px; background-color:rgba(155,155,155,0.4); display: none;} #navi .sub-menu{ display:none; position:absolute; bottom:31px; left:-10px; list-style: none; } #navi .sub-menu .sub-menu{ position:absolute; bottom:-2px; left:100%; } #navi .sub-menu li{ position:relative; padding:5px 10px; margin-bottom:2px; background:rgba(34,34,34,0.95); white-space: nowrap; } #navi .sub-menu li{ margin-bottom:0\0; } #navi .sub-menu .sub-menu li{ margin-left:2px; } #navi .sub-menu .sub-menu li{ margin-left:0\0; } .archive_title{ font-size:16px; font-style:normal; font-weight:normal; margin-top:60px; padding-left:32px; color:rgba(255,255,255,0.9); } #copyright{ z-index:4; float: right; position: static; margin: 5px 40px 0px 0px; top:15px; color:rgba(155,155,155,0.4); } #copyright-mobile { position:absolute; bottom:10px; } .mobileMenu{ margin:0px 0 10px; padding:10px; width:75px; text-align:center; font:13px; border:none; color:rgba(255,255,255,0.7); background: rgba(0,0,0,0.8) url(img/icon.png) no-repeat 47px -29px; -webkit-appearance: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8;} /* Foot Layout b*/ #foot.foot_layout2 #social_foot{ float:right; left:auto; margin-right:40px; margin-left:0; } #foot.foot_layout2 #navi{ float:right;margin-right:40px; margin-left:0; } #foot.foot_layout2 #copyright { left:40px; right:auto;} /* ------------------------------------------- 3. Main list ------------------------------------------- Time line type */ ul#list_wrap{ z-index:2; display:block; margin-top:100px; margin-bottom:80px; } .line_type_mask{ z-index:-1; position:fixed; left:0; top:0; width:70%; padding-right: 10px; min-height:100%; background:url(img/line_bg.png) repeat-y right; } #line_type_wrap{ width:30%;position: absolute;right:0;z-index:2; } li.gallery_unit{ float:left; display:block; margin:0 0 10px 10px;} li.gallery_unit img{ width:80px; height:80px;} li.list_unit{ display:block; width:755px; margin-left:-450px; margin-bottom:60px; position: relative; } h2.unit_title { float:right; display:inline-block; width:190px; background:rgba(255,255,255,0.85); padding:20px 0px; width: 250px; } h2.unit_title.unit_excerpt { width: 282px; position: absolute; right: 0px; margin-top: -21px; } h2.unit_title p{ font-style:italic; } h2.unit_title .unit_subtitle{ display:none; font-size:12px; font-style:italic; padding-top:10px; padding-right:10px; color:rgba(255,255,255,0.5); } h2.unit_title a,h2.unit_title .tit{ display:block; font-family:'Asul', sans-serif; font-size:14px; font-weight: 700; padding-left:20px; color:rgba(255,255,255,0.8); } /*h2.unit_title a:before{ content:""; float:left; display:inline-block; width:20px; height:20px; margin-left:-20px; background:url(img/icon.png) no-repeat -24px -1px; } h2.unit_title a.stand:before{ background-position:-46px -1px; width:15px; } h2.unit_title a.audioico:before{ background-position:-43px -38px; width:25px; } h2.unit_title a.videoico:before{ background-position:-70px -38px; width:25px; } h2.unit_title a.portfolio:before{ background-position:-64px -1px; width:25px; }*/ h2.unit_title a.post-edit-link{ font-size:12px; background-image:none; font-style:italic; color:rgba(0,0,0,0.45); } h2.post-edit-link:before{ background:none; } h2.unit_title .unit_subtitle .date{ display:block; font-size:11px; font-style:italic; font-weight: 400; font-family:'Asul', sans-serif; } .unit_gallery_wrap,.unit_stand_wrap{ float:left; width:420px; margin-top:-56px; margin-left:6px; } ul.unit_gallery{ float:right; display:inline-block; width:auto; padding:20px 20px 10px 10px; margin-left:30px; } .unit_excerpt { float:right;width:350px;padding:20px 20px 0px 20px; color:#666; background:#fff; } .unit_excerpt img { margin: 10px 0px; } .unit_excerpt.video_wrap{ padding-bottom:20px; } .unit_excerpt a.more{ display:inline-block; padding-right:15px; margin-bottom:20px; color:#bc69ef; } .unit_excerpt p a{ color:#bc69ef;} .unit_excerpt a.more .moreicon{ display:inline-block; width:4px; height:4px; margin-left:5px; background-color:#bc69ef; -webkit-border-radius:2px; -moz-border-topright:2px; border-radius:2px; } .unit_excerpt p.more{ display:inline-block; padding-right:15px; margin-bottom:10px; } ul.unit_gallery,.unit_excerpt{ background:#f3f3f3; } .unit_video{ padding:20px;} .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%;} .content_wrap .videoWrapper{ margin-bottom:20px; } .arrow_unit_gallery{ z-index:2; display: block; position: relative; left:425px; top:10px; height:0; width: 5px; } .arrow_unit_gallery s{ border-style: solid; border-width:7px 0px 7px 7px; display: block;position: relative;border-color: transparent #f3f3f3;} .arrow_unit_gallery2{ z-index:2; display: block; position: relative; left:466px; top:10px; height:0; width: 5px; } .arrow_unit_gallery2 s{ border-style: solid; border-width:7px 7px 7px 0px; display: block;position: relative;border-color: transparent #f3f3f3;} .round_unit_gallery{ position:relative; left:432px; top:0px; width:35px; height:35px;background:url(img/bullet.png) no-repeat; } img.thum_excerpt{ width:100px; height:100px; margin-right:20px; margin-bottom:10px;} img.audio_img { width:60px; height:60px; } .audio_wrap { margin-left:80px; margin-right:-10px; } .nopost{ padding-bottom:10px; } /* infscr-loading*/ #page-nav{ display:none; } @-webkit-keyframes Breathing { from { -webkit-box-shadow: 0 0 9px #dedede; } 50% { -webkit-box-shadow: 0 0 18px #e7e7e7; } to { -webkit-box-shadow: 0 0 9px #dedede; } } #infscr-loading { margin-left:-45px; position:absolute; bottom:56px; } #infscr-loading .infi-dot{ width:6px; height:6px; margin-right:3px; float:left; background: rgba(255,255,255,0.6); -webkit-border-radius:3px; -moz-border-topright:3px; border-radius:3px; -webkit-animation-name: Breathing; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } #infscr-loading img { display:none; } /* Full screen slider */ #bigimg_loading{ position:fixed; left:47%; top:50%; font-size:60px;font-style:italic; color:#fff; } .bigimg_loading_p{ font-size:24px; display:inline-block;} #bigimg_toolbar{ position:fixed; right:0; top:50%;} a.bigimg_npbtn{display:inline-block;width:54px; height:54px; font-size:36px; line-height:54px; text-align:center; margin-left:17px; background:#FFCC00} a.bgimg_share,a.bgimg_info,a.bgimg_back{display:inline-block; color:#FFCC00; width:40px;margin-left:17px;} .back_mask{ z-index:-990; position: fixed; left:0; top:0; width:100%; height:100%; background:url(img/bg_mask.png);} /*animate style*/ .transitionSceneID { display: none; } /*animate style*/ .ajaxloading{ width:62px; height:62px; position:fixed; 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;} .ajaxloading_back_layer{ width:100%; min-height:100%; z-index: 998;position: absolute;top: 0;left: 0; background:url(img/bg_mask.png);} /* ---------------------------------------------------- 4. Content page (Fullcreen Mode/Standard Mode) ----------------------------------------------------- */ .content_wrap{ position:relative; width:640px; min-height:100%; background-color:rgba(255,255,255,0.95);display: none;margin-right: auto; margin-left: auto;margin-top: 600px; color:#666;} .content_wrap .entry{ color:#777; padding: 0 30px 100px; } .entry>p{ margin-bottom:20px;} .entry>p:last-child{ margin-bottom:0;} /* Fullcreen Mode - Tip box */ .display_switch{ left:0 } .display_switch_false{ left:-460px; } #map_canvas { width:460px; height:120px;} #map_canvas img,#map_canvas iframe,#map_canvas object,#map_canvas embed{ margin-bottom:0; max-width:none; } .gallery_tip{ position:fixed; top:50%; z-index:3; width:460px; margin-top:-48px; color:#999;background-color:rgba(255,255,255,0.97)} .gallery_tip_wrap{ margin:20px 30px 0 30px; } .gallery_tip_wrap .tip_con{ margin-bottom:20px;} .gallery_tip .close_mobile{ display:none; position:absolute; right:0px; top:0px; width:30px; height:30px; background:url(img/icon.png) no-repeat -83px 3px; } ul.like_icon_intip li{ float:left;width:80px; margin-bottom:20px; } ul.like_icon_intip li.facebook{ margin-right:9px; margin-bottom:16px; } ul.like_icon_intip li.tweet{ width:88px;} ul.like_icon_intip li.google{float:left; margin-left:-4px; margin-right:5px; width:75px;position:relative; top:-8px;} /* Fullscreen Mode - Toolbar */ .gallery_toolbar{ position:fixed; right:0px; top:50%; height:62px; margin-top:-31px; z-index:9; display: none;} .gallery_toolbar>a{ display:inline-block; position:relative; text-indent: -9999px; width:38px; height:38px; margin-left:10px; margin-top:12px; background-image:url(img/btn_tool_fullscreen.png); background-repeat:no-repeat; background-color: rgba(0,0,0,0.6); -webkit-border-radius:19px; -moz-border-topright:19px; border-radius:19px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } .gallery_toolbar>a:hover{ background-color:#bc69ef; } .gallery_toolbar>a.gallery_play { background-position:-4px -82px; } .gallery_toolbar>a.gallery_play.gallery_pause{ background-position:-7px -13px; } .gallery_toolbar>a.gallery_back, .gallery_toolbar>a.gallery_back_nojax{ position:absolute; right:-172px; background-position:-106px -84px; } .gallery_toolbar>a.gallery_back>span, .gallery_toolbar>a.gallery_back_nojax>span{ background-position:-270px -70px;} .gallery_toolbar>a.gallery_back:hover>span, .gallery_toolbar>a.gallery_back_nojax:hover>span{ opacity:1;} .gallery_toolbar>a.tip{ background-position: -53px -82px; display: none; } .gallery_toolbar>a.tip.tip_close{ background-position:-171px -13px;} /* Standard Mode */ .four_wrap{ top:30%; min-height:inherit; height:auto; } .content_wrap h1, .gallery_tip h1{ font-size:36px; line-height:40px;padding-bottom:20px; font-weight:400; font-style:normal; font-family:'Asul', sans-serif; color:#000; } .content_wrap h1 { padding:40px 30px; } .closeBtn{ display:inline-block; text-indent: -9999px; position:absolute; right:10px; top:10px; width:45px; height:45px; background:url(img/close.png) no-repeat; } .content_wrap .meta ul.like_icon_instand{ display:block; float:left; } ul.like_icon_instand li{ float:left; width:80px; } ul.like_icon_instand li.post_facebook{ float:left; width:80px; margin-right:5px;} ul.like_icon_instand li.post_tweet{float:left; width:90px; margin-right:1px;} ul.like_icon_instand li.post_googleplus{float:left; margin-left:-4px; margin-right:5px; width:75px;position:relative; top:-8px;} .content_wrap .meta{ margin:10px 30px 0 30px; font-style:italic; color:#666; } .meta .author{ padding:0 10px;} blockquote ul li { list-style: disc; margin-left:20px; } .single-audio { padding:0px 20px 10px 30px; } /* 404 */ #fourofourwrap{ width:380px; padding:40px; margin:60px auto; font-family:'Asul', sans-serif; color:rgba(0,0,0,0.5); } #fourofourwrap h1{ font-size:52px; padding-bottom:40px; font-weight:normal; } /*------------------------------------------- 5. Commnet & Respond area / contact form -------------------------------------------*/ /* Repond comment box */ #comments_box{ margin-top:20px; } span#comments{ font-weight:normal; background-repeat:no-repeat;padding-right:10px; margin-left:30px; } .ico-arrow{background-position:100% 3px;} .ico-arrow-toggle{ background-position:100% -13px;} .avatar{ float:left; margin-right:10px; padding-top:3px;} li.commlist-unit{ margin-top:20px;} .comment-meta .reply{ padding-left:10px;} ol.commentlist{ font-style:italic; margin:0 30px; } .content_wrap ul.children{ margin:0 30px;} #respond{ margin:40px 30px 30px;} #respondwrap{ display:none} .respondbtn{ cursor:pointer;background:url(img/ico-arrow.png) no-repeat 100% 3px; padding-right:10px; } .respondbtn-open{ background-position: 100% -13px; } .respondbtn-close{ background-position: 100% 3px; } #respond textarea { width:561px; height:108px; padding:5px 9px 5px 8px; margin-bottom:11px; margin-top:13px; } #respond #author { width:134px; float:left; margin-right:18px; } #respond #email{ width:134px;float:left; margin-right:18px; } #respond #url{ float:left; width:215px; margin-right:0; } #respond input,.contactform input, .wpcf7-text { margin-top:10px; margin-right:5px; height:16px; padding:6px 10px 5px 8px; } .wpcf7-text { margin-bottom: 14px; } #respond input#submit{ height:28px; cursor:pointer; line-height:28px; width:auto; float:none;margin-top:0px; padding:0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;-webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} .sucess-tip{ display:block; margin-top:20px;} #loading{ margin-bottom:10px;} #commentform #error{margin-bottom:10px;} /* Contant form*/ .contactform { margin:0 30px 30px;} .contactform h2{ font-weight:normal; font-size:16px; margin-bottom:20px; margin-top:40px; color:#333; } .contactform #idi_name,.contactform #idi_mail{ width:241px; } .contactform textarea, .wpcf7-textarea{ width:241px; height:50px;padding:5px 9px 5px 8px;margin-bottom:11px;margin-top:13px;} .contactform input.idi_send, .wpcf7-submit{ float: none; width:auto; cursor:pointer; height:28px; line-height:28px; padding:0 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} .sending{ float:left; display:block;width:80px ;height:27px;line-height:27px;} /* contact form - repond comment box color */ #respond textarea,#respond input,.contactform input,.contactform textarea, .wpcf7-text, .wpcf7-textarea {color:#abaaa8; border:1px solid #dfdfdf;background:#eaecee;} #respond input:focus,#respond textarea:focus,.contactform input:focus,.contactform textarea:focus, .wpcf7-text:focus, .wpcf7-textarea:focus{ color:#666;border:1px solid #e6bcbc; } #respond input#submit,.contactform input.idi_send, .pagination .next,.pagination .pre,.tw_style a, .wpcf7-submit {border:1px solid #7131a1; color:#fff;background-color:#bc69ef;} #respond input#submit:hover,.contactform input.idi_send:hover, .pagination .next:hover,.pagination .pre:hover,.tw_style a:hover, .wpcf7-submit:hover {border:1px solid #7131a1;background-color:#7131a1; color:#fff2ee} #commentform,commentform a{ coloe:#ccc; } #comments_box { color:#666; } .comment-meta, .comment-meta a, .cancel-comment-reply a{ color:#999; } /* link color - hover */ .content_wrap .entry a, .content_wrap .meta a, .gallery_tip a, #respondwrap a, #comments_box a, span#comments, .respondbtn, .sucess-tip a, .comment-author a, .tip_con a, #fourofourwrap a, .toggle h6:hover{ color:#bc69ef; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } .content_wrap .entry a:hover, .content_wrap .meta a:hover, .gallery_tip a:hover, #respondwrap a:hover, #comments_box a:hover, .respondbtn:hover, .sucess-tip a:hover, .comment-author a:hover, .tip_con a:hover{ color:#333; } /* ------------------------------------------- 6. Shortcodes -------------------------------------------*/ /*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; } /*buttons*/ a.btn{ display: inline-block; font-size:12px;padding:4px 10px 4px 10px;cursor:pointer;color:#fff; border-style:solid; border-width:1px; margin-bottom:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -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:#666; border-color:#585858; } a.btn.blue{ color:#fff;background-color:#5e8fe7; border-color:#2f71df; } a.btn.green{ color:#fff;background-color:#00b976; border-color:#009465;} a.btn.pink{ color:#fff;background-color:#f025ab; border-color:#e01b9d;} a.btn.red{ color:#fff;background-color:#e0562f; border-color:#da4319;} a.btn.yellow{ color:#fff;background-color:#daaa1a; border-color:#d37200;} a.btn:hover{ color:#fff;background-color:#717171; border-color:#666;} /*typograph*/ h1.typograph { font-size: 32px; line-height:40px;margin: 0 0 20px 0; font-weight:normal;} h2.typograph { font-size: 28px; line-height:40px;margin: 0 0 20px 0; font-weight:normal;} h3.typograph { font-size: 24px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;} h4.typograph { font-size: 18px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;} h5.typograph { font-size: 16px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;} h6.typograph { font-size: 12px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;} .typograph.grey{ color:#999;} /*hr 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_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; } .messagebox_blue a, .messagebox_green a,.messagebox_orange a,.messagebox_red a{ color:#333; } /*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;} /*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{ cursor:pointer; } .toggle-title:before { display:inline-block; content:""; width:14px; height:10px; background: url("img/icon.png") no-repeat -215px -2px; } .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;} /* face */ .layout-status p{display:inline-block; } .face{ display:inline-block; width:22px; height:22px; margin-top:-2px; margin-bottom:-5px; background-repeat:no-repeat} .face.crying{ background: url(img/face/face-crying.png);} .face.laughing{ background: url(img/face/face-laughing.png);} .face.sleep{ background: url(img/face/face-sleep.png);} .face.wink{ background: url(img/face/face-wink.png);} .face.embarrassed{ background: url(img/face/face-embarrassed.png);} .face.foot-in-mouth{ background: url(img/face/face-foot-in-mouth.png);} .face.kiss{ background: url(img/face/face-kiss.png);} .face.plain{ background: url(img/face/face-plain.png);} .face.surprise{ background: url(img/face/face-surprise.png);} /* social icons*/ a.social_shortcode{ display:inline-block; width:28px; height:28px; margin:-5px 10px -7px 0; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity: .9;} a.social_shortcode:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity: .6;} a.social_shortcode.social_shortcode_facebook { background:url(img/icon/facebook.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_twitter { background:url(img/icon/twitter.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_youtube { background:url(img/icon/youtube.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_googleplus { background:url(img/icon/googleplus.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_flickr { background:url(img/icon/flickr.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_vimeo { background:url(img/icon/vimeo.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_linkedin { background:url(img/icon/linkedin.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_pinterest { background:url(img/icon/pinterest.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_instagram { background:url(img/icon/instagram.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_tumblr { background:url(img/icon/tumblr.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_skype { background:url(img/icon/skype.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_dribbble { background:url(img/icon/dribbble.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_forst { background:url(img/icon/forst.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_github { background:url(img/icon/github.png) no-repeat 0 -30px; } a.social_shortcode.social_shortcode_rss { background:url(img/icon/rss.png) no-repeat 0 -30px; } /*gallery*/ .gallery { margin-left:-5px; margin-bottom:15px; } .gallery dl { display:inline-block; margin-left:5px; margin-bottom:5px; } .gallery dl dt{ position:relative; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} .gallery dl dt:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:mask(color??#666699); opacity: .6;} .gallery dl dt:hover:before{ display:block; content:""; width:12px; height:12px; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; background:url(img/icon.png) no-repeat -236px 0; } /* ------------------------------------------- 7. Other -------------------------------------------*/ .wp-caption{} .wp-caption-text{} .sticky{} .gallery-caption{} .bypostauthor{} .alignright{ text-align:left; } .alignleft{ text-align:right; } .aligncenter { text-align: center; } .entry img.alignleft{ float:left; margin-right:10px; margin-bottom:10px; } .entry img.alignright{ float:right; margin-left:10px; margin-bottom:10px;} .entry img.aligncenter{ margin:0 auto; display: block; } .entry img.alignnone,.entry img.alignleft,.entry img.alignright,.entry img.aligncenter{ height:auto; } .ajax_error{ z-index:999; position:fixed; left:50%; top:50%; width:350px; margin-left:-185px; padding:10px; text-align:center; background-color:rgba(25,25,25,0.6); display: none; } .ajax_error a{ text-decoration:underline; } .bs-slides img{ max-width:none; } .prettyborder { border: solid 2px #bc69ef; -moz-box-shadow:0px 2px 5px #a3a3a3; -webkit-box-shadow:0px 2px 5px #a3a3a3; box-shadow: 0px 2px 5px #a3a3a3; } table.fancy_table { max-width: 100%; margin: 0px auto; padding: 30px 0px; } table.fancy_table caption, table.fancy_table thead th { margin-bottom: 20px; } table.fancy_table caption, table.fancy_table thead th { font-size: 130%; color: #7131a1; } table.fancy_table thead th { padding: 7px; border-bottom: solid 1px rgba(0,0,0,0.17); } table.fancy_table tr td { padding: 5px 10px; width: 1%; vertical-align: middle; } table.fancy_table tr:nth-child(even) td { background: #efdaff; } table.fancy_table tr:hover td { background: #bc69ef; color: white; cursor: pointer; } table.fancy_table tr:hover td a, table.fancy_table tr:hover td a:hover, table.fancy_table tr:hover td a, table.fancy_table tr:hover td { color: white !important; } table.fancy_table tr:hover td a img { background: white !important; } table.fancy_table.centered_data tbody td { text-align: center; } table.fancy_table tr td:first-child { color: #bc69ef; text-align: right; } table.fancy_table tr th:first-child { text-align: right; } table.fancy_table tr th { font-weight: normal; } table.fancy_table tr td a:hover { text-decoration: underline; } @media only screen and (min-width: 320px) and (max-width: 479px) { table.fancy_table { font-size: 80%; } table.fancy_table thead th { padding: 7px 1px; } table.fancy_table tr td { padding: 5px 1px; } } .pano_intro, .pano_menu { position: relative; overflow: hidden; max-width: 765px; } .pano_intro .bg, .pano_menu .bg { width: 100%; } .pano_intro .pano { position: absolute; top: 0%; left: 23.61%; width: 52.77%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .pano_intro .text { position: absolute; top: 25.50%; left: 43.80%; width: 12.50%; } .pano_intro .porta { position: absolute; top: 17.70%; height: 57.50%; z-index: 2; } .pano_intro .sx { left: 0%; } .pano_intro .dx { right: 0%; } .pano_intro .ruota { position: absolute; top: 12.75%; left: 40.00%; width: 19.74%; } .pano_intro .hover { display: block; position: absolute; top: 17.70%; left: 0%; width: 100%; height: 57.50%; cursor: pointer; overflow: hidden; } .pano_menu .item { position: absolute; } .pano_menu .item-4, .pano_menu .item-5, .pano_menu .item-6 { width: 27%; } .pano_menu .item-1, .pano_menu .item-2, .pano_menu .item-3, .pano_menu .item-7, .pano_menu .item-8, .pano_menu .item-9 { width: 30%; } .pano_menu .item.litem { left: 2.0%; } .pano_menu .item.citem { left: 36%; } .pano_menu .item.ritem { left: 67.5%; } .pano_menu .item img { width: 100%; } .pano_menu .item-1, .pano_menu .item-4, .pano_menu .item-7 { top: 13.30%; } .pano_menu .item-2, .pano_menu .item-5, .pano_menu .item-8 { top: 35.30%; } .pano_menu .item-3, .pano_menu .item-6, .pano_menu .item-9 { top: 57.80%; } .pano_menu .item.litem:hover { -webkit-animation-name: lrollover; -webkit-animation-duration: 300ms; -webkit-animation-timing-function: linear; animation-name: lrollover; animation-duration: 300ms; animation-timing-function: linear; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes lrollover { to { left: 3.5%; } } @keyframes lrollover { to { left: 3.5%; } } .pano_menu .item.citem:hover { -webkit-animation-name: crollover; -webkit-animation-duration: 300ms; -webkit-animation-timing-function: linear; animation-name: crollover; animation-duration: 300ms; animation-timing-function: linear; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes crollover { to { left: 37%; } } @keyframes crollover { to { left: 37%; } } .pano_menu .item.ritem:hover { -webkit-animation-name: rrollover; -webkit-animation-duration: 300ms; -webkit-animation-timing-function: linear; animation-name: rrollover; animation-duration: 300ms; animation-timing-function: linear; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes rrollover { to { left: 68.5%; } } @keyframes rrollover { to { left: 68.5%; } } .pano_intro .hover:hover .ruota { -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } .pano_intro .sx.closing { -webkit-animation-name: sx_closing; -webkit-animation-duration: 4000ms; -webkit-animation-timing-function: ease-out; animation-name: sx_closing; animation-duration: 4000ms; animation-timing-function: ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes sx_closing { 40% { left: 17.11%; } 50% { left: 17.11%; } 100% { left: -11%; } } @keyframes sx_closing { 40% { left: 17.11%; } 50% { left: 17.11%; } 100% { left: -11%; } } .pano_intro .dx.closing { -webkit-animation-name: dx_closing; -webkit-animation-duration: 4000ms; -webkit-animation-timing-function: ease-out; animation-name: dx_closing; animation-duration: 4000ms; animation-timing-function: ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes dx_closing { 40% { right: 17.11%; } 50% { right: 17.11%; } 100% { right: -11%; } } @keyframes dx_closing { 40% { right: 17.11%; } 50% { right: 17.11%; } 100% { right: -11%; } } .pano_intro .pano.zooming { -webkit-animation-name: zoomin; -webkit-animation-duration: 2000ms; -webkit-animation-timing-function: ease-out; animation-name: zoomin; animation-duration: 2000ms; animation-timing-function: ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes zoomin { to { transform: scale(2,2); } } @keyframes zoomin { to { transform: scale(2,2); } } .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } .flip-container.flipping .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container.flipping .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-container, .front, .back { max-width: 765px; } .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; } .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .content_wrap { border-top: solid 15px #8684ba; } .subway_titolo { width: 40%; float: left; } .subway_tipo { width: 60%; float: left; text-align: center; font-size: 150%; } .subway_menu { width: 60%; float: left; } .subway_tipo h2 { font-family: 'Open Sans'; margin: 48px 0px 35px 0; text-transform: uppercase; color: #8684ba; font-size: 50px; line-height: 50px; letter-spacing: -2px; } .subway_dx ul, .subway_dx li { list-style: none; padding: 0px; margin: 0px; } .subway_dx img { width: 100%; margin: 0 0 10% 0%; border-radius: 10px; } .subway_close{ display: block; float: right; margin: 20px -5px 0px 0px; text-align: right; width: 64px; height: 62px; background: url(img/back.png) no-repeat; } #subway_mobile { display: none; } .subway_menu #subway_mobile { display: block; } .inner_nav { margin-bottom: 20px; } .inner_nav img { //width: 110px; } .styled-select select { background: transparent; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; } .styled-select { width: 240px; height: 34px; overflow: hidden; background: url(img/down_arrow_select.jpg) no-repeat right #ddd; border: 1px solid #ccc; margin: 5% auto; } @media only screen and (max-width: 600px) { #subway_mobile { display: block; } .subway_menu { width: 100%; float: left; } .inner_nav { text-align: center; } .subway_titolo, .subway_tipo { width: 100%; text-align: center; } .subway_tipo h2 { margin: 0px 0px 10px 0px; } .subway_titolo h1 { padding-bottom: 0px; } } .nuovo { margin-right: 15px; } .nuovo:after { background: url(/wp-content/themes/travel/img/nuovo.png); background-size: contain; background-repeat: no-repeat; content: ' '; width: 50px; height: 50px; display: block; right: -53px; top: -16px; position: absolute; }