function shiword_header_style()
{
global $shiword_colors, $shiword_opt;
if (shiword_is_mobile()) {
return;
}
$device_rgba = shiword_hex2rgba($shiword_colors['device_color'], $shiword_colors['device_opacity']);
$head_h = get_header_image() ? get_custom_header()->height : 0;
?>
<style type="text/css">
body {
font-size: <?php
echo $shiword_opt['shiword_font_size'];
?>
;
<?php
if ($shiword_opt['shiword_google_font_family'] && $shiword_opt['shiword_google_font_body']) {
?>
font-family: <?php
echo $shiword_opt['shiword_google_font_family'];
?>
;
<?php
} else {
?>
font-family: <?php
echo $shiword_opt['shiword_font_family'];
?>
;
<?php
}
?>
}
<?php
if ($shiword_opt['shiword_google_font_family'] && $shiword_opt['shiword_google_font_post_title']) {
?>
h2.storytitle {
font-family: <?php
echo $shiword_opt['shiword_google_font_family'];
?>
;
}
<?php
}
?>
<?php
if ($shiword_opt['shiword_google_font_family'] && $shiword_opt['shiword_google_font_post_content']) {
?>
.storycontent {
font-family: <?php
echo $shiword_opt['shiword_google_font_family'];
?>
;
}
<?php
}
?>
#headerimg {
background: transparent url('<?php
header_image();
?>
') right bottom repeat-y;
min-height: <?php
echo $head_h;
?>
px;
}
#sw_body,
#fixedfoot {
background: <?php
echo $device_rgba;
?>
url('<?php
echo $shiword_colors['device_image'];
?>
') right top repeat;
}
#head {
background: <?php
echo $device_rgba;
?>
url('<?php
echo $shiword_colors['device_image'];
?>
') right -0.7em repeat;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
border-color: <?php
echo $shiword_colors['main4'];
?>
;
}
#head a,
#head .description,
#statusbar {
color: <?php
echo $shiword_colors['device_textcolor'];
?>
;
}
.menuitem:hover .menuitem_img,
a {
color : <?php
echo $shiword_colors['main3'];
?>
;
}
a:hover {
color : <?php
echo $shiword_colors['main4'];
?>
;
}
.sw-menu,
#mainmenu > li:hover,
#mainmenu > li.page_item > ul.children,
#mainmenu > li.menu-item > ul.sub-menu,
.minibutton .nb_tooltip,
.menuback {
background-color: <?php
echo $shiword_colors['menu1'];
?>
;
border-color: <?php
echo $shiword_colors['menu2'];
?>
;
color: <?php
echo $shiword_colors['menu3'];
?>
;
}
.sw-menu a,
.sw-menu > li.page_item > ul.children a,
.sw-menu > li.menu-item > ul.sub-menu a,
.menuback a {
color: <?php
echo $shiword_colors['menu4'];
?>
;
}
.sw-menu a:hover,
.menu-item-parent:hover > a:after,
.current-menu-ancestor > a:after,
.current-menu-parent > a:after,
.current_page_parent > a:after,
.current_page_ancestor > a:after,
.sw-menu > li.page_item > ul.children a:hover,
.sw-menu > li.menu-item > ul.sub-menu a:hover,
.minibutton .nb_tooltip a:hover,
.menuback a:hover,
.sw-menu .current-menu-item > a,
.sw-menu .current_page_item > a,
.sw-menu .current-cat > a,
.sw-menu a:hover,
.sw-menu .current-menu-item a:hover,
.sw-menu .current_page_item a:hover,
.sw-menu .current-cat a:hover {
color: <?php
echo $shiword_colors['menu5'];
?>
;
}
.menu_sx > ul {
border-color: <?php
echo $shiword_colors['menu6'];
?>
;
}
.menuback .mentit {
color: <?php
echo $shiword_colors['menu3'];
?>
;
}
.sticky {
-moz-box-shadow: 0 0 8px <?php
echo $shiword_colors['main3'];
?>
;
box-shadow: 0 0 8px <?php
echo $shiword_colors['main3'];
?>
;
-webkit-box-shadow: 0 0 8px <?php
echo $shiword_colors['main3'];
?>
;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
border:1px solid <?php
echo $shiword_colors['main4'];
?>
;
}
.social-like li a img {
border: 1px solid <?php
echo $shiword_colors['main3'];
?>
;
}
.social-like li a img:hover {
border: 1px solid <?php
echo $shiword_colors['main4'];
?>
;
}
.h2-ext-link {
background-color: <?php
echo $shiword_colors['main3'];
?>
;
}
.h2-ext-link:hover {
background-color: <?php
echo $shiword_colors['main4'];
?>
;
}
#infinite-handle span {
border: 1px solid <?php
echo $shiword_colors['main3'];
?>
;
}
#infinite-handle span:hover {
border: 1px solid <?php
echo $shiword_colors['main4'];
?>
;
}
.minib_img,
.menuitem_img,
.search-form,
.comment-reply-link,
.mft_date,
.mft_cat,
.mft_tag,
.mft_comm,
.mft_hier {
background-image: url('<?php
echo get_template_directory_uri();
?>
/images/minibuttons-<?php
echo $shiword_colors['device_button_style'];
?>
.png');
}
.TB_overlayBG,
#TB_window,
#TB_load {
background-color: <?php
echo $shiword_opt['shiword_thickbox_bg'];
?>
;
}
#TB_window {
color: <?php
echo shiword_rgblight($shiword_opt['shiword_thickbox_bg']) < 125 ? '#fff' : '#000';
?>
;
}
#TB_secondLine {
color: <?php
echo shiword_rgblight($shiword_opt['shiword_thickbox_bg']) < 125 ? '#c0c0c0' : '#404040';
?>
;
}
.sw-has-thumb .post-body {
margin-left: <?php
echo $shiword_opt['shiword_pthumb_size'] + 10;
?>
px;
}
body.rtl .sw-has-thumb .post-body {
margin-right: <?php
echo $shiword_opt['shiword_pthumb_size'] + 10;
?>
px;
margin-left: 0;
}
#sw_slider-wrap {
height: <?php
echo $shiword_opt['shiword_sticky_height'];
?>
;
}
<?php
if ($shiword_opt['shiword_custom_css']) {
echo $shiword_opt['shiword_custom_css'];
}
?>
</style>
<!-- InternetExplorer really sucks! -->
<!--[if lte IE 8]>
<style type="text/css">
#sw_body,
#fixedfoot {
background: <?php
echo $shiword_colors['device_color'];
?>
url('<?php
echo $shiword_colors['device_image'];
?>
') right top repeat;
}
#head {
background: <?php
echo $shiword_colors['device_color'];
?>
url('<?php
echo $shiword_colors['device_image'];
?>
') right -0.7em repeat;
}
.storycontent img.size-full,
.sd-post-title img,
.gallery-item img {
width:auto;
}
</style>
<![endif]-->
<?php
}
function show_preview()
{
global $shiword_colors;
$device_rgba = shiword_hex2rgba($shiword_colors['device_color'], $shiword_colors['device_opacity']);
?>
<div id="headimg-bg">
<div id="headimage">
<div id="headimg_overlay">
<h1><a id="name"><?php
bloginfo('name');
?>
</a></h1>
<div id="desc"><?php
bloginfo('description');
?>
</div>
<div id="preview-main">
<div id="preview-button" class="sw-variant-<?php
echo $shiword_colors['device_button_style'];
?>
"></div>
<div id="preview-navi" class="sw-variant-<?php
echo $shiword_colors['device_button_style'];
?>
"></div>
<div id="preview-pages">
<span class="preview-text"><?php
_e('Text', 'shiword');
?>
</span><span class="preview-link"><?php
_e('Links', 'shiword');
?>
</span><span class="preview-linkhi"><?php
_e('Highlighted Links', 'shiword');
?>
</span>
</div>
<div id="preview-meta">
<span class="preview-text"><?php
_e('Text', 'shiword');
?>
</span><span class="preview-link"><?php
_e('Links', 'shiword');
?>
</span><span class="preview-linkhi"><?php
_e('Highlighted Links', 'shiword');
?>
</span>
</div>
<div id="preview-body">
<span class="preview-text"><?php
_e('Text', 'shiword');
?>
</span><span class="preview-link"><?php
_e('Links', 'shiword');
?>
</span><span class="preview-linkhi"><?php
_e('Highlighted Links', 'shiword');
?>
</span>
</div>
<div id="preview-footer">
<span class="preview-text"><?php
_e('Text', 'shiword');
?>
</span><span class="preview-link"><?php
_e('Links', 'shiword');
?>
</span><span class="preview-linkhi"><?php
_e('Highlighted Links', 'shiword');
?>
</span>
</div>
<div id="preview-menu">
<span class="preview-text"><?php
_e('Text', 'shiword');
?>
</span><span class="preview-link"><?php
_e('Links', 'shiword');
?>
</span><span class="preview-linkhi"><?php
_e('Highlighted Links', 'shiword');
?>
</span>
</div>
</div>
</div>
</div>
</div>
<?php
}