Single v1
-commentaires cachés -settings -3 lightbox -enqueue js et css
This commit is contained in:
184
header-page.php
Executable file
184
header-page.php
Executable file
@@ -0,0 +1,184 @@
|
||||
<!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
<!--link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/swipebox.css" type="text/css" media="screen" charset="utf-8" />
|
||||
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.swipebox.js" type="text/javascript" charset="utf-8"></script-->
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/detect_swipe/2.1.1/jquery.detect_swipe.min.js"></script>
|
||||
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
|
||||
<link href="//cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.gallery.min.css" type="text/css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
@media all {
|
||||
.lightbox { display: none; }
|
||||
.fl-page h1,
|
||||
.fl-page h3,
|
||||
.fl-page h4 {
|
||||
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||
font-weight: 100;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
|
||||
.fl-page h1 i { font-style: normal; color: #ddd; }
|
||||
.fl-page h1 span { font-size: 30px; color: #333;}
|
||||
.fl-page h3 { text-align: right; }
|
||||
.fl-page h3 { font-size: 15px; }
|
||||
.fl-page h4 { font-size: 2em; }
|
||||
.fl-page .jumbotron { margin-top: 2em; }
|
||||
.fl-page .btn-download { float: right; margin-top: -40px; }
|
||||
.fl-page .btn-default { vertical-align: bottom; }
|
||||
|
||||
.fl-page .row { margin-top: 2em;}
|
||||
|
||||
.fl-page .btn-lg span { font-size: 0.7em; }
|
||||
.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
|
||||
.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
|
||||
.fl-page .github { margin: 2em 0; }
|
||||
.fl-page .github a { vertical-align: top; }
|
||||
|
||||
/* customized gallery */
|
||||
|
||||
.featherlight-gallery2 {
|
||||
background: rgba(100,100,100,0.5);
|
||||
}
|
||||
.featherlight-gallery2 .featherlight-content {
|
||||
background: #000;
|
||||
}
|
||||
.featherlight-gallery2 .featherlight-next:hover,
|
||||
.featherlight-gallery2 .featherlight-previous:hover {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
.featherlight-gallery2 .featherlight-next:hover span,
|
||||
.featherlight-gallery2 .featherlight-previous:hover span {
|
||||
font-size: 25px;
|
||||
line-height: 25px;
|
||||
margin-top: -12.5px;
|
||||
color: #fff;
|
||||
}
|
||||
.featherlight-gallery2 .featherlight-close {
|
||||
background: transparent;
|
||||
color: #fff;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.featherlight-gallery2.featherlight-last-slide .featherlight-next,
|
||||
.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* text slide */
|
||||
.thumbnail a { text-decoration: none; }
|
||||
.blurb {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
.blurb h2 { text-align: center;}
|
||||
.blurb .detail { display: none;}
|
||||
.blurb .teaser {
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
.featherlight .blurb {
|
||||
display: inline-block;
|
||||
width: 500px;
|
||||
height: 300px;
|
||||
color: #99f;
|
||||
}
|
||||
.featherlight .blurb .detail {
|
||||
color: #ddf;
|
||||
font-size: large;
|
||||
display: inherit;
|
||||
}
|
||||
.featherlight .blurb .teaser { display: none;}
|
||||
|
||||
}
|
||||
@media(max-width: 768px){
|
||||
.fl-page h1 span { display: block; }
|
||||
.fl-page .btn-download { float: none; margin-bottom: 1em; }
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
jQuery(function($) {
|
||||
$(".swipebox").click(function() {
|
||||
swipebox();
|
||||
//hideBarsDelay : 3000 // 0 to always show caption and action bar
|
||||
});
|
||||
});
|
||||
*/
|
||||
</script>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
/*found on http://www.brunildo.org/test/img_center.html*/
|
||||
.wraptocenter {
|
||||
display: table-cell!important;
|
||||
text-align: center!important;
|
||||
vertical-align: middle!important;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
.wraptocenter * {
|
||||
vertical-align: middle!important;
|
||||
}
|
||||
/*\*//*/
|
||||
.wraptocenter {
|
||||
display: block;
|
||||
}
|
||||
.wraptocenter span {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
}
|
||||
/**/
|
||||
</style>
|
||||
<!--[if IE]><style>
|
||||
.wraptocenter span {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
}
|
||||
</style><![endif]-->
|
||||
|
||||
</head>
|
||||
<body <?php body_class(); ?>>
|
||||
<header id="head">
|
||||
<div class="top-area">
|
||||
<div class="container">
|
||||
<div class="head-details">
|
||||
<?php
|
||||
echo (dess_setting('dess_tel') != '' ? __('Tel: ','creator').'<a href="tel:'.dess_setting('dess_tel').'">'. dess_setting('dess_tel').'</a>' : '');
|
||||
echo (dess_setting('dess_email') != '' ? ' | '.__('Email: ','creator').'<a href="mailto:'.dess_setting('dess_email').'">'. dess_setting('dess_email').'</a>' : '');
|
||||
echo (dess_setting('dess_hoursup') != '' ? ' | '.dess_setting('dess_hoursup') : '');
|
||||
?>
|
||||
</div><!-- head-details -->
|
||||
<div class="head-socials">
|
||||
<ul>
|
||||
<?php
|
||||
$socials = array('twitter','facebook','google-plus','instagram','pinterest','vimeo','youtube','linkedin');
|
||||
for($i=0;$i<count($socials);$i++){
|
||||
$url = '';
|
||||
$s = $socials[$i];
|
||||
$url = dess_setting('dess_'.$s);
|
||||
echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div><!-- head-socials -->
|
||||
<div class="clear"></div>
|
||||
</div><!-- container -->
|
||||
</div><!-- top-area -->
|
||||
<div class="head-area">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<?php echo (dess_setting('dess_logo') != '' ? '<a href="'.home_url().'"><img src="'.dess_setting('dess_logo').'" alt="logo" /></a>': '<a href="'.home_url().'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/logo.png" alt="logo" /></a>'); ?>
|
||||
</div><!-- logo -->
|
||||
<div class="head-nav">
|
||||
<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?>
|
||||
</div><!-- head-nav -->
|
||||
<div class="clear"></div>
|
||||
</div><!-- container -->
|
||||
</div><!-- head-area -->
|
||||
|
||||
</header>
|
||||
Reference in New Issue
Block a user