www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/050/css/style.css
/*MainColor: #1fafbc*/ /*iPhone Fixes*/ input, textarea, button { outline:none!important; background:none; border-radius:0; box-shadow:0; } html { -webkit-font-smoothing: antialiased; } * { font-family: Arial, Helvetica, sans-serif; outline:none!important } ::selection { color:#ffffff; opacity:1; } ::-moz-selection { color:#ffffff; opacity:1; } body, html { padding:0; margin:0; width:100%; height:100%; overflow-x:hidden; } body { background:#000000; text-align:center; z-index:-15; } p, td, div { font-size:12px; color:#3d3d3d; line-height:18px; } form, body, iframe { margin: 0; padding: 0; } img, table, iframe { border: 0;} p { margin-top:0; margin-bottom:10px; } table { border-collapse:collapse;} table td { padding:0;} .h100 { height:100%;} a { color:#ffffff; text-decoration:none; } a:hover { text-decoration:underline;} ul { list-style:none; margin:0; padding:0 } /*L A N D I N G P A G E --------------------------*/ .bg_landing { background:#000000 url(../img/gallery/bg_landing.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; } .bg_page_style0 { background:#000000 url(../img/gallery/bg_page0.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_page_style1 { background:#000000 url(../img/gallery/bg_page1.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_page_style2 { background:#000000 url(../img/gallery/bg_page2.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_page_style3 { background:#000000 url(../img/gallery/bg_page3.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_page_style4 { background:#000000 url(../img/gallery/bg_page4.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_page_style5 { background:#000000 url(../img/gallery/bg_page5.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .bg_landing .preloader { position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px; width:30px; height:30px; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .bg_landing.no_img { background:none!important} .landing_wrapper { background:url(../img/landing_wrapper.png) repeat; zoom: 1; display:block; position:absolute; left:0; top:0; width:100%; height:100% } .landing_logo { position:absolute; left:-50%; top:50%; width:260px; height:260px; display:block; margin:-130px 0 0 -185px; z-index:99; } .landing_logo img { top:34px; left:30px; position:absolute; } .landing_enter { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.9); zoom: 1; position:absolute; right:0%; top:50%; width:110px; height:260px; display:block; margin:-130px -185px 0 0; font-family:'OswaldRegular'; font-size:32px; text-align:center; line-height:260px; text-decoration:none; text-transform:uppercase; z-index:99; transition: background-color 300ms, color 300ms; -webkit-transition:background-color 300ms, color 300ms; -moz-transition:background-color 300ms, color 300ms; -o-transition:background-color 300ms, color 300ms; } .landing_enter:hover { text-decoration:none; text-transform:uppercase; color:#ffffff; } .landing_line { background:url(../img/bg_landing_line.png) repeat-x; height:3px; width:100%; position:absolute; left:-100%; top:50%; margin-top:-2px; display:block; } /*header ---------*/ nav.mobile_header { display:none; } header { position:absolute; height:100%; width:240px; left:0px; top:0; z-index:99; background:#000000; transition: left 700ms ease; -webkit-transition:left 700ms ease; -moz-transition:left 700ms ease; -o-transition:left 700ms ease; opacity: 0; /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ } header.hided { left:-210px} header .btn_toggle, .mobile_header .btn_toggle { position:absolute; right:9px; top:9px; background:url(../img/btn_toggle.png) no-repeat top right; width:12px; overflow:hidden; height:12px; display:block; opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; transition: opacity 500ms; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; } header .btn_toggle.pressed, .mobile_header .btn_toggle.pressed { background-position:top right; } header .btn_toggle.pressed:hover { background-position:0 -12px; } header .logo { position:absolute; left:18px; top:44px; width:190px; height:200px; display:block; overflow:hidden; } header .btn_thmb_toggle { background:url(../img/btn_thmb_toggler.png) no-repeat center; width:14px; height:14px; display:none; position:absolute; right:8px; bottom:8px; opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } header .btn_thmb_toggle:hover { opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; } header .btn_thmb_toggle.toggled { opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } header nav ul.menu { list-style:none; margin:0; padding:0; width:180px } header nav ul.menu li { padding:1px 0 0 0; background:url(../img/bg_menu-sep.png) repeat-x; } header nav ul.menu li:first-child { background:none; padding-top:0px; } header nav ul.menu li ul.sub-menu li { background:none; padding-top:0px } header nav ul.menu li a { text-decoration:none; text-transform:uppercase; color:#ffffff; line-height:28px; font-size:14px; font-family:'OswaldBold'; display:block; opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; } header nav ul.sub-menu { padding-bottom:5px; display:none; } header nav ul.sub-menu li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-transform:none; opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; } header nav ul.sub-menu li a:before { content:'-\00A0'; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#ffffff; } header nav ul.sub-menu li.has-menu a:before { content:'+\00A0'!important; } header nav ul.sub-menu li.has-menu.opened a:before { content:'-\00A0'!important; } header nav ul.sub-menu li.has-menu ul li a:before { content:'-\00A0'!important; } header nav ul.sub-menu li.has-menu ul li a:before { content:'-'!important; } header nav ul.sub-menu li ul.sub-menu { padding:0 0 0 10px; display:none; position:relative; z-index:99; margin-bottom:7px; } header nav ul.sub-menu li ul.sub-menu li a:before { content:''; margin:0px; } header nav ul.sub-menu li ul.sub-menu li { line-height:13px!important; } header nav ul.sub-menu li ul.sub-menu li a { line-height:13px!important; height:13px!important; opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; } /*MenuHovers*/ header nav ul.menu li:hover a, header nav ul.menu li.current-menu-item a { opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } header nav ul.menu li:hover ul.sub-menu li a, header nav ul.menu li.current-menu-item ul.sub-menu li a { opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; } header nav ul.menu li:hover ul.sub-menu li:hover a, header nav ul.menu li ul.sub-menu li.current-menu-item a { opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } header nav ul.menu li:hover ul.sub-menu li:hover ul.sub-menu li a, header nav ul.menu li ul.sub-menu li.current-menu-item ul.sub-menu li a{ opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; } header nav ul.menu li:hover ul.sub-menu li:hover ul.sub-menu li:hover a, header nav ul.menu li ul.sub-menu li ul.sub-menu li.current-menu-item a { opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } header nav ul.menu li a { transition: opacity 300ms; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; } /*Control Panel ----------------*/ .ctrl_panel { position:fixed; right:-224px; top:0px; width:254px; z-index:20; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .ctrl_panel .color_picker_block { height:162px; width:254px; margin-bottom:2px; position:absolute; left:0; top:0; } .ctrl_panel .search_block, .ctrl_panel .social_block, .ctrl_panel .contact_form_block { height:30px; margin-bottom:2px; position:absolute; left:0; } .ctrl_panel .search_block { top:164px } .ctrl_panel .social_block { top:196px } .ctrl_panel .contact_form_block { top:228px } .ctrl_panel .block_ico { display:block; width:30px; height:30px; position:absolute; left:0; top:0; } .ctrl_panel .block_ico .ico { color:#ffffff; opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; font-size:16px; position:absolute; left:-3px; top:5px; display:block; width:28px; height:20px; line-height:18px; } .ctrl_panel .ico_search_form .ico { left:-5px; top:5px; } .ctrl_panel .block_ico a { width:30px; height:30px; display:block;} .ctrl_panel .block_ico a, .ctrl_panel .block_ico a .ico, ul.social_list li, ul.social_list li a span { transition: all 300ms; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; } .ctrl_panel .block_ico a:hover { background:#ffffff; background:rgba(255, 255, 255, 0.9); } .ctrl_panel .ico_color_picker { width:30px; height:162px; position:absolute; top:0px; left:0px!important; display:block; } .ctrl_panel .ico_color_picker a { display:block; height:162px; width:30px; background:url(../img/btn_style.png) no-repeat!important; } /*Panel Content Blocks*/ .block_content { overflow:hidden; padding:0 0 0 32px; width:224px } .color_picker { background:#ffffff; background-color:rgba(255, 255, 255, 0.9); height:162px; overflow:hidden; } .color_picker_block #color { position:absolute; top:-50px; } ul.social_list { list-style:none; margin:0; padding:0; overflow:hidden } ul.social_list li:before { content:''; padding:0; margin:0; } ul.social_list li { width:30px; height:30px; background:#ffffff; background-color:rgba(255, 255, 255, 0.9); float:left; display:inline-block; margin-right:2px } ul.social_list li a { display:block; width:30px; height:30px; text-decoration:none; text-align:center; position:relative; } ul.social_list li a span { font-size:16px; line-height:30px; width:30px; height:30px; position:absolute; top:0px; left:-3px; } .social-facebook span { left:-6px!important} .social-twitter span { left:-5px!important} .social-flickr span { left:-5px!important} .social-vimeo span { left:-4px!important} ul.social_list li:hover { } ul.social_list li a:hover span { text-decoration:none; color:#fff!important; opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; } .search_form { background:#ffffff; background-color:rgba(255, 255, 255, 0.9); height:30px; width:100%; } .search_form input { padding:7px 8px; width:208px; display:block; border:none; margin:0; height:16px; font-size:12px; line-height:16px; background:none; } .contact_form_block.side_block .field-name, .contact_form_block.side_block .field-email, .contact_form_block.side_block .field-subject, .contact_form_block.side_block .field-message { width:208px; height:16px; padding:7px 8px; line-height:16px; font-size:12px; line-height:16px; background:#ffffff; background-color:rgba(255, 255, 255, 0.9); margin:0 0 2px 0; border:none; } .contact_form_block.side_block .field-message { height: 96px; resize:none; margin-bottom:1px!important; } .contact_form_block.side_block .feedback_reset, .contact_form_block.side_block .feedback_go { display:inline-block; float:right; margin-left:2px; color:#ffffff; color:rgba(255, 255, 255, 0.8); line-height:30px; padding:0 7px; text-transform:uppercase; font-size:14px; font-family:'OswaldBold'; height:30px; border:none; cursor:pointer; transition: color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; } /*Content block ----------------*/ .content_block { background:#ffffff; background-color:rgba(255, 255, 255, 0.9); padding:40px 30px 30px 30px; width:790px; height:auto; display:block; position:absolute; left:45px; bottom:0; text-align:left; opacity: 0; /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/ } .window_controls { position:absolute; right:30px; top:40px; display:block; height:30px; } .window_controls a { width:30px; height:30px; display:inline-block; float:right; margin-left:2px; background-color:#d7d8d9; background-position:center; background-repeat:no-repeat; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .window_controls a.btn_win_close { background-image:url(../img/btn_win_close.png) } .scroll_buttons { width:30px; height:30px; display:block!important; position:absolute; top:-50px; margin:0px; background-color:#d7d8d9; background-position:center; background-repeat:no-repeat; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } a.btn_win_up { background-image:url(../img/btn_win_up.png); right:32px; } a.btn_win_down { background-image:url(../img/btn_win_dn.png); right:64px; } /*Blog Classes ---------------*/ .right-sidebar .featured_image_full, .left-sidebar .featured_image_full, .both-sidebars .featured_image_full, .right-sidebar .featured_image_full img, .left-sidebar .featured_image_full img, .both-sidebars .featured_image_full img { float: none; width:100%; height:auto; } .blog_post_preview { border-bottom:#c5c5c5 1px dotted; margin-bottom:34px; } .featured_image_full { display:inline-block; float:left; margin:0 20px 15px 0px; } .featured_image_full img { display:block; } .mainTitlePermalink h3 { font-size:18px; line-height:30px; margin:0px 0 7px 0; font-family:'OswaldRegular'; font-weight:normal; } .mainTitlePermalink:hover, .mainTitlePermalink:hover h3, .mainTitlePermalink:hover span { text-decoration:none; } .mainTitlePermalink span.post_type { width:30px; height:30px; display:inline-block; float:left; text-align:left; line-height:30px; font-size:16px; margin-right:10px; position:relative; } .mainTitlePermalink span.post_type span.ico { font-size:16px; line-height:30px; width:20px; padding-left:7px; height:30px; display:block; } .blog_info { margin-bottom:10px; color:#a7a7a7; } .blog_info span { color:#a7a7a7; padding:0 5px; } .blog_info span:first-child { padding:0px 5px 0 0; } .pagerblock { list-style:none; margin:0; padding:0; overflow:auto; margin:-8px 0 0 -3px; } .pagerblock li { margin:0 2px 0 0; float:left; display:inline-block } .pagerblock li a { font-size:12px; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; color:#a7a8a8; text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .pagerblock li a:hover { text-decoration:none; } .pagerblock li a span { text-indent:-10000px; display:block; width:20px; height:20px; opacity: 0.38!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=38)!important; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .pagerblock li a span:hover { opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; } .pagerblock li a span.btn_prev { background:url(../img/pager_left.png) no-repeat center 5px; } .pagerblock li a span.btn_next { background:url(../img/pager_right.png) no-repeat center 5px; } .single .featured_image_full { float:none; width:100%; margin:15px 0 20px 0; display:block; } .single .blog_info { border-bottom:#c5c5c5 1px dotted; padding-bottom:5px; margin-bottom:20px; } .single .blog_post_preview { border-bottom:#dadada 1px solid; } .postcomment { font-size:22px; line-height:30px; margin:0px 0 20px 0; font-family:'OswaldRegular'; font-weight:normal; } .postcomment span.post_type { width:30px; height:30px; display:inline-block; float:left; text-align:left; line-height:30px; font-size:16px; margin-right:10px; position:relative; } .postcomment span.post_type span.ico { font-size:16px; line-height:30px; width:20px; padding-left:7px; height:30px; display:block; text-transform:none; } /*Comments*/ ol.commentlist { list-style:none; margin:0 0 25px 0; padding:0; border-bottom:#dadada 1px solid; } ol.commentlist li { padding:0; list-style:none; margin:0; } ol.commentlist li .stand_comment { margin:0 0 25px 0; display:block; } ol.commentlist li ul { padding-left:40px; } ol.commentlist li .commentava { float:left; display:block; margin-right:20px; } ol.commentlist li .commentava img { display:block; } ol.commentlist li .stand_comment { overflow:hidden; } ol.commentlist li .thiscommentbody { margin:0px; float:left; display:block; } ol.commentlist li .thiscommentbody p { margin:0 0 5px 0; } ol.commentlist li .thiscommentbody .comment_info { margin:0 0 5px 0; color:#a7a7a7; } ol.commentlist li .thiscommentbody .comment_info span { display:inline-block; padding:0 5px; color:#a7a7a7; } ol.commentlist li .thiscommentbody .comment_info span:first-child { padding-left:0; } /*Portfolio ------------*/ .portfolio_dscr h3 { font-size:18px; line-height:22px; margin:-3px 0 18px 0; font-family:'OswaldRegular'; font-weight:normal; } .portfolio_dscr h3 a { font-size:18px; line-height:22px; margin:0; font-family:'OswaldRegular'; font-weight:normal; } .portfolio_dscr h3 a:hover { text-decoration:none; } .portfolio_block .post_type, .gallery_img_preview .post_type, #thumbs-scroller .post_type { position: absolute; left:0px; bottom:0px; display:block; width:25px!important; height:25px!important; } .post_type_video { background: url(../img/icons/post_type_video.png)!important; } .post_type_slides { background: url(../img/icons/post_type_slides.png)!important; } /*Filter Block*/ .filter_block { clear: both; display: block; height: 26px; margin-bottom: 20px; overflow: hidden; padding: 0 !important; position: relative; width: 100%; border-bottom:#3d3d3d 2px solid; } .filter_navigation ul, .filter_navigation ul li, .filter_navigation ul li ul { list-style:none; margin:0; padding:0; } .filter_navigation ul li ul li { float:left; display:inline-block; border: none; margin-right:2px; height:26px; } .filter_navigation ul li ul li a { color:#dadada; font-family:'OswaldBold'; font-size:14px; line-height:26px; background-color:#a7a7a7; display:inline-block; float:left; margin-right:0px; padding:0 7px; text-transform:uppercase; cursor:pointer; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms; } .filter_navigation ul li ul li a:hover, .filter_navigation ul li ul li.selected a { text-decoration:none; background:#3d3d3d; } .btn_load_more { width:100%; text-align:center; padding-left:0!important; padding-right:0!important; margin:0!important; } .btn_back { margin-top:-14px!important;} /*Footer ---------*/ .call_us { position:absolute; bottom:57px; left:30px; border-bottom:#ffffff 1px dotted; padding:0 0 5px 15px; font-family:'OswaldBold'; font-size:14px; line-height:16px; text-transform:uppercase; color:#ffffff; opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; } .call_us .ico { font-size:14px; color:#ffffff; width:16px; height:16px; position:absolute; left:-5px; top:-1px; text-transform:none } .copyright { position:absolute; left:30px; bottom:25px; text-align:left; color:#ffffff; opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; font-size:11px; line-height:12px; } /*Images ---------*/ img.alignright { float:right; margin:0 0 10px 20px; } img.alignleft { float:right; margin:0 20px 10px 0; } /*Tabs -------*/ /*Lists --------*/ .contentarea ul, .content_area ol { list-style:none; margin:0; padding:0 0 20px 10px; } .contentarea ul li, .content_area ol li { line-height:18px; margin:0 0 0 0px; padding:0 0 0 0px; } .contentarea ul li:before { content: '\25cf'; padding-right: 7px; font-family:Arial, Helvetica, sans-serif; } .contentarea ol { counter-reset:li; } .contentarea ol li:before { content:counter(li)"."; counter-increment:li; padding-right:7px; } /*Shortcodes List*/ ul.list { list-style:none; margin:0; padding:0 0 20px 8px; overflow:hidden } ul.list li { line-height:18px } ul.list li:before { content: '\25cf'; padding-right: 7px; font-size:12px; font-weight:normal; line-height: 18px; font-family:Arial, Helvetica, sans-serif; } ul.list.plus li:before { content: '+'; padding: 0 5px 0 2px; font-size:14px; line-height: 16px; font-weight:normal; } ol.list { counter-reset:li; padding:0 0 20px 8px; margin:0; list-style:none; } ol.list li { margin:0 0 0 0px; padding:0 0 0 0px; } ol.list li:before { content:counter(li)"."; counter-increment:li; padding-right:5px; } /*Sidebar ----------*/ .sidepanel { margin:0 0 25px 0; border-bottom:#dadada 1px solid; } /*-- Popular Posts & Recent Posts --*/ .popular_posts, .recent_posts { list-style:none; margin: 0; padding:0; } .popular_posts li, .recent_posts li { float:none; margin:0; padding:7px 0; border-top:#c5c5c5 1px dotted; color:#a7a7a7; overflow:hidden; } .popular_posts li:first-child, .recent_posts li:first-child { border:none; padding-top:0px; } .popular_posts li img, .recent_posts li img { float:left; margin:0 10px 5px 0; } .popular_posts li p, .recent_posts li p { color:#a7a7a7; margin-bottom:5px; } .popular_posts li .post_date, .recent_posts li .post_date { color:#a7a7a7; display:block; margin-bottom:5px; } /*-- Flickr --*/ .widget_flickr { margin:0 0 0 -2.5%; padding:0 0 5px 0; list-style:none; overflow:hidden; } .widget_flickr .flickr_badge_image { float:left; margin:0 0 2.5% 2.5%; width:30.8%; } .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img { display:block; } .widget_flickr .flickr_badge_image img { width:100%; height:auto; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .widget_flickr .flickr_badge_image:hover img { opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } /*-- BlockRoll --*/ .widget_block_list { list-style:none; margin: 0; padding:0; } .widget_block_list li { float:none; margin:0; padding:6px 0; line-height:17px; border-top:#c5c5c5 1px dotted; color:#a7a7a7; overflow:hidden; } .widget_block_list li:first-child { border:none; padding-top:0px; } .widget_block_list li a { color:#a7a7a7; text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } /*-- Twitter --*/ .twitter_list { list-style:none; margin:0; padding:0; } .twitter_list li { float:none; margin:0; padding:6px 0 6px 25px; line-height:17px; border-top:#c5c5c5 1px dotted; color:#a7a7a7; overflow:hidden; position:relative; } .twitter_list li:first-child { border:none; padding-top:0px; } .twitter_list li:before { content:'t'; font-family:'FBiconsRegular'; font-size:16px; line-height:20px; position:absolute; left:0; top:7px; display:block; width:20px; height:20px; } .twitter_list li:first-child:before { top:1px; } /*-- Text Widget --*/ .widget_text div { color:#a7a7a7; padding-bottom:7px; } /*Typograph ------------*/ h1, h2, h3, h4, h5, h6 { font-family:'OswaldRegular'; padding:0; text-transform:uppercase } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { text-transform:uppercase; font-family:'OswaldRegular'; } h1 { font-family:'OswaldBold'; font-size:34px; line-height:36px; margin:0px 0 18px 0; } h2 { font-size:28px; line-height:30px; margin:10px 0 18px 0; } h3 { font-size:22px; line-height:24px; margin:10px 0 18px 0; } h4 { font-size:18px; line-height:20px; margin:10px 0 15px 0; } h5 { font-family:'OswaldBold'; font-size:14px; line-height:16px; margin:10px 0 15px 0; } h6 { font-family:'OswaldBold'; font-size:12px; line-height:14px; margin:10px 0 15px 0; } .page_title { height:50px; display:block; overflow:hidden; } .page_title h1 { margin:0; color:#3d3d3d; } .ico { font-family:'FBiconsRegular'} .white { color:#ffffff} .yellow { color:#ffea00} hr { margin:0; padding:0; border:none; height:20px; display:block; border-top:#dadada 1px solid; } hr.double { margin:0; padding:0; border-top:#dadada 3px double; height:20px; display:block } hr.dotted { margin:0; padding:1px 0 0 0; border-top:none; height:20px; display:block } hr.light { border-color:#c5c5c5; } hr.dark{ border-color:#3d3d3d; } hr.light.dotted { background:url(../img/bg_divider1.png) repeat-x top left; } hr.dark.dotted { background:url(../img/bg_divider2.png) repeat-x top left; } hr.invisible { border:none!important; height:15px!important} .text_dark, .text_dark a:hover { color:#3d3d3d; } .text_light, .text_colored a, .text_light a:hover { color:#a7a7a7; } .text_dark a:hover, .text_light a:hover, .text_colored a:hover { text-decoration:none } .dropcap { font-size:31px; line-height:31px; margin:2px 4px 0 0; text-transform:uppercase; float:left; font-family:'OswaldBold'; color:#3d3d3d; } .dropcap.light { color:#a7a7a7; } blockquote { margin:0px; padding:0 0 8px 0px; border:none; } blockquote p { padding:0 12px 0 38px; font-size:12px; color:#a7a7a7; margin-bottom:10px; background:url(../img/bg_blockquote.png) no-repeat 0 3px; } blockquote.dark_type p { background:url(../img/bg_blockquote_dark.png) no-repeat 0 3px; } blockquote span { font-size:12px; display:block; padding:0px 12px 0 40px; color:#a7a7a7; font-style:italic; } blockquote.right { margin:0px; width:50%; float:right; padding-right:0!important; margin-left:12px; } blockquote.left { margin:0px; width:50%; float:left; } .demo_columns { background:#3d3d3d; line-height:140px; color:#dadada; font-family:'OswaldBold'; text-align:center; font-size:14px; } /*Blocks ---------*/ /*Contacts & Forms -------------------*/ /*-- Contact --*/ .contact_info { margin-bottom:20px } .contact_info li { padding:0 0 8px 25px; position:relative; } .contact_info .ico_contact { position:absolute; left:0px; top:0px; height:16px; width:16px; } .contact_info .ico_address { background:url(../img/icons/ico_contact_address.png) no-repeat; } .contact_info .ico_mail { background:url(../img/icons/ico_contact_mail.png) no-repeat; } .contact_info .ico_skype { background:url(../img/icons/ico_contact_skype.png) no-repeat; } .contact_info .ico_twitter { background:url(../img/icons/ico_contact_twitter.png) no-repeat; } .contact_info .ico_phone { background:url(../img/icons/ico_contact_phone.png) no-repeat; } .contact_info .ico_flickr { background:url(../img/icons/ico_contact_flickr.png) no-repeat; } .contact_info .ico_facebook { background:url(../img/icons/ico_contact_facebook.png) no-repeat; } .contact_info .ico_vimeo { background:url(../img/icons/ico_contact_vimeo.png) no-repeat; } /*-- Form --*/ .fl-container .feedback_form { padding-bottom:15px; } .fl-container .feedback_form .field-name, .fl-container .feedback_form .field-email, .fl-container .feedback_form .field-subject, .fl-container .feedback_form .field-message, .fl-container .comment-form #author, .fl-container .comment-form #email, .fl-container .comment-form #comment-message { height:17px; line-height:17px; font-size:12px; color:#3d3d3d; padding:4px 5px; background:#dadada; border:none; border-top: #c9c9c9 1px solid; border-left:#c9c9c9 1px solid; margin-bottom:2px; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .fl-container .feedback_form .field-message, .fl-container .comment-form #comment-message { height:80px; margin:0px; } .fl-container .feedback_form .feedback_go, .fl-container .feedback_form .feedback_reset, .fl-container .comment_reset, .fl-container .send_comment { border:none; line-height:13px; height:23px; display:inline-block; cursor:pointer; padding:3px 7px 7px 7px; font-size:12px; margin-bottom:2px; transition: background-color 300ms, color 300ms; -webkit-transition:background-color 300ms, color 300ms; -moz-transition:background-color 300ms, color 300ms; -o-transition:background-color 300ms, color 300ms; } .fl-container .feedback_form .feedback_reset, .fl-container .comment_reset { background:#a7a7a7; color:#dadada; } @media screen and ( -webkit-min-device-pixel-ratio : 0 ) { .side_block .feedback_reset, .side_block .feedback_go { margin-top:-4px!important; -webkit-appearance: none!important; -webkit-border-radius:0!important } .fl-container .feedback_reset, .fl-container .feedback_go, .fl-container .comment_reset, .fl-container .send_comment { padding-top:5px!important; -webkit-appearance: none!important; -webkit-border-radius:0!important } } .fl-container .feedback_form .feedback_go:hover, .fl-container .send_comment:hover, .fl-container .feedback_reset:hover, .fl-container .comment_reset:hover { background:#3d3d3d; color:#dadada; } .ajaxanswer { padding-bottom:10px; } /*-- Map --*/ .map_toggler_block { border-bottom:#3d3d3d 2px solid; height:26px; position:relative; width:100%; display:block; } .map_toggler_block .shortcode_button { position:absolute; top:0; left:0; margin:0; } .map_container { display:block; width:100%; } /*ShortCodes -------------*/ /*-- Wrapped Img --*/ img.wrapped_zoomer { display:block; } div.zoomer_wrapper { display:block; position:relative; } div.zoomer_wrapper img { margin:0!important; } div.zoomer_wrapper.alignleft { float:left; margin:0 20px 10px 0px; } div.zoomer_wrapper.alignright { float:right; margin:0 0px 10px 20px; } div.zoomer_wrapper div.fader { display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; } div.zoomer_wrapper:hover div.fader { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } div.zoomer_wrapper div.fader span.fader_caption { position:absolute; left:0; top:50%; margin-top:-20px; font-size:14px; color:#ffffff; font-family:'OswaldBold'; line-height:15px; text-transform:uppercase; text-align:center; display:block; width:100%; } div.zoomer_wrapper div.fader a { position:absolute; left:50%; top:50%; margin:10px 0 0 -13px; width:26px; height:20px; } div.zoomer_wrapper div.fader a span.ico { color:#ffffff; font-size:16px; width:20px; height:20px; display:block; position:absolute; left:8px; top:0px; } /*-- IconBox --*/ .shortcode_iconbox { background:#3d3d3d; display:block; position:relative; cursor:pointer; padding:20px 0 0 0; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .shortcode_iconbox .ico { width:100%; text-align:center; font-size:42px; display:block; height:44px; margin:0 0 8px -10px; padding:15px 0 0 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_iconbox h5 { color:#dadada; font-family:'OswaldBold'; text-align:center; width:100%; margin:0 0 15px 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_iconbox p { padding:0 20px; margin-bottom:18px; color:#dadada; text-align:center; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_iconbox:hover p, .shortcode_iconbox:hover h5, .shortcode_iconbox:hover .ico { color:#ffffff; } /*-- Accordion --*/ .shortcode_accordion_shortcode, .shortcode_toggles_shortcode { margin:0px 0 30px 0; padding:7px 0 0 0; border-bottom:#3d3d3d 1px solid; } .shortcode_accordion_item_title, .shortcode_toggles_item_title { font-size:14px; text-transform:uppercase; font-family:'OswaldBold'; position:relative; padding:7px 0 7px 19px; margin:0; cursor:pointer; color:#3d3d3d; border-top:#3d3d3d 1px solid; } .shortcode_accordion_item_title .ico, .shortcode_toggles_item_title .ico { display:block; position:absolute; left:0; top:50%; width:11px; height:11px; margin:-6px 0 0 0 } .shortcode_accordion_item_title, .shortcode_toggles_item_title { transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_toggles_item_title .ico hr, .shortcode_accordion_item_title .ico hr { transition:opacity 300ms; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; } .shortcode_accordion_item_title .ico hr.hr_v, .shortcode_toggles_item_title .ico hr.hr_v { height:12px; width:2px; border:none; position:absolute; left:5px; top:0; display:block; background:#a7a7a7; margin:0!important } .shortcode_accordion_item_title .ico hr.hr_h, .shortcode_toggles_item_title .ico hr.hr_h { width:12px; height:2px; border:none; position:absolute; top:5px; left:0; display:block; background:#a7a7a7; margin:0!important } .shortcode_accordion_item_title.ui-state-active .ico hr.hr_v, .shortcode_toggles_item_title.ui-state-active .ico hr.hr_v { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .shortcode_accordion_item_body, .shortcode_toggles_item_body { padding:0 0 7px 19px; color:#a7a7a7; font-size:12px; line-height:18px; } .shortcode_toggles_item_body { display:none } .shortcode_accordion_item_body div, .shortcode_toggles_item_body div { color:#a7a7a7; font-size:12px; line-height:18px; } /*-- Highlighted text --*/ .highlighted_colored { color:#ffffff } .highlighted_dark { color:#dadada; background-color:#3d3d3d; } .highlighted_light { color:#ffffff; background-color:#a7a7a7; } /*-- Tabs --*/ .shortcode_tab_shortcode { border-bottom:#3d3d3d 1px solid; padding:0 0 5px 0; overflow:hidden; } .shortcode_tab_shortcode .all_heads_cont { border-bottom:#3d3d3d 2px solid; display:block; overflow:hidden; margin-bottom:5px; } .shortcode_tab_item_title { color:#dadada; font-family:'OswaldBold'; font-size:14px; line-height:26px; background-color:#a7a7a7; display:inline-block; float:left; margin-right:2px; padding:0 7px; text-transform:uppercase; cursor:pointer; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms; } .shortcode_tab_item_title:hover, .shortcode_tab_item_title.active { background-color:#3d3d3d; color:#dadada; } .shortcode_tab_item_body { display:none; } .shortcode_tab_item_body.active { display:block; } /*-- Buttons --*/ .shortcode_button { display:inline-block; margin:5px 3px; padding:0 9px; text-decoration:none; font-family:'OswaldBold'; } .shortcode_button .ico { color:#dadada; display:inline-block; float:left; font-size:16px; margin-right:15px; text-transform:none; } .shortcode_button.btn_small_black, .shortcode_button.btn_small_colored, .shortcode_button.btn_small_grey { line-height:23px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .shortcode_button.btn_normal_black, .shortcode_button.btn_normal_colored, .shortcode_button.btn_normal_grey { line-height:28px; font-size:14px; text-transform:uppercase; } .shortcode_button.btn_big_black, .shortcode_button.btn_big_colored, .shortcode_button.btn_big_grey { line-height:36px; font-size:18px; text-transform:uppercase } .shortcode_button, .shortcode_button .ico { transition: background-color 300ms, color 300ms; -webkit-transition:background-color 300ms, color 300ms; -moz-transition:background-color 300ms, color 300ms; -o-transition:background-color 300ms, color 300ms; } .shortcode_button .ico_plus { font-size:18px; line-height:28px; font-family:Arial, Helvetica, sans-serif; padding-right:3px; } .shortcode_button:hover { text-decoration:none } .shortcode_button.btn_small_black, .shortcode_button.btn_normal_black, .shortcode_button.btn_big_black, .shortcode_button.btn_small_colored:hover, .shortcode_button.btn_normal_colored:hover, .shortcode_button.btn_big_colored:hover, .shortcode_button.btn_small_grey:hover, .shortcode_button.btn_normal_grey:hover, .shortcode_button.btn_big_grey:hover { background:#3d3d3d; color:#dadada; } .shortcode_button.btn_small_grey, .shortcode_button.btn_normal_grey, .shortcode_button.btn_big_grey { background:#a7a7a7; color:#dadada; } .shortcode_button.btn_small_black .ico , .shortcode_button.btn_small_colored .ico , .shortcode_button.btn_small_grey .ico { line-height:23px; } .shortcode_button.btn_normal_black .ico , .shortcode_button.btn_normal_colored .ico , .shortcode_button.btn_normal_grey .ico { line-height:28px; } .shortcode_button.btn_big_black .ico , .shortcode_button.btn_big_colored .ico , .shortcode_button.btn_big_grey .ico { line-height:36px; } .shortcode_button.btn_small_black .ico, .shortcode_button.btn_normal_black .ico, .shortcode_button.btn_big_black .ico, .shortcode_button.btn_small_colored:hover .ico, .shortcode_button.btn_normal_colored:hover .ico, .shortcode_button.btn_big_colored:hover .ico, .shortcode_button.btn_small_grey:hover .ico, .shortcode_button.btn_normal_grey:hover .ico, .shortcode_button.btn_big_grey:hover .ico, .shortcode_button.btn_small_grey .ico, .shortcode_button.btn_normal_grey .ico, .shortcode_button.btn_big_grey .ico { color:#dadada; } /*-- MessageBoxes --*/ .shortcode_message_box { display:block; padding:8px 0; position:relative; margin-bottom:11px; } .shortcode_message_box .box_icon { position:absolute; left:9px; top:9px; width:21px; height:20px; display:block; } .shortcode_message_box p { color:#626262; margin:0; padding:0 15px 0 35px } .shortcode_message_box { background:#85d1d8; } .shortcode_message_box .box_icon { background:url(../img/icons/box_icon_info.png) no-repeat; } .warning_box { background:#f6e690; } .warning_box .box_icon { background:url(../img/icons/box_icon_warning.png) no-repeat; } .success_box { background:#bbd99a; } .success_box .box_icon { background:url(../img/icons/box_icon_success.png) no-repeat; } .error_box { background:#ffbbc3; } .error_box .box_icon { background:url(../img/icons/box_icon_error.png) no-repeat; } /*-- VideoFrame --*/ iframe.alignleft { float:left; margin:0 20px 10px 0 } iframe.alignright { float:right; margin:0 0px 10px 20px } /*-- Color Blocks --*/ .shortcode_colorblocks { display:block; position:relative; cursor:pointer; padding:20px 0 0 0; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .shortcode_colorblocks .ico { width:100%; text-align:center; font-size:42px; display:block; height:44px; margin:0 0 8px -10px; padding:15px 0 0 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks h5 { font-family:'OswaldBold'; text-align:center; width:100%; margin:0 0 15px 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks p { padding:0 20px; margin-bottom:18px; text-align:center; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks.light { background:#dadada; } .shortcode_colorblocks.grey { background:#a7a7a7; } .shortcode_colorblocks.dark, .shortcode_colorblocks.grey.hovered:hover, .shortcode_colorblocks.light.hovered:hover, .shortcode_colorblocks.colored.hovered:hover { background:#3d3d3d; } .shortcode_colorblocks.light p, .shortcode_colorblocks.light.hovered h5, .shortcode_colorblocks.grey h5, .shortcode_colorblocks.grey a, .shortcode_colorblocks.grey .ico{ color:#3d3d3d } .shortcode_colorblocks.grey p, .shortcode_colorblocks.grey.hovered h5, .shortcode_colorblocks.colored p, .shortcode_colorblocks.colored h5, .shortcode_colorblocks.colored .ico, .shortcode_colorblocks.dark.hovered:hover .ico, .shortcode_colorblocks.dark.hovered:hover p, .shortcode_colorblocks.hovered:hover a:hover, .shortcode_colorblocks.light.hovered:hover a, .shortcode_colorblocks.grey.hovered:hover a, .shortcode_colorblocks.colored.hovered:hover a, .shortcode_colorblocks.dark.hovered:hover h5 { color:#ffffff } .shortcode_colorblocks.colored a, .shortcode_colorblocks.dark p, .shortcode_colorblocks.dark.hovered h5, .shortcode_colorblocks.grey.hovered:hover .ico, .shortcode_colorblocks.light.hovered:hover p, .shortcode_colorblocks.grey.hovered:hover p, .shortcode_colorblocks.colored.hovered:hover p, .shortcode_colorblocks.light.hovered:hover h5, .shortcode_colorblocks.grey.hovered:hover h5, .shortcode_colorblocks.colored.hovered:hover h5, .shortcode_colorblocks.dark.hovered a { color:#dadada } .shortcode_colorblocks.hovered:hover a:hover, .shortcode_colorblocks.hovered:hover a { text-decoration:none; } /*-- Camera Slider --*/ .camera_slider { width:100%; margin:0 0px 20px 0px; display:block; overflow:hidden; position:relative; /*height:223px!important*/ } /*Gallery ----------*/ #gallery_block { position:absolute; left:0px; top:0; width:100%; height:100%; z-index:0; background:#000000; z-index:30; } .gallery_block { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } /*Wrappers -----------*/ /*Misc -------*/