Rozmieszczenie loga
-
Witam.
Podaje moja strone: http://ubccamp.cba.pl/
To gorne logo chcialbym zeby bylo ladnie dopasowane, jak widzimy jest i za krotkie i za male.. jak to zrobic?
Kod header.php:
<!DOCTYPE html> <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <style> body {background:url(<?php echo get_template_directory_uri();?>/images/wallpaper-386636.jpg) no-repeat top center;} </style> <!-- PAGE TITLE --> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <?php global $smof_data; ?> <!-- Mobile Specific Metas & Favicons ========================================================= --> <?php if($smof_data['rnr_favicon_url'] != "") { ?><link rel="shortcut icon" href="<?php echo $smof_data['rnr_favicon_url']; ?>"><?php } ?> <!-- WordPress Stuff ========================================================= --> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> <!-- Google Web Fonts --> <?php get_template_part( 'includes/googlefonts'); ?> <?php wp_head(); ?> </head> <body <?php body_class('onepage'); ?> data-spy="scroll" data-target=".navigation"> <div id="load"></div> <!-- START PAGE WRAP --> <div class="page-wrap <?php if($smof_data['rnr_enable_dark_skin'] == true) { echo 'dark-skin'; } ?>"> <img src="/wp-content/uploads/2014/05/wybierzto.jpg)" alt="Tu podaj tekst alternatywny" /> <!-- HEADER SECTION -->
Wstawilem ta linijke
<img src="/wp-content/uploads/2014/05/wybierzto.jpg)" alt="Tu podaj
Podam moze jeszcze na wszelki wielki theme.css
/*-------------------------------------------------------- Resets --------------------------------------------------------*/ html, body { height: 100%; } 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.5; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-------------------------------------------------------- BEGIN THEME STYLESHEET --------------------------------------------------------*/ @import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300); @font-face { font-family: 'BebasNeueRegular'; src: url('../fonts/BebasNeue-webfont.eot'); src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } ::-moz-selection { background: #FFD600; color: white; } ::selection { background: #FFD600; color: white; } a, a:visited, a:hover { outline: none; } body { background-image: url(images/wallpaper-386636.jpg) no-repeat top left; font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #515A5F; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; } .embed-container { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.responsive { width: 100%; height: auto; } .hidden { display: none; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } hr { border: solid #eeeeee; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre { height: auto; font-family: Consolas, monospace; border: 1px solid #f0f0f0; background: #fafafa; padding: 10px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 0 20px 0; overflow-x: auto; } .hidden { display: none !important } .responsive img, .responsive iframe, .responsive object, .responsive embed { width: 100%; width: 100%; height: auto; } /*==== Anchor Links ====*/ img { max-width: 70%; height: auto; } a { color: #FFD600; text-decoration: none; outline: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .highlight { color: #FFD600; } a:hover, a:focus { color: #666666; } a:focus { outline: none; outline-offset: 0; } p a, p a:visited { line-height: inherit } /*==== Lists ====*/ ul, ol { margin-bottom: 20px } ul { list-style: none; } ul.styled-list { padding: 0; } ol { margin: 0; padding: 0 0 0 30px; } ol { list-style: decimal } ul li ul, ol li ul, ol li ul, ol li ol { margin-bottom: 0 } .left { float: left; } .right { float: right; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; display: block; } /*-------------------------------------------------------- /* TYPOGRAPHY --------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: 400; margin-bottom: 10px; } body #load { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 1001; background-color: #ffffff; } #qLpercentage { font-family: 'BebasNeueRegular', sans-serif; font-size: 60px !important; line-height: 1; } h1 { font-family: 'BebasNeueRegular', sans-serif; font-size: 80px; text-transform: uppercase; position: relative; margin-bottom: 0px; } h2 { font-family: 'BebasNeueRegular', sans-serif; font-size: 44px; text-transform: uppercase; position: relative; } h3 { font-family: 'BebasNeueRegular', sans-serif; font-size: 30px; } h4 { font-family: 'Oswald', sans-serif; font-size: 22px; } h5 { font-family: 'Oswald', sans-serif; font-size: 20px; } h6 { font-family: 'Oswald', sans-serif; font-size: 18px; } p { margin-bottom: 10px; } /*-------------------------------------------------------- /* MENU STYLING --------------------------------------------------------*/ nav { width: 100%; position: relative; z-index: 1000; } nav.page_scroll { top:0; position:fixed; } nav.page-scroll { top:0; position:fixed; } .home-parallax.pagescroll, .home-gradient.pagescroll { margin-bottom:-80px; } /*== DARK NAVIGATION ==*/ nav.dark { background: #151515; border-bottom: 1px solid #000000; } .navigation.dark .logo h1 { color: #ffffff !important; } /*== LIGHT NAVIGATION ==*/ nav.light { background: #ffffff; box-shadow: 0px 4px 15px rgba(0,0,0,0.07); border-bottom: 1px solid #f0f0f0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } nav.light.sticky { background: #ffffff; background: rgba(255,255,255,0.95); } /*== TRANSPARENT NAVIGATION ==*/ nav.transparent { background: transparent; border-bottom: 1px solid transparent; box-shadow: none; position:fixed; width:100%; top:0; } nav.transparent a { color:#ffffff; } nav.transparent.scroll { background: #ffffff; background: rgba(255,255,255,0.95); box-shadow: 0px 4px 15px rgba(0,0,0,0.07); } nav.transparent.scroll a { color: #515A5F; } .dark-skin nav.transparent.scroll { background: #111111; background: rgba(0,0,0,0.95); box-shadow: 0px 4px 15px rgba(0,0,0,0.07); } /* ------------------------------------------------------------------------ */ /* COLORED MENU /* ------------------------------------------------------------------------ */ nav.colored, nav.light.colored { background: #ffd600; box-shadow: 0px 4px 15px rgba(0,0,0,0.07); border-bottom: 0px; } nav.colored ul > li > a { color:#ffffff; } nav.colored ul > li.active > a { color:#515A5F; } nav .container .four.columns { float: left; width: auto } nav .container .twelve.columns { float: right; width: auto } .main-menu, .logo { height: 50px; display: table-cell; vertical-align: middle; } .main-menu.large, .logo.large { height: 80px; } .logo a { display: block; margin: auto; font-size:36px; color: #7dbc49 !important; } .main-menu li { display: inline; margin-left: 30px; } .main-menu a { font-family: 'BebasNeueRegular', sans-serif; font-size: 22px; color: white; text-decoration: none; text-transform: uppercase; } nav.light .main-menu a { color: inherit; } nav.light .main-menu a:hover, nav.dark .main-menu a:hover { color: #FFD600; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; } nav.light .main-menu li.active a, nav.dark .main-menu li.active a { color: #FFD600; } .main-menu a i { margin-right: 3px; font-size: 22px; } /*== ICONIC NAVIGATION ==*/ .main-menu.iconic li { margin-left: 40px; } .main-menu.iconic a { display: inline-block; } .main-menu.iconic a i { font-size: 25px; display: block; text-align: center; margin: 8px auto 4px; } ul#nav, ul#nav ul { padding-left: 0; } ul#nav li { display: block; float: left; position: relative; } #nav .sub-menu { position: absolute; top: 52px; left: -15px; z-index: 2000; display: none; background: #ffffff; -webkit-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07) -moz-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07) box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07) } #nav .sub-menu li { display: block; margin: 0; padding: 0; height: auto; border-bottom: 1px solid #f3f3f3; } #nav .sub-menu li a, #nav .sub-menu li .sub-menu li a, #nav .sub-menu li .sub-menu li .sub-menu li a { border: none !important; display: block; width: 160px; margin: 0; padding: 8px 15px; color: #515A5F; line-height: normal; height: auto; box-shadow: none; -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; } #nav .sub-menu li a:hover, #nav .sub-menu li .sub-menu li a:hover, #nav .sub-menu li .sub-menu li .sub-menu li a:hover { color: #FFD600; } #nav .sub-menu li.current-menu-item a, #nav .sub-menu li.current-menu-item a:hover, #nav .sub-menu li.current_page_item a, #nav .sub-menu li.current_page_item a:hover, #nav .sub-menu li .sub-menu li.current-menu-item a, #nav .sub-menu li .sub-menu li.current-menu-item a:hover, #nav .sub-menu li .sub-menu li.current_page_item a, #nav .sub-menu li .sub-menu li.current_page_item a:hover, #nav .sub-menu li a.active, #nav .sub-menu li a.active:hover { background: #FFD600; color: #fff; -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; } #nav .sub-menu li:last-child { border: none; } #nav .sub-menu li ul { top: 10px; left: 178px; } .selectnav { display: none; } /*-----------------------------------------------------------------------------------*/ /* HOME 1 STYLING /*-----------------------------------------------------------------------------------*/ .home-text-wrapper { display: -webkit-box; vertical-align: middle; margin: auto; } .home1 .slabtextdone { color: #ffffff; } .home1 .slabtextdone .slabtext.second-child { background: #FFD600; padding: 15px 10px 0; display: inline-block; width: auto; margin-left: -10px; color: #000000; margin-bottom: 10px; } .home1.home-gradient .slabtextdone .slabtext.second-child { background: none; } .home-logo img { width:100%; } .home-logo, .home-logo-text { margin: auto; } /*-----------------------------------------------------------------------------------*/ /* HOME 2 STYLING /*-----------------------------------------------------------------------------------*/ .home-slide .home-slide-content { font-family: 'BebasNeueRegular', sans-serif; font-size: 90px; text-transform: uppercase; position: relative; margin-bottom: 0px; text-align: center; line-height: 1; } .home-slide .home-slide-content { padding: 55px 10px 50px; background: rgba(0, 0, 0, 0.3); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); color: #ffffff; } /*-----------------------------------------------------------------------------------*/ /* HOME 3 STYLING /*-----------------------------------------------------------------------------------*/ .home3 .container { width: 500px; height: 500px; border-radius: 50%; background: rgba(0, 0, 0, 0.81); text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.24); overflow: hidden; } .home3 .container.no-safari { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home3 .home-quote { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: table-cell; vertical-align: middle; height: inherit; text-align: center; width: inherit; overflow: hidden; color: white; } .home3 .slabtextdone { color: #ffffff; } .home3 .slabtextdone .slabtext.second-child { display: inline-block; width: auto; color: #FFD600; text-shadow: none; overflow: hidden; } .home3 .container:hover { -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -o-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09); box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.24); -webkit-transform-style: preserve-3d; overflow: hidden; } .home3 h1 { font-size: 30px; overflow: hidden; margin: 0 50px; } /*-----------------------------------------------------------------------------------*/ /* HOME 4 STYLING /*-----------------------------------------------------------------------------------*/ .home4 .slabtextdone { text-shadow: none; } .home4 .home-quote { padding: 10px 10px 0; background: rgba(255, 255, 255, 0.63); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff); box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.32); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home4.home-gradient .home-quote { background: #ffffff; } .home4 .home-quote:hover { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.32); } .home4 .slabtextdone .slabtext.second-child { background: #FFD600; padding: 15px 10px 0; display: inline-block; width: auto; margin-left: -10px; color: #ffffff; } /*-----------------------------------------------------------------------------------*/ /* HOME 5 STYLING /*-----------------------------------------------------------------------------------*/ .home-fullscreenslider { background: url(../images/pattern.png); position: relative; overflow: hidden; height: 100%; } .home-fullscreenslider .container { height: 100%; } /* ------------------------------------------------------------------------ */ /* HOME FULLSCREEN VIDEO /* ------------------------------------------------------------------------ */ .home-fullscreenvideo { background:#1F2224; } /* ------------------------------------------------------------------------ */ /* HOME VARIATIONS /* ------------------------------------------------------------------------ */ .home-banner { height: auto !important; padding:150px 0; color:#ffffff !important; } .home-banner2 { height: auto !important; padding:0; color:#ffffff !important; } .home-banner .slabtextdone { text-shadow:none; } .home-newsletter { color:#ffffff !important; } .home-newsletter .slabtextdone { text-shadow:none; color:#ffffff; } /*-------------------------------------------------------- /* PARALLAX STYLING --------------------------------------------------------*/ .parallax { width: 100%; height: 400px; position: relative; overflow: hidden; background: #f8f8f8; color: #ffffff; z-index:0; } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 { color:inherit; } .parallax .container { display: table; overflow:hidden; } .parallax .parallax-content, .parallax .overlay { height: 400px; } .parallax-content { display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } .overlay { background: url(../images/pattern.png); width: 100%; position: absolute; overflow:hidden; height:100%; } .parallax-bg { width: 100%; height: 100%; margin: 0 auto; position: absolute; background-size: cover; background-attachment: fixed; background-repeat: repeat-y; background-position: top center; } /*-------------------------------------------------------- /* PARALLAX SECTION 1 --------------------------------------------------------*/ p.quote { font-family: 'BebasNeueRegular', sans-serif; font-size: 48px; line-height: 1; margin-bottom: 20px; color: white; text-align: center; text-transform: uppercase; z-index: 200; margin: 0 5%; } .quote i { font-size: 25px; display: inline-table; vertical-align: top; margin: 0 5px; } .parallax .quote i { color: #FFD600; } .quote-author { height: 24px; width: auto; font-size: 17px; font-weight: 600; color: #ffffff; position: relative; margin-top: 25px; z-index: 200; font-style: italic; text-align: center; } /*-------------------------------------------------------- /* PARALLAX SECTION 2 --------------------------------------------------------*/ .twitter-slider { width: 85%; margin: 0 auto !important; } #twitter-feed { text-align: center; padding: 10px 0; } #twitter-feed li { margin-bottom: 20px; } .twitter-feed-icon i { font-size: 22px; width: 23px; color: #ffffff; display: inline-block; padding: 17px; background: #FFD600; border-radius: 50%; box-shadow: 0px 0px 0px 4px rgb(255, 255, 255); } .twitter-author { text-transform: uppercase; font-family: 'BebasNeueRegular', sans-serif; font-size: 25px; } #twitter-feed ul.slides > li { font-family: 'Oswald', sans-serif; font-size: 20px; color: #ffffff; line-height: 1.4; margin: 5px auto 30px; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.30); border-bottom: 1px solid rgba(255, 255, 255, 0.30); } .twitter#twitter-feed { text-align: left; } .twitter ul { padding:0; } .twitter .twitter-feed-icon i { display: none; } .twitter .twitter-author { display: none; } .twitter li { font-family: 'HelveticaNeue Light', sans-serif; font-size: 13px; color: inherit; width: auto; line-height: inherit; margin-bottom: 20px; padding: 0px; border: none; } /*-------------------------------------------------------- /* PARALLAX SECTION 3 --------------------------------------------------------*/ .testimonial-slider { position: relative; width: 85%; margin: 0 auto !important; } .testimonial-slider ul { text-align: center; padding: 10px 0; } .testimonial-icon i { font-size: 22px; width: 23px; color: #ffffff; display: inline-block; padding: 17px; background: #FFD600; border-radius: 50%; box-shadow: 0px 0px 0px 4px rgb(255, 255, 255); } .testimonial-slide .client-testimonial { font-size: 13px; font-family: 'Oswald', sans-serif; font-size: 16px; color: white; line-height: 1.67; margin: 5px auto 10px; padding: 15px; border-top: 1px solid rgba(255, 255, 255, 0.30); border-bottom: 1px solid rgba(255, 255, 255, 0.30); } .client-info { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; margin-bottom: 20px; font-style: italic; } .client-info:before, .client-info:after { content: '--'; margin: 0 3px; } /*-------------------------------------------------------- /* PAGE SECTIONS --------------------------------------------------------*/ .section { padding: 100px 0 60px; position: relative; background: #ffffff; z-index:6; overflow:hidden; } .page.multipage { text-align: left; padding: 30px 0 0; } .page.multipage .copyright { text-align: center; } /*======== TITLE SECTION ========*/ .title { text-align: center; } .title h1 { line-height: 0.8; margin-bottom: 20px; line-height: 0.8; display: inline-block; padding: 10px 10px 3px; background: #FFD600; color: #ffffff; border: 4px solid #ffffff; box-shadow: 0px 0px 0px 3px #FFD600; } .multipage .title h1 { margin: 60px 0 40px; line-height: 0.8; } .subtitle { font-family: 'Open Sans', "Times New Roman", Times, serif; font-size: 25px; line-height: 1.2; padding: 0; margin-bottom: 40px; position: relative; z-index: 1; font-weight: 700; text-transform: uppercase; } /*======== HOME SECTION ========*/ .home-video, .home-fullscreenslider { padding:0 !important; display:table; width:100%; background: transparent; z-index:10; } .home-parallax { background: url(../images/parallax/parallax4.jpg); background-size: cover !important; background-color: #FFD600; background-attachment:fixed !important; padding:0; position: relative; overflow: hidden; height: 100%; width: 100%; display: table; color: #010101; z-index:10; } /*======== HOME LOGO ========*/ .home-logo, .home-logo-text { margin: 30px 0 100px; position: relative; display: block; text-align: center; width: 100%; color:#000000; } .home-fullscreenslider .home-logo, .home-fullscreenslider .home-logo-text { margin: 60px 0 100px; font-size: 80px; } .home-logo-text a { font-family: 'BebasNeueRegular', sans-serif; font-size: 60px; text-transform: uppercase; position: relative; margin-bottom: 0px; text-align: center; line-height: 1; padding: 5px 25px 0; border: 5px solid; color: inherit; } .home-logo-text.light a { color: rgba(255,255,255,0.9); } .home-logo-text a:hover { color: #ffffff; } .slabtextdone { line-height: 0.8; color: #020202; text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4); } .slabtexted .slabtext { display: -moz-inline-box; display: inline-block; white-space: nowrap; } .slabtextinactive .slabtext { display: inline; white-space: normal; font-size: 1em !important; letter-spacing: inherit !important; word-spacing: inherit !important; *letter-spacing:0 !important; *word-spacing:0 !important; } .slabtextdone .slabtext { display: block; } /*=== PORTFOLIO SECTION ===*/ #portfolio { padding-bottom: 0; } /*==== PORTFOLIO FILTERS ====*/ #filters { margin-top: 10px; margin-bottom: 0px; text-align: center; display: block; float: none; z-index: 2; position: relative; } #filters ul { margin: 0; list-style: none; padding: 0; } #filters ul li { display: inline-block; } #filters ul li a { display: block; float: left; padding: 2px 5px; color: inherit; margin-right: 5px; margin-bottom: 5px; font-weight: bold; } #filters ul li a h3 { font-size: 18px; padding: 2px 6px 0px; border: 2px solid; } #filters ul li a:hover h3, #filters ul li a.active h3 { color: #FFD600; } /*==== PORTFOLIO AJAX NAVIGATION =====*/ #project-navigation { width: 100%; height: 40px; position: absolute; top: 10px; left: 0; margin: 0; z-index: 1; } #project-navigation ul { float: none; margin: 0; list-style: none; display: none; padding: 0; } #project-navigation ul li#prevProject a { background: url(../images/arrow_left.png) center center no-repeat; float: right; margin-right: 64px; } #project-navigation ul li#nextProject a { background: url(../images/arrow_right.png) center center no-repeat; float: right; margin-right: 10px; } #project-navigation ul li#prevProject a, #project-navigation ul li#nextProject a { background-color: #151515; background-size: 30px; } #project-navigation ul li a { width: 40px; height: 40px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #project-navigation ul li#prevProject a:hover, #project-navigation ul li#nextProject a:hover { background-color: #FFD600; } #project-navigation ul li a:hover { background-color: #FFD600; } #project-navigation ul li a.disabled, #project-navigation ul li a.disabled:hover { cursor: default; background-color: rgba(0,0,0,0.2) !important; } /*=== PROJECT CLOSE ===*/ #closeProject { top: 10px; position: absolute; right: 62px; z-index: 1; } #closeProject a { width: 40px; height: 40px; position: absolute; right: 0px; display: none; background: #151515; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #closeProject a:hover { background: #FFD600; } #closeProject a i { font-size: 14px; color: #ffffff; line-height: 40px; display: inline-table; vertical-align: middle; } #ajax-section { position: relative; padding: 0; background: #f8f8f8; text-align: left; } #ajax-section #loader { width: 100%; height: 20px; display: none; position: absolute; top: -30px; } #ajax-section #loader.projectError { text-align: center; height: auto !important; background-position: top center; } #ajax-section #loader.projectError p { display: none; padding-top: 16px; } #ajax-section #loader { background: url(../images/loader.gif) center center no-repeat; } #ajax-section #loader.projectError p { color: #666 !important; } #ajax-content-outer { width: 100%; overflow: hidden; position: relative; } #ajax-content-inner { float: left; height: 0; opacity: 0; } #ajaxpage { float: left; display: block; } .project-media { margin-top: 70px; margin-bottom: 30px; overflow: hidden; display: block; } .project-info { margin-top: 60px; margin-bottom: 30px; } .sixteen .project-info { margin-top: 0px; } .project-info { height: auto; float: left; margin-bottom: 30px; } .project-description, .project-details { margin-bottom: 30px; } .project-description h3, .project-details h3 { margin-bottom: 10px; } .project-details p { border-bottom: 1px solid #e8e8e8; padding-bottom: 7px; } .project-details p span { font-weight: bold; } /*==== PORTFOLIO GRID ====*/ #portfolio-wrap { position: relative; padding: 0; width: 100%; margin: 0 auto; display: block; } #portfolio-wrap .portfolio-item { margin: 0; overflow: hidden; line-height: 0; width: 20%; padding: 0; line-height:0; } .portfolio-item.current { box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37); z-index: 101; } .portfolio-item { padding: 0; position: relative; overflow: hidden; } .portfolio-item .portfolio-image { overflow: hidden; display: block; position: relative; } .portfolio-item .portfolio-image img { width: 100%; height: auto; } .portfolio .portfolio-overlay { width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: block; z-index: 4; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #000000; background: rgba(0,0,0,0.8); } .portfolio > a, .portfolio > a:hover { color: #ffffff; } .portfolio-item .portfolio > a:hover > .portfolio-overlay { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .portfolio > a img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio > a:hover img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio .thumb-info { position: absolute; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio a:hover .portfolio-overlay .thumb-info { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .portfolio-overlay .thumb-info h3 { top: 38%; font-size: 22px; line-height: 1.1; } .portfolio-overlay .thumb-info p { top: 59%; font-size: 11px; line-height: 1.3; text-transform:uppercase; } .portfolio-overlay .thumb-info h3 { color: #ffffff; width: 96%; position: absolute; text-align: center; padding:0 2%; } .portfolio-overlay .thumb-info p { color: #ffffff; width: 96%; position: absolute; text-align: center; font-weight: bold; padding:0 2%; } .portfolio-overlay .thumb-info i { color: #ffffff; width: 100%; position: absolute; text-align: center; display: block; } .portfolio-description, .project-details { margin-bottom:20px; } .project-details .button { margin-top: 10px; float: none; display: inline-block; padding: 0 20px; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*======== BLOG PAGE ========*/ .post { margin-bottom: 80px; } .post-media { margin-bottom: 30px; } .post-title { font-family: 'BebasNeueRegular', sans-serif; font-size: 36px; text-transform: uppercase; line-height: 1; margin-bottom: 10px; } .post-title a { color: inherit; } .post-title a:hover { color: #FFD600; } .post.sticky { padding: 30px 15px; background: rgba(0, 0, 0, 0.04); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09); } /*=== BLOG POST TYPES ===*/ .post-image, .post-gallery, .post-video, .post-audio { margin-bottom: 30px !important; } .post-image img, .post-gallery img { max-width: 100%; height: auto; width: 100%; } .post-link { margin-top: 10px; margin-bottom: 30px; font-size: 15px; font-weight: normal; } .post-quote { position: relative; padding: 20px 0px 20px; } .post-quote i { margin:0px 10px; } .post-quote h2 { margin: 0 0 0px 0; padding: 15px 0; font-size: 30px; font-weight: normal; } .post-quote h2 a { color:inherit; } .post-quote .quote-source a { font-size: 18px; font-weight: normal; padding: 0; color:inherit; } /*=== BLOG POST TAGS ===*/ .post-tags { margin-top: 20px; } .post-tags i { display: inline-table; margin-right: 4px; font-size: 16px; vertical-align: middle; } .post-tags ul { display: inline-block; padding: 0; } .post-tags li { display: inline-block; position: relative; text-transform: uppercase; font-size: 11px; } .post-tags li:after { content: ' . '; } .post-tags li:last-child:after { content: ''; } .post-tags li a { color: inherit; text-decoration: none; } .post-tags li a:hover { color: #FFD600; } .post-meta { font-size: 11px; margin-bottom: 20px; padding: 5px 0; border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5; font-size: 16px; } .post-meta a { color:inherit; } .post-meta span { text-align: right; float: right; } .sidebar { padding-left: 10px; } .widget { margin-bottom: 40px; } .widget-title { font-family: 'BebasNeueRegular', sans-serif; font-size: 30px; text-transform: uppercase; line-height: 1; margin-bottom: 10px; } .tags-list li { font-size: 11px; margin-top: 5px; display: inline-block; padding: 3px 9px; border: 1px solid #e8e8e8; } .tags-list li:first-child { margin-top: 0; } .tags-list li a { color: #151515; text-decoration: none; } .tags-list li a:hover { color: #FFD600; } .blog-tweet { font-size: 11px; margin-top: 16px; } .blog-tweet span { display: block; margin-top: 7px; color: #868991; font-size: 10px; } .pagination { position: relative; width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .pages { text-align: center; } .pages li { display: inline-block; } .pages li { display: inline-block; margin: 0px 2px 0px 0; } .pages li a { font-size: 13px; display: block; padding: 5px; color: #151515; } .pages li a.current { border-top: 2px solid #FFD600; border-bottom: 2px solid #FFD600; color: #1c1f26; } .pages li a:hover { color: #FFD600; } /* ------------------------------------------------------------------------ */ /* 11. PAGINATION */ /* ------------------------------------------------------------------------ */ #pagination a, #pagination span { display: block; float: left; margin: 0 5px 0 0; padding: 10px 15px 11px 15px; border: 1px solid #000000; border: 1px solid rgba(0,0,0,0.2); font-size: 12px; line-height: 12px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-weight:bold; color:inherit; } #pagination a:hover { color: #ffffff !important; background: #000000; } #pagination span.current { background: #000000; color: #ffffff; font-weight: bold; } /*=== AUTHOR INFO ===*/ #author-info { margin: 0px 0px 20px 0px; overflow: hidden; display: block; position: relative; } #author-info .author-image { position: absolute; width: 45px; padding: 20px 0px 20px 0; } #author-info .author-image img { display: block; border: 3px solid #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } #author-info .author-bio { float: left; margin-left: 70px; padding: 20px 20px 20px 0px; } #author-info .author-bio h4 { margin: 0px 0 10px 0 } .author .date { font-weight: bold; margin-bottom:10px; } .form-allowed-tags { display:none !important; } /*=== SOCIAL SHARING ===*/ .socialsharing { border: 1px solid #efefef; border: 1px solid rgba(255,255,255,0.2); margin-bottom: 30px; padding: 10px; } .socialsharing h4 { float: left; font-size: 16px; margin-bottom: 0px; padding-top: 8px; } .socialsharing .social-icons { float: right; list-style: none; margin: 0; } .socialsharing .social-icons li { float:left; } .socialsharing .social-icons a { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: block; width: 40px; line-height: 40px; background-repeat: no-repeat; } .posts-nav { margin: 15px 0 30px; padding:10px 0; } .posts-nav a { display: inline-block; margin-right: 10px; border-radius: 2px; background:#f6f6f6; color:inherit; font-size:16px; padding: 8px 15px; } /*=== SOCIAL SHARING ===*/ .socialsharing { border: 1px solid #efefef; margin-bottom: 30px; padding: 10px; } .socialsharing h4 { float: left; font-size: 16px; margin-bottom: 0px; padding-top: 3px; } .socialsharing .social-icons { float: right; list-style: none; margin: 0; } .socialsharing .social-icons a { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: block; width: 40px; height: 40px; text-indent: -9999px; background-repeat: no-repeat; } /* ------------------------------------------------------------------------ */ /* 12. COMMENTS */ /* ------------------------------------------------------------------------ */ .comments { margin-top: 40px; } .commentlist { list-style: none; margin: 30px 0 0 0; } .commentlist li { padding: 10px; margin: 0 0 20px 0; } .commentlist li .comment-text { position: relative; padding: 10px; margin-left: 65px; border: 1px solid #f0f0f0; border-bottom-color: #e8e8e8; box-shadow: 0 0px 1px rgba(0,0,0,0.25), /* The top layer shadow */ 0 7px 0 -4px #fff, /* The second layer */ 0 7px 1px -3px rgba(0,0,0,0.15), /* The second layer shadow */ 0 14px 0 -8px #fff, /* The third layer */ 0 14px 1px -7px rgba(0,0,0,0.15) } .comment-text:before { border: 10px solid #f3f3f3; position: absolute; top: 12px; left: -20px; content: ''; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; z-index: 100; } .commentlist > li { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #efefef; border-bottom: 1px solid rgba(255,255,255,0.2); } .commentlist li:last-child { margin: 0; background: none; } .commentlist li ul { list-style: none; margin: 0 0 0 80px; } .commentlist li ul li { margin: 10px 0 0px 0 !important; padding: 40px 0 0 0; } .commentlist li .avatar { float: left; position: absolute; } .commentlist li .avatar img { display: block; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } .commentlist li .comment-text { position: relative; background:#ffffff; color:#222222; } .commentlist li .author { margin-top: 0px; margin-bottom: 10px; line-height: 17px; } .commentlist li .author span { display: inline; font-weight: bold; font-size: 16px; } .commentlist li .date { font-size: 11px; color: #999999; } .commentlist li .date a { color: #999999 } .commentlist li .date a:hover { color: #333333 } .commentlist li em { font-size: 11px; color: #cccccc; font-style: normal; margin-bottom: 20px; display: block; } /*=== COMMENT FORM ELEMENTS ===*/ #respond { overflow: hidden; margin-bottom: 13px; } #respond input { width: 28%; font-size: 13px; padding: 13px 2%; float: left; margin-right: 1%; border-radius: 2px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.05); } #respond textarea { width: 95%; height: 150px; font-size: 13px; padding: 8px 11px; border-radius: 2px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.05); } #respond input:last-child { margin-right: 0; } #respond input,#respond textarea { width: 70%; } #respond input[type="submit"] { padding: 0px 24px; border: 0 none; display: block; background-position: center center; background-repeat: no-repeat; line-height:44px; -webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); font-size: 13px; font-weight: bold; text-shadow: none; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #ffffff; cursor: pointer; background-color: #FFD600; } /*======== CONTACT SECTION ========*/ #contact { padding-bottom: 0; } .contact-box { width: 100%; text-align: center; padding: 45px 0px 60px; } .contact-details { width: 70%; padding: 5px 0; margin: 0 auto 10px; color:#ffffff; } .contact-details h2 { margin-bottom: 0px; color:inherit; } .contact-details h1 { color: black; background: rgba(255, 255, 255, 0.50); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff); } /*=== COPYRIGHT SECTION ===*/ .copyright { width: 100%; padding: 40px 0; background: #FFD600; font-size: 11px; } .copyright h1, .copyright h2, .copyright h3, .copyright h4, .copyright h5, .copyright h6, .copyright a { color: inherit; } .copyright-logo a { display: inline-block; text-align: center; margin-bottom: 30px; } .copyright .social-icons { text-align: center; } .copyright .social-icons .social-icon { display: inline-block; float: none; margin: 0 5px 5px 0; background-color: rgba(0,0,0,0.05) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; } /*=== CONTACT FORM ELEMENTS ===*/ #contact-input { overflow: hidden; margin-bottom: 13px; width: 50%; float: left; } #contact-input input { border: 1px solid #e8e8e8; width: 90%; font-size: 13px; color: #747474; padding: 20px 2%; float: left; margin: 0 1% 2%; border-radius: 2px; } #contact-textarea textarea { border: 1px solid #e8e8e8; width: 95%; height: 92px; font-size: 13px; color: #747474; padding: 20px 11px 10px; border-radius: 2px; margin-bottom: 10px; } #contact-input input:last-child { margin-right: 0; } #contact-input input:-moz-placeholder, #contact-textarea textarea:-moz-placeholder { color: #999; } #contact-input input:-ms-input-placeholder, #contact-textarea textarea:-ms-input-placeholder { color: #999; } #contact-input input::-webkit-input-placeholder, #contact-textarea textarea::-webkit-input-placeholder { color: #999; } #contact-textarea { width: 50%; float: right; } #contact-input label, #contact-textarea label{ display: block; text-align:left; font-weight:bold; padding-left: 2%; } #contact-submit input[type="submit"] { padding: 20px 24px 20px 24px; border: 0 none; color: #ffffff; display: block; width: 50%; cursor: pointer; text-indent: -9999px; background-image: url(../images/mail.png); background-position: center center; background-repeat: no-repeat; float: right; height:57px; line-height:57px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { background: #fff; padding: 8px 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 20px; width: 180px; color: #999; border: 1px solid #e8e8e8; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #e0e0e0; color: #333; } .fittext-content { line-height: 0.8; } * html .title h1 { display: inline; } * + html .title h1 { display: inline; } /* ------------------------------------------------------------------------ */ /* BACK TO TOP BUTTON /* ------------------------------------------------------------------------ */ #back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; } #back-to-top a { display: block; width: 40px; height: 40px; background: #515A5F url(../images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; } #back-to-top a:hover { background-color: #222222; } /* ------------------------------------------------------------------------ */ /* GOOGLE MAP /* ------------------------------------------------------------------------ */ #google-map { height:450px; position: relative; width: 100%; background: white; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06); } #google-map:before, #google-map:after { background: none; text-align:center; position: absolute; content: ''; left: 0; top: 0; width: 100%; z-index:2; } #google-map:after { bottom: 0; top: auto; } #google-map .captionMap { background: black; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), black); background: -moz-linear-gradient(rgba(0, 0, 0, 0.6), black); background: -o-linear-gradient(rgba(0, 0, 0, 0.6), black); background: -ms-linear-gradient(rgba(0, 0, 0, 0.6), black); background: linear-gradient(rgba(0, 0, 0, 0.6), black); border-radius: 4px; z-index: 1; top:5px; color: white; padding: 12px; font: 12px HelveticaNeue, Helvetica, Arial; display: inline-block; position: absolute; text-shadow: black 0px 1px 1px; width:254px; } #google-map .captionMap span { font-weight: bold; display:block; padding-top:5px; } #google-map .captionMap:after { content: ''; position: absolute; top: -7px; left: 50%; margin-left: -5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.6); width:0px; height:0px; z-index:2; } #google-map .captionMap img { width:60px; margin-bottom:5px; margin-right:13px; float:left; } .mapPreLoading { position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-25px; } .mapPreLoading span { display: block; margin: 0 auto; } .mapPreLoading span[class*="l-"] { display: inline-block; background: #000; width: 6px; height: 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 12px 2px; position: relative; -webkit-animation: loader 4s infinite; -webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); -webkit-animation-fill-mode: both; -moz-animation: loader 4s infinite; -moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); -moz-animation-fill-mode: both; -ms-animation: loader 4s infinite; -ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); -ms-animation-fill-mode: both; animation: loader 4s infinite; animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); animation-fill-mode: both; } .mapPreLoading span.l-1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } .mapPreLoading span.l-2 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; animation-delay: 0.8s; } .mapPreLoading span.l-3 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; animation-delay: 0.6s; } .mapPreLoading span.l-4 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; animation-delay: 0.4s; } .mapPreLoading span.l-5 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; } .mapPreLoading span.l-6 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes loader { 0% { -webkit-transform: translateX(-30px); opacity: 0; } 25% { opacity: 1; } 50% { -webkit-transform: translateX(30px); opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes loader { 0% { -moz-transform: translateX(-30px); opacity: 0; } 25% { opacity: 1; } 50% { -moz-transform: translateX(30px); opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes loader { 0% { -ms-transform: translateX(-30px); opacity: 0; } 25% { opacity: 1; } 50% { -ms-transform: translateX(30px); opacity: 0; } 100% { opacity: 0; } } @keyframes loader { 0% { transform: translateX(-30px); opacity: 0; } 25% { opacity: 1; } 50% { transform: translateX(30px); opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } /*-----------------------------------------------------------------------------------*/ /* REVOLUTION SLIDER /*-----------------------------------------------------------------------------------*/ .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; max-height:750px !important; overflow:hidden; } .portfolio-bannercontainer { width: 100% !important; position: relative; padding: 0; max-height: 600px !important; overflow: hidden; margin-bottom: 50px; } .revolution ul { visibility: hidden; margin: 0; list-style: none; } .tp-caption.bold { font-size: 80px; line-height: 1; font-weight: 900; text-transform: uppercase; color: #fff; } .tp-caption.mid { font-size: 50px; line-height: 1; font-weight: 300; text-transform: uppercase; color: #fff; } .tp-caption.icon { font-size: 20px; color: #fff; line-height: 1; } .tp-caption.icon a i { color: #fff; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .tp-caption a.btn { color: #fff; } .tp-caption.bold.mid { font-size: 70px; color: #d9d9d9; } .tp-caption.lite.mid { font-size: 40px; color: #d9d9d9; } .tp-caption.small { font-size: 16px; line-height: 1; font-weight: 900; text-transform: uppercase; color: #d9d9d9; } .tp-caption.icon-arrow { font-size: 20px; line-height: 1; font-weight: 900; text-transform: uppercase; color: #505050; } .tp-caption.icon i { width: auto; height: auto; } .tp-caption.icon.bg { padding: 10px; } .tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; top: 50% !important; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: rgba(0,0,0,0.3); color: #f7f7f7; line-height: 1; font-size: 20px; padding: 15px 19px; width: auto; height: auto; } .tparrows:before { font-family: 'fontAwesome'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; } .tp-leftarrow.default:before { content: "\f053"; } .tp-rightarrow.default:before { content: "\f054"; } .tparrows:hover { background: rgba(0,0,0,0.5); } .tp-bullets.simplebullets.round .bullet { width: 15px; height: 15px; margin-left: 5px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: rgba(0,0,0,0.3); } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { background: rgba(0,0,0,0.5); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-loader { background: url(style/images/loading.gif) no-repeat; background-color: #fff; margin: -15px -15px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 30px; height: 30px; background-size: 30px 30px; } /* ------------------------------------------------------------------------ */ /* NEWSLETTER FUNCTION /* ------------------------------------------------------------------------ */ .mc4wp-form { margin-top: 0; display: block; text-align: center; } .mc4wp-form div { display: inline-block; } .mc4wp-form input { height: 50px; display: inline-block; width: 250px; padding: 0 10px; margin: 8px 4px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1); color: #3A3838; background: #ffffff; background: rgba(255, 255, 255, 0.7); font-weight: bold; text-transform: none; } .mc4wp-form label { color: #fff; text-shadow: 1px 1px rgba(0,0,0,.25); font-size: 12px } .mc4wp-form input[type="submit"] { color: #FFFFFF; font-size: 16px; display: block; padding: 5px 0; width: 99%; margin: 5px auto 0; text-align: center; -webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); padding: 13px 24px; font-size: 13px; font-weight: bold; text-shadow: none; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #ffffff; cursor: pointer; background-color: #FFD600; } .mc4wp-form input:-moz-placeholder, .mc4wp-form textarea:-moz-placeholder { color: #3A3838; } .mc4wp-form input:-ms-input-placeholder, .mc4wp-form textarea:-ms-input-placeholder { color: #3A3838; } .mc4wp-form input::-webkit-input-placeholder, .mc4wp-form textarea::-webkit-input-placeholder { color: #3A3838; } /* FULL SCREEN VIDEO */ .video_slide { width:100%; } .video_slide .full_slide { width: 100% !important; height: 100% !important; position: absolute; }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- Temat ‘Rozmieszczenie loga’ jest zamknięty na nowe odpowiedzi.