Como alterar a altura do cabeçalho do site no tema Suffusion – 4.4.6

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • dioney

    (@dioney)

    11 anos, 7 meses atrás

    Você deve localizar seu arquivo style.css do tema, e saber qual a propriedade é responsável pela altura, procure por header, cabeçalho… se puder postar seu código do arquivo header.php e seu arquivo style.css podemos auxiliar com mais precisão.

    Criador do tópico jmsmoreira

    (@jmsmoreira)

    11 anos, 7 meses atrás

    Meu caro dioney, segue abaixo o custom-styles.php (seria este?)

    <?php
    /**
    * Dynamically generated styles
    *
    * @package Suffusion
    * @subpackage Templates
    */

    header(“Content-type: text/css; charset=UTF-8”);
    header(“Cache-Control: must-revalidate”);

    global $suffusion_unified_options, $suffusion_theme_name, $content_width;
    global $suf_size_options, $suf_sidebar_count, $suf_autogen_css;

    $suffusion_unified_options = suffusion_get_unified_options();

    if ($suffusion_unified_options[‘suf_autogen_css’] == ‘autogen’ || $suffusion_unified_options[‘suf_autogen_css’] == ‘autogen-inline’) {
    $custom_css = get_option(‘suffusion_generated_css’);
    if (!isset($custom_css) || (isset($custom_css) && !is_array($custom_css)) || (is_array($custom_css) && !isset($custom_css[‘css’]))) {
    $custom_css = suffusion_update_generated_css();
    echo “/* CSS generated on the fly */\n”;
    }
    else {
    echo “/* CSS retrieved from cache */\n”;
    }
    $suffusion_custom_css_string = $custom_css[‘css’];
    }
    else {
    $suffusion_custom_css_string = suffusion_generate_all_custom_styles();
    }
    echo $suffusion_custom_css_string;

    // Ensure that if your header background image is a rotating image, it is printed dynamically…
    if ($suffusion_unified_options[‘suf_header_style_setting’] == “custom”) {
    if ($suffusion_unified_options[‘suf_header_image_type’] == “rot-image” && isset($suffusion_unified_options[‘suf_header_background_rot_folder’]) && trim($suffusion_unified_options[‘suf_header_background_rot_folder’]) != ”) {
    $header_bg_url = ” url(“.suffusion_get_rotating_image($suffusion_unified_options[‘suf_header_background_rot_folder’]).”) “;
    echo “#header-container { background-image: $header_bg_url; }\n”;
    }
    }

    if (isset($suffusion_unified_options[‘suf_custom_css_code’]) && trim($suffusion_unified_options[‘suf_custom_css_code’]) != “”) {
    $included_code = stripslashes($suffusion_unified_options[‘suf_custom_css_code’]);
    $included_code = wp_specialchars_decode($included_code, ENT_QUOTES);
    echo “\n/* Custom CSS code */\n”;
    echo $included_code;
    echo “\n/* End Custom CSS code */”;
    }
    ?>

    dioney

    (@dioney)

    11 anos, 7 meses atrás

    Não. Seria o arquivo “style.css” e o “header.php”

    Criador do tópico jmsmoreira

    (@jmsmoreira)

    11 anos, 7 meses atrás

    Acho que agora seguem os corretos. Cabeçalho e folha de estilo em baixo. Obrigado, jmsmoreira

    <?php
    /**
    * Core header file, invoked by the get_header() function
    *
    * @package Suffusion
    * @subpackage Templates
    */
    global $suffusion_unified_options, $suffusion_interactive_text_fields, $suffusion_translatable_fields, $suffusion_skin_dependence, $suf_color_scheme;

    if (function_exists(‘icl_t’)) {
    foreach ($suffusion_unified_options as $id => $value) {
    /**
    * Some strings are set interactively in the admin screens of Suffusion. If you have WPML installed, then there may be translations of such strings.
    * This code ensures that such translations are picked up, then the unified options array is rewritten so that subsequent calls can pick it up.
    */
    if (function_exists(‘icl_t’) && in_array($id, $suffusion_translatable_fields) && isset($suffusion_interactive_text_fields[$id])) {
    $value = wpml_t(‘suffusion-interactive’, $suffusion_interactive_text_fields[$id].”|”.$id, $value);
    }
    global $$id;
    $$id = $value;
    $suffusion_unified_options[$id] = $value;
    }
    }
    ?>
    <!DOCTYPE html>
    <!–[if IE 6]> <html id=”ie6″ <?php language_attributes(); ?>> <![endif]–>
    <!–[if IE 7]> <html id=”ie7″ <?php language_attributes(); ?>> <![endif]–>
    <!–[if IE 8]> <html id=”ie8″ <?php language_attributes(); ?>> <![endif]–>
    <!–[if !(IE 6) | !(IE 7) | !(IE 8)]><!–> <html <?php language_attributes(); ?>> <!–<![endif]–>

    <head>
    <meta charset=”<?php bloginfo(‘charset’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <?php
    suffusion_document_header();
    if (is_singular()) {
    wp_enqueue_script(‘comment-reply’);
    }
    ?>
    <!–[if lt IE 9]>
    <script src=”<?php echo get_template_directory_uri(); ?>/scripts/html5.js” type=”text/javascript”></script>
    <![endif]–>
    <?php
    global $suf_cpt_layouts, $suffusion_cpt_layouts;
    if (isset($suf_cpt_layouts)) {
    $suffusion_cpt_layouts = suffusion_get_associative_array($suf_cpt_layouts);
    }

    wp_head();
    ?>
    </head>

    <body <?php body_class(); ?>>
    <?php suffusion_before_page(); ?>
    <?php
    suffusion_before_begin_wrapper();
    ?>
    <div id=”wrapper” class=”fix”>
    <?php
    suffusion_after_begin_wrapper();
    ?>
    <div id=”container” class=”fix”>
    <?php
    suffusion_after_begin_container();
    ?>

    E a folha de estilo:

    /**
    * Theme Name: Suffusion
    * Description: An elegant, responsive and versatile theme with a power-packed set of options and semantic HTML5-based markup. It supports Mega-Menus, custom layout templates, advanced support for custom post types, customizable drop-down menus, featured sliders, tabbed sidebars, a magazine layout and lots of enhanced widgets for Twitter, Flickr, Google etc. It has 19 widget areas, one-column, two-column and three-column responsive, fixed-width and flexible-width layouts, 9 pre-defined templates and 19 pre-defined color schemes. Responsive capabilities are switched on by a single click. RTL support is built-in and translations in many languages are available. Custom Post Types and Custom Taxonomies are integrated. Compatibility packs for BuddyPress, bbPress, Jigoshop and WooCommerce are available as plugins for smooth integration. Support forum at http://www.aquoid.com/forum.
    * Theme URI: http://aquoid.com/news/themes/suffusion/
    * Version: 4.4.6
    * Author: Sayontan Sinha
    * Author URI: http://mynethome.net/blog
    * Announcements Feed: http://aquoid.com/news/category/theme-releases/feed/
    * License: GNU General Public License (GPL), v3 (or newer)
    * License URI: http://www.gnu.org/licenses/gpl-3.0.html
    * Tags: theme-options, green, blue, silver, red, orange, purple, white, black, light, dark, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-colors, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, rtl-language-support, microformats, featured-images, post-formats, photoblogging, blavatar
    *
    * Copyright (c) 2009 – 2013 Sayontan Sinha. All rights reserved.
    *
    * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
    * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
    */

    /* Standard Styles */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del,
    dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form,
    label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    }
    input:focus, textarea:focus { outline: none; }
    body {/* Default styling for everything that is un-styled and doesn’t inherit*/
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height: 1.5;
    background-color: #444;
    }

    a {
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    p,.p {
    margin-bottom: 1.5em;
    text-align: left;
    }
    img {
    border: none;
    }
    ul li {
    margin: 0;
    }
    ul, ol {
    margin: 0.5em 0 1.5em 1.5em;
    padding-left: 20px;
    }

    ol {
    list-style: decimal;
    }
    ol ol {
    list-style:lower-latin;
    }
    ol ol ol {
    list-style:lower-roman;
    }
    ol ol ol ol {
    list-style:lower-latin;
    }
    ul ul, ol ol, ul ol, ol ul {
    margin-bottom:0;
    }

    dl {
    margin:0 1.5em;
    }
    dt {
    font-weight: bold;
    }
    dd {
    margin: 0 0 1em 1.5em;
    }

    form {
    margin: 0;
    padding: 0;
    }
    small {
    font-size: 0.68em;
    }
    code, pre {
    font-family: “Courier New”, Courier, Monaco, “Lucida Console”, monospace;
    overflow: auto;
    background-color: #F7F7F7;
    }
    pre {
    padding: 1em;
    line-height: 1.5em;
    border: 1px solid #ddd;
    margin: 1.5em 0;
    }
    hr{
    border: 1px dotted #666;
    margin-bottom: 1.5em;
    }
    blockquote{
    background: url(images/blockquote-l.png) no-repeat left top;
    padding: 10px 15px;
    margin: 0 3em 1em;
    font-size: 1em;
    text-indent: 2em;
    }
    blockquote > div {
    background: url(images/blockquote-r.png) no-repeat right bottom;
    padding-bottom: 0.1em;
    }
    blockquote cite {
    float: right;
    }
    abbr, acronym { cursor: help; border-bottom: 1px dotted #888; }
    /* Headers */
    h1, h2, h3, h4, h5, h6 {
    color: #333;
    margin: 0.5em 0;
    padding: 0;
    line-height: 1.1em;
    }
    h2.suf-mag-category-title {
    margin: 0;
    }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
    }
    h1, h2 {
    font-weight: normal;
    }
    h3, h4, h5, h6 {
    font-weight: bold;
    }
    h1 {
    font-size: 200%;
    }
    h2 {
    font-size: 183%;
    }
    h3 {
    font-size: 166%;
    }
    h4 {
    font-size: 150%;
    font-weight: bold;
    }
    h5 {
    font-size: 133%;
    font-weight: bold;
    }
    h6 {
    font-size: 116%;
    font-weight: bold;
    }
    .entry table, .comment-body table { width: 100%; border-collapse: collapse; }
    .entry th, .comment-body th { text-align: left; padding: 6px; border-bottom: 1px dotted #ccc; }
    .entry td, .comment-body td { padding: 6px; border-bottom: 1px dotted #ccc; }

    sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    font-size: 0.7em;
    }
    sup {
    bottom: 1ex;
    }
    sub {
    top: .5ex;
    }

    /* WordPress Standard Elements */
    .border{
    padding: 2.5px;
    border: 1px solid #ccc;
    }
    .hidden {
    display: none;
    visibility: hidden;
    }
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignleft {
    float: left;
    margin:0 10px 5px 0;
    }
    .alignright {
    float: right;
    margin:0 0 5px 10px;
    }

    .floatleft{
    float:left;
    margin:3px 7px 0 0;
    }
    .floatright{
    float:right;
    margin:3px 0 0 7px;
    }
    .block{
    display:block;
    }
    .clear{
    clear:both;
    }
    .center {
    text-align: center;
    }
    dl.gallery-item {margin:0}
    .suf-widget{
    background: #fff;
    border: 1px solid #c0c0c0;
    }

    #wrapper {
    width: 1000px;
    margin: 20px auto;
    position: relative;
    border: 1px solid #008000;
    background-color: #EDF3E6;
    padding: 10px;
    }

    #wrapper.shadow {
    /* Shadows – CSS3 for browsers that support it */
    box-shadow: 10px 10px 5px #888;
    }

    #header {
    min-height: 55px;
    padding: 15px 0;
    }

    /* Blog title */
    .blogtitle {
    font-size: 333%;
    float: left;
    line-height: 47px;
    position:relative;
    margin: 0;
    padding: 0;
    text-align: left;
    }
    .blogtitle.center {
    float: none;
    text-align: center;
    }
    .blogtitle.hidden {
    display: none;
    visibility: hidden;
    }
    .blogtitle.right {
    float: right;
    text-align: right;
    }

    .blogtitle a {
    color: #000;
    }

    .blogtitle a:hover {
    text-decoration: none;
    }

    /* Blog description on the right side of the title */
    .description {
    float: right;
    margin-top: 21px;
    margin-right: 20px;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 116%;
    text-align: right;
    }
    .description.center {
    float: none;
    margin-top: 0;
    text-align: center;
    }

    .description.hidden {
    display: none;
    visibility: hidden;
    }
    .description.left {
    float: left;
    text-align: left;
    }

    /* search form */
    .searchform {
    display: inline-block;
    font-size: 100%;
    padding: 0;
    margin: -1px 0 1px;
    }
    .searchfield {
    /* width: 158px;*/
    padding: 4px 7px 2px 5px;
    color: #999;
    border: 1px solid #888;
    margin-top: 4px;
    line-height: 1.2em;
    }

    input[type=”submit”].searchsubmit {
    background: no-repeat 0 0;
    height: 24px;
    width: 24px;
    border: none;
    cursor: pointer;
    text-indent: -999%;
    margin: 0;
    padding: 0 3px 0 3px;
    }

    #right-header-widgets .searchform,
    #top-bar-right-widgets .searchform {
    float: right;
    }

    .dbx-content .searchform {
    float: left;
    text-align: center;
    width: 100%;
    }

    .dbx-content .searchform .searchfield {
    width: 70%;
    }

    /*
    * The layout has “page” as the base element.
    * Inside the “page” is a “wrapper”. The “wrapper” has 4 rows:
    * 1. A “header”
    * 2. A navigation bar (“nav”)
    * 3. A “container” with two columns:
    * a. A main column (“main-col”)
    * b. A “sidebar”
    * 4. A section for credits (“cred”)
    */

    /* Main column */
    #main-col {
    width: 725px;
    float: left;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    }
    #single-col {
    width: 100%;
    float: left;
    }

    /* See Ruthsarian Menus: Ruthsarian Layouts at http://webhost.bridgew.edu/etribou/layouts/rMenu/rMenu.css
    * There are details for z-index settings to avoid overlaps on the second line for IE 7
    */

    /* main menu */
    #nav {
    font-size: 108%;
    border-bottom: 1px solid;
    }

    .float-ptr {
    font-size: 130%;
    float: right;
    background: url(images/arrows.gif) no-repeat scroll -16px 0 transparent;
    height: 8px;
    width: 8px;
    top: 45%;
    right: 3px;
    position: absolute;
    }
    .down-ptr {
    font-size: 130%;
    float: right;
    background: url(images/arrows.gif) no-repeat scroll 0 0 transparent;
    height: 8px;
    width: 8px;
    top: 45%;
    right: 5px;
    position: absolute;
    margin-left: 5px;
    }
    img.home-icon { height: 21px; }
    #nav ul li a.with-arrow, #nav-top ul li a.with-arrow { padding-right: 22px;}
    /* remove all the bullets, borders and padding from the default list styling */
    #nav ul {
    list-style: none;
    display: block;
    margin: 0 0 -1px 0;
    padding: 0;
    float: left;
    vertical-align: bottom;
    }

    #nav ul li {
    margin: 0 4px 0 0;
    padding: 0;
    float: left;
    border: 1px solid;
    }
    #nav.continuous ul, #nav-top.continuous ul {
    margin-left: 10px;
    }
    #nav.continuous ul ul, #nav-top.continuous ul ul {
    margin-left: 0;
    }
    #nav.continuous ul li {
    margin: 0;
    border: none;
    }
    #nav ul ul { position: absolute; }
    #nav ul .mm-tab ul { position: relative; }
    #nav ul li a {
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    display: inline-block;
    }

    #nav ul ul li,
    #nav ul ul li a {
    z-index: 100;
    }

    #nav .current_page_item a,
    #nav .current_page_item a:hover,
    #nav li a:active {
    text-decoration: none;
    }

    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    #nav li {
    float:left;
    position:relative;
    z-index: 1;
    }

    #nav li a:hover,
    #nav li:hover {
    z-index: 100;
    }

    #nav ul.sf-menu, #nav-top ul.sf-menu { display: inline-block; }
    #nav .col-control.center, #nav-top .col-control.center { text-align: center; }
    #nav .col-control.center ul.sf-menu, #nav-top .col-control.center ul.sf-menu { float: none; }
    #nav .col-control.right ul.sf-menu { float: right; }

    /* Styling for navigation menus */
    #nav ul ul li a,
    #nav ul ul li a:visited {
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    display: block;
    line-height:22px;
    }

    /* style the links for the top level */
    #nav a,
    #nav a:visited {
    display:block;
    font-size: 100%;
    text-decoration:none;
    height:22px;
    padding: 8px 8px 5px 8px;
    line-height:22px;
    font-weight:bold;
    }

    .sf-menu ul { visibility: hidden; }
    .mm-tab:hover ul, .mm-tab .keep-open ul { visibility: visible; }
    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #nav ul .pagenav ul, #nav-top ul .pagenav ul, #nav ul .categories ul, #nav-top ul .categories ul { visibility:hidden; position:absolute; }

    #nav ul .dd-tab ul {
    visibility:hidden;
    position:absolute;
    /*height:0;*/
    top:35px;
    left:0;
    width:149px;
    }

    /* position the third level flyout menu */
    #nav ul .dd-tab ul ul {
    left:145px;
    top:-1px;
    width:149px;
    }

    /* position the third level flyout menu for a left flyout */
    #nav ul ul ul.left {
    left:-149px;
    }

    /* style the second level links */
    #nav ul ul a,
    #nav ul ul a:visited {
    height:auto;
    line-height:1em;
    padding:8px 10px 5px 10px;
    width:128px;
    border-width:1px 1px 1px 1px;
    text-align: left;
    }

    #nav-top {
    font-size: 100%;
    border-bottom: 1px solid;
    padding: 0 10px;
    }

    /* remove all the bullets, borders and padding from the default list styling */
    #nav-top ul {
    list-style: none;
    display: block;
    margin: 0 0 -1px 0;
    padding: 0;
    vertical-align: bottom;
    }

    #nav-top ul li {
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    border: 1px solid;
    }

    #nav-top ul ul { position: absolute; }
    #nav-top ul .mm-tab ul { position: relative; }

    #nav-top ul li a {
    line-height: 22px;
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    display: inline-block;
    }

    #nav-top ul ul li,
    #nav-top ul ul li a {
    z-index: 100;
    }

    #nav-top .current_page_item a,
    #nav-top .current_page_item a:hover,
    #nav-top li a:active {
    text-decoration: none;
    }

    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    #nav-top li {
    float:left;
    position:relative;
    z-index: 1;
    }

    #nav-top li a:hover,
    #nav-top li:hover {
    z-index: 100;
    }

    /* Styling for navigation menus */
    #nav-top ul ul li a,
    #nav-top ul ul li a:visited {
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    display: block;
    line-height:22px;
    }

    /* style the links for the top level */
    #nav-top a,
    #nav-top a:visited {
    display:block;
    font-size: 108%;
    text-decoration:none;
    height:22px;
    padding: 8px 8px 5px 8px;
    line-height:22px;
    font-weight:bold;
    }

    #nav-top.continuous ul {
    margin: 0;
    }
    #nav-top.continuous ul li {
    margin: 0;
    border: none;
    }
    #nav-top.continuous a,
    #nav-top.continuous a:visited {
    font-size: 100%;
    min-height:22px;
    padding: 8px 8px 5px 8px;
    line-height:22px;
    font-weight:bold;
    }

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #nav-top ul .dd-tab ul {
    visibility:hidden;
    position:absolute;
    /*height:0;*/
    top:35px;
    left:0;
    width:149px;
    }

    /* position the third level flyout menu */
    #nav-top ul .dd-tab ul ul {
    left:145px;
    top:-1px;
    width:149px;
    }

    /* position the third level flyout menu for a left flyout */
    #nav-top ul ul ul.left {
    left:-149px;
    }

    /* style the second level links */
    #nav-top ul ul a,
    #nav-top ul ul a:visited {
    height:auto;
    line-height:1em;
    padding:8px 10px 5px 10px;
    width:128px;
    border-width:1px 1px 1px 1px;
    text-align: left;
    }

    /* sub menu */
    #subnav {
    background: #fff;
    margin-top: 15px;
    border: 1px solid #c0c0c0;
    }
    #subnav ul {
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none;
    }
    #subnav li {
    border-right: 1px solid #D8D8D8;
    padding: 4px 7px;
    margin: 0;
    float: left;
    font-weight: bold;
    }
    #subnav li a, #subnav li a:visited, #subnav .page_item {
    text-decoration: none;
    color: #c0c0c0;
    }

    #subnav li a:hover {
    text-decoration: none;
    }

    #subnav ul ul li{display: none;}

    /* Level 3 */
    .hier-nav {
    background: #EDF3E6;
    margin-top: 3px;
    border: 1px solid #c0c0c0;
    }

    .hier-nav ul {
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none;
    }

    .hier-nav li {
    border-right: 1px solid #D8D8D8;
    padding: 4px 7px;
    margin: 0;
    float: left;
    font-weight: normal;
    font-size: 91.67%;
    }

    .hier-nav li a, .hier-nav li a:visited, .hier-nav .page_item {
    text-decoration: none;
    color: #c0c0c0;
    }

    .hier-nav .current_page_item, .hier-nav .current_page_parent {
    background: #fff;
    border-left: 1px solid #D8D8D8;
    }

    .hier-nav li a:hover {
    text-decoration: none;
    }

    .hier-nav ul ul li {
    display: none;
    }

    .breadcrumb {
    font-size: 108%;
    padding: 3px 5px 3px 8px;
    }

    /* content */
    #content {
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    }

    .no-header.no-main-nav #content { margin-top: 0; }

    .post, article.page {
    border: 1px solid #c0c0c0;
    background: #FFF;
    padding: 25px 15px 1em 15px;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    }
    .post .date {
    height: 48px;
    width: 48px;
    right: 58px;
    font: normal 150% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding: 0;
    line-height: 100%;
    margin-left: -100%;
    float: left;
    position: relative;
    }

    .post .date span.day {
    font: normal 100% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding: 0;
    line-height: 100%;
    }
    .post .date span.month {
    height: 12px;
    display: block;
    font: normal 50% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding-top: 2px;
    }
    .post .date span.year {
    height: 12px;
    display: block;
    font: normal 50% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding-top: 0;
    }
    .post .title {
    float: left;
    margin-left: 10px;
    width: 635px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }

    .page-links {
    width: 100%;
    clear: both;
    }

    .page-links span {
    border: 1px solid;
    padding-left: 4px;
    padding-right: 4px;
    }

    .page-links a:hover {
    text-decoration: none;
    }

    span.more-link {
    width: 100%;
    }

    a.more-link {
    font-size: 100%;
    font-weight: bold;
    float: right;
    }
    .postdata {
    font-size: 90%;
    color: #999999;
    }
    .postdata a, .postdata a:visited {
    color: #999999;
    text-decoration: none;
    }
    .postdata a:hover {
    text-decoration: none;
    }
    .postdata .icon { display: none; width: 16px; height: 16px; margin-right: 4px; margin-left: 4px; }
    .postdata .category{ padding-right: 10px; float: left; }
    .postdata .category .icon { background: no-repeat 0 0;}
    .postdata .author .icon { background: no-repeat -32px -128px;}
    .postdata .tax .icon { background: no-repeat -32px -144px;}
    .postdata .permalink { padding-right: 10px; float: left; }
    .postdata .permalink .icon { background: no-repeat 0 -16px; }
    .postdata .comments { padding-right: 10px; float: right; }
    .postdata .comments .icon { background: no-repeat 0 -64px;}
    .postdata .edit{ padding-right: 10px; float: right; }
    .postdata .edit .icon { background: no-repeat 0 -112px;}
    .postdata .line-date .icon { background: no-repeat 0 -32px;}
    .postdata.line { text-align: center; padding: 0.8em; }
    .postdata.line span, .postdata.line span.author, .postdata.line span.comments { float: none; margin: 0 0.5em; padding: 0; }
    .postdata.line span.icon { margin-right: 4px; margin-left: 0; }
    .postdata.line span.vcard { margin-left: 0; margin-right: 0; }

    .entry,
    .non-wp-entry {
    padding: 15px 0 5px;
    clear: both;
    font-size: 116%;
    line-height: 1.6em;
    margin-bottom: 1em;
    overflow: hidden;
    }

    .post-footer {
    font-size: 91.67%;
    margin: 5px 0;
    width: 100%;
    }

    /* post title */
    h1.posttitle,
    h2.posttitle {
    color: #000;
    margin: 3px 0 2px;
    padding-bottom: 4px;
    font-size: 200%;
    border-bottom: dotted 1px #CCCCCC;
    }

    h1.posttitle a,
    h1.posttitle a:visited,
    h2.posttitle a,
    h2.posttitle a:visited {
    color: #000;
    text-decoration: none;
    }

    h1.posttitle a:hover,
    h2.posttitle a:hover {
    text-decoration: none;
    }
    span.author {
    float: left;
    display: inline-block;
    color: #aaa;
    max-width: 250px;
    }
    .post .meta-pullout span.author, .page .meta-pullout span.author {
    float: none;
    padding-right: 0;
    }
    .tags {
    float: right;
    display: inline-block;
    color: #aaa;
    text-align: right;
    }

    /* next & previous page navigation */
    .page-nav {
    clear: both;
    padding: 5px 0 5px 0;
    margin-bottom: .6em;
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    }
    .page-nav a, .page-nav a:visited {
    color: #000;
    text-decoration: none;
    }
    .page-nav a:hover,
    .navigation .suf-page-nav a:hover {
    text-decoration: none;
    }
    .previous-entries a { float: left; margin-left: 10px;}
    .previous-entries .icon { width: 16px; height: 16px; background: no-repeat 0 -80px; float: left; margin-right: 4px;}
    .next-entries a { float: right; margin-right: 10px; }
    .next-entries .icon { width: 16px; height: 16px; background: no-repeat 0 -96px; float: right; margin-left: 4px; }

    .suf-page-nav {
    text-align: center;
    margin: 5px 0;
    }

    .suf-page-nav a,
    .suf-page-nav span {
    padding: 2px 5px;
    border: 1px solid;
    margin: 2px;
    }

    .suf-page-nav span.dots {
    border: none;
    }

    .suf-page-nav a.page-numbers:hover {
    color: #ffffff;
    }

    /* next & previous post navigation */
    .post-nav {
    clear: both;
    padding: 5px;
    margin: 0 0 15px 0;
    font-size: 100%;
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    }
    .post-nav table {
    width: 100%;
    }

    .post-nav a, .post-nav a:visited {
    color: #999999;
    text-decoration: none;
    }
    .post-nav a:hover {
    text-decoration: none;
    }
    .post-nav .previous a { float: left;}
    .post-nav .previous .icon { width: 16px; height: 16px; background: no-repeat 0 -144px; float: left; margin-right: 4px;}
    .post-nav .next a { float: right; text-align: right; }
    .post-nav .next .icon { width: 16px; height: 16px; background: no-repeat 0 -128px; float: right; margin-left: 4px;}

    /* Comments */
    h3.comments { padding: 10px; font-size: 116%; clear: both; }
    h3.comments .icon { width: 24px; height: 24px; background: no-repeat -16px -80px; margin: -5px 10px 0 0; float: left;}
    h3#respond, h3.respond, #reply-title {
    padding: 7px;
    margin: 20px 0 0;
    clear: both;
    font-size: 116%;
    }
    #reply-title .icon {width: 24px; height: 24px; background: no-repeat -16px -104px; margin: -5px 10px 0 0; float: left;}

    /* Comment navigation */
    div.navigation {
    padding: 5px;
    }

    /* commentform */
    #commentform {
    margin-top: 10px;
    }
    #commentform label.suf-comment-label {
    font-weight: bold;
    color:#000000;
    font-size: 100%;
    padding: 5px;
    margin: 0;
    display: inline;
    float: left;
    text-align: right;
    height: 20px;
    width: 80px;
    border: solid 1px #999;
    }
    #commentform label.textarea {
    display: block;
    float: none;
    width: 140px;
    text-align: center;
    }

    #commentform small {
    color: #999999;
    font-size: 90%;
    }

    #commentform input[type=”text”] {
    height: 20px;
    margin: 0 0 0 0;
    padding: 5px;
    }
    #commentform input.inside { width: 300px; padding: 5px 5px 5px 40px; }
    input.inside { background-repeat: no-repeat; }
    #author.inside { background-position: -76px -27px; }
    #email.inside { background-position: -76px -75px; }
    #url.inside { background-position: -78px -120px; }
    #commentform textarea {
    font: 110% Arial, Helvetica, sans-serif;
    height: 140px;
    border: solid 1px #999999;
    padding: 5px 3px 3px 7px;
    margin-top: -1px;
    width: 90%;
    max-width: 90%;
    }

    #commentform textarea:focus, #commentform input[type=”text”]:focus {
    border: solid 1px #999;
    }

    div.reply {
    text-align: right;
    width: 100%;
    }
    .comment-author {
    padding: 10px 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #ccc;
    }
    .comment-author img.avatar {
    margin-top: -5px;
    }
    .comment-author-link {
    padding: 0 0 5px 0;
    }
    .author-below .comment-author, .author-above .comment-author { border-bottom: none; }
    .author-above .comment-author { display: inline; }
    .author-below .comment-author img.avatar, .author-above .comment-author img.avatar { float: left; }
    .comment-author-details { float: left; }
    .comment-body p {
    line-height: 1.5em;
    }
    .comment-holder { display: inline-block; width: 100%; }
    p.moderation {
    font-style: italic;
    color: #000;
    background-color: #f9f6a7;
    border: 1px solid #e7d605;
    padding: 5px;
    }
    a.comment-reply-link, a.comment-reply-login {
    border: solid 1px #999999;
    padding: 0 6px;
    margin: 5px;
    }
    .author-below .comment-reply-link, .author-above .comment-reply-link, .author-below .comment-reply-login, .author-above .comment-reply-login { border-width: 0 0 0 1px; border-radius: 0; }
    li.comment div.reply { margin: 0 0 10px 0; }
    .comment-response-types {
    margin: 5px 0 5px 0;
    display: block;
    width: 100%;
    }

    .comment-response-type, .response-type {
    float: left;
    border: solid 1px #999999;
    padding: 6px;
    margin: 5px;
    font-weight: bold;
    }

    .comment-response-type:hover {
    text-decoration: none;
    }

    /* comment list */
    .commentlist { margin: 10px 0; padding-left: 30px; line-height: 130%; }
    .commentlist li.comment, .commentlist li.pingback, .commentlist li.trackback { padding: 5px 10px; background-color: #fbfbfb; margin-bottom: 5px; border: 1px solid #ccc; }
    .commentlist ul li.comment, .commentlist ul li.pingback, .commentlist ul li.trackback { list-style: none; }
    .commentlist li.comment.author-below, .commentlist li.pingback.author-below, .commentlist li.trackback.author-below,
    .commentlist li.comment.author-above, .commentlist li.pingback.author-above, .commentlist li.trackback.author-above {
    background-color: transparent;
    border: none;
    padding: 5px 0 0;
    margin-bottom: 1.5em;
    }
    .author-below ul.children li:last-child { margin-bottom: 0; }
    .author-below .comment-body, .author-above .comment-body { padding: 1.1em 0.7em; }
    .author-below .arrow { position: relative; left: 50px; width: 14px; display: block; border-left: 14px solid transparent; border-bottom: 14px solid transparent; margin-top: -16px; }
    .author-above .arrow { position: relative; left: 50px; width: 14px; display: block; border-left: 14px solid transparent; border-top: 14px solid transparent; margin-bottom: -16px; }

    .author-below .comment-body, .author-above .comment-body { background-color: #eee; }
    .author-below .arrow, .author-above .arrow { border-left-color: #eee; }

    .commentlist cite {
    font-weight: bold;
    font-style: normal;
    font-size: 110%;
    }

    img.avatar {
    float: right;
    margin: 5px;
    }
    .format-status img.avatar { float: left; margin: 0 1em 0 0; }

    .commentlist small {
    margin-bottom: 5px;
    display: block;
    font-size: 87%;
    }
    .commentlist small a, .commentlist small a:visited{
    color: #999999;
    }

    ul.children { padding-left: 20px; }
    /* Credits */
    #cred {
    font-size: 91.67%;
    padding: 0;
    clear: both;
    height: auto;
    overflow: hidden;
    }
    #page-footer { margin-top: 10px; overflow: hidden; }
    #page-footer #cred {
    border-top: none;
    }

    #cred .designer {
    padding: 8px 22px;
    float: left;
    }

    #cred a {
    color: #000;
    }

    #cred a:hover {
    text-decoration: underline;
    }

    #cred .valid {
    padding: 8px 22px;
    float: right;
    }

    #cred table {
    border: none;
    padding: 0;
    margin: 10px 0;
    width: 100%;
    }

    #cred td {
    width: 33%;
    }

    #cred td.cred-left {
    text-align: left;
    }

    #cred td.cred-center {
    text-align: center;
    }

    #cred td.cred-right {
    text-align: right;
    }

    /* Emphasis */
    .download, .announcement, .warning, .note {
    padding: 10px 5px 10px 5px;
    margin: 10px 0 10px 0;
    width: 98%;
    color: #000000;
    }

    .download {
    background-color: #E3F5F9;
    border: 1px solid #0000ff;
    }

    .announcement {
    background-color: #b8f9d5;
    border: 1px solid #088c43;
    }

    .warning {
    background-color: #ffdbea;
    border: 1px solid #ff0000;
    }

    .note {
    background-color: #f9f6a7;
    border: 1px solid #e7d605;
    }

    /* Excerpts */
    img.left-thumbnail,
    .left-thumbnail {
    float: left;
    margin: 10px;
    }

    img.right-thumbnail,
    .right-thumbnail {
    float: right;
    margin: 10px;
    }

    /* Forms */
    legend {
    padding: 0.75em;
    }
    fieldset {
    border: 1px solid #ccc;
    padding: 0.75em;
    background: transparent;
    }

    /* commentform */
    label {
    color:#333;
    font-size: 90%;
    display: block;
    }
    small {
    color: #555;
    font-size: 90%;
    }

    input{
    padding: 5px 3px 3px 5px;
    border: 1px solid #ccc;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    line-height: 1.5em;
    }

    textarea {
    height: 140px;
    border: 1px solid #ccc;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    padding: 5px 3px 3px 7px;
    line-height: 1.5em;
    }

    textarea:focus, input[type=”text”]:focus {
    border: solid 1px #666;
    }

    .button, input[type=”submit”], .submit {
    font-weight: normal;
    margin:0;
    padding:3px 15px 3px 15px;
    }

    .button:hover, input[type=”submit”]:hover,
    .button:active, input[type=”submit”]:active {
    font-weight: bold;
    }

    /* sidebar */
    #sidebar, #sidebar-b,
    #sidebar-2, #sidebar-2-b {
    margin-top: 15px;
    width: 260px;
    color: #666666;
    line-height: 160%;
    }
    #sidebar.left, #sidebar-b.left,
    #sidebar-2.left, #sidebar-2-b.left,
    #wsidebar-top.left, #wsidebar-bottom.left {
    float:left;
    }

    #sidebar.right, #sidebar-b.right,
    #sidebar-2.right, #sidebar-2-b.right,
    #wsidebar-top.right, #wsidebar-bottom.right {
    float:right;
    }

    #wsidebar-top {
    margin: 15px 0 0 0;
    padding: 0;
    }

    #wsidebar-top, #wsidebar-bottom { color: #666666; }
    #wsidebar-bottom { padding: 10px 0; }

    .suf-widget:last-child {
    margin-bottom: 0;
    }

    .flattened:last-child {
    margin-bottom: 15px;
    }
    .sidebar-shell {position:relative; display:block}
    #sidebar-wrap {position:relative;}
    .sidebar-wrap-left {
    float: left;
    }
    .sidebar-wrap-right {
    float: left;
    }
    .sidebar-shell-left {
    float: left;
    margin-right: 15px;
    }

    .sidebar-shell-right {
    float: left;
    margin-left: 15px;
    }

    .suf-widget, .warea p {
    margin: 0 0 15px;
    }

    .suf-widget h3 {
    font: bold 100%/100% Arial, Helvetica, sans-serif;
    color: #444;
    }

    .suf-widget h3 a,
    .suf-widget h3 a:visited {
    color: #333;
    }

    .suf-widget h3 img {
    vertical-align: middle;
    }

    div.sidebar-tab-content a,
    .suf-widget a,
    .suf-widget a:visited {
    color: #000000;
    text-decoration:none;
    }

    div.sidebar-tab-content a:hover,
    div.sidebar-tab-content a:focus,
    div.sidebar-tab-content a:active,
    .warea div.sidebar-tab-content a:hover,
    .warea div.sidebar-tab-content a:focus,
    .warea div.sidebar-tab-content a:active,
    .suf-widget a:hover,
    .suf-widget a:focus,
    .suf-widget a:active {
    text-decoration:underline;
    }

    .suf-widget a.openid_link,
    .recentcomments a.openid_link,
    a.openid_link {
    padding-left: 16px;
    }

    .suf-mag-category ul,
    .sidebar-tab-content ul,
    .suf-widget ul,
    .suf-flat-widget ul,
    .suf-panel-widget ul, .widget_categories ul, .widget_archive ul {
    list-style: none;
    margin: 0 ;
    padding: 0 ;
    }
    .suf-mag-category ul { margin: 8px; }

    .suf-mag-category ul li,
    .sidebar-tab-content ul li,
    .suf-widget ul li,
    .suf-flat-widget ul li,
    .suf-panel-widget ul li {
    background-repeat: no-repeat;
    padding-left: 22px ;
    background-position: 0 1px;
    padding-bottom: 3px;
    }

    .tab-box div.sbtab-content-archives ul li,
    .tabbed-sidebar div.sbtab-content-archives ul li,
    .widget_archive ul li {
    background: url(images/icons/calendar_date.png) no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
    }

    .tab-box div.sbtab-content-categories ul li,
    .tabbed-sidebar div.sbtab-content-categories ul li,
    .widget_categories ul li {
    background: no-repeat 0 2px;
    padding-bottom: 3px;
    }

    /* Other Widget Areas */
    #right-header-widgets, #top-bar-right-widgets {
    float: right;
    display: inline-block;
    margin-left: 10px;
    }

    #left-header-widgets,
    #top-bar-left-widgets {
    float: left;
    display: inline-block;
    margin-right: 10px;
    }

    #horizontal-outer-widgets-1,
    #horizontal-outer-widgets-2 {
    width: 100%;
    padding: 10px 0 10px 0;
    display: inline-block;
    float: left;
    text-align: center;
    }

    .suf-horizontal-widget {
    margin: 5px;
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    }

    /* Settings for Twitter widget */
    .widget-suf-twitter {
    text-align: center;
    margin: 0;
    }

    .widget-suf-follow-twitter ul li {
    background: url(images/icons/comment.png) no-repeat;
    }

    #right-header-widgets .widget-suf-twitter,
    #left-header-widgets .widget-suf-twitter,
    #top-bar-right-widgets .widget-suf-twitter,
    #top-bar-left-widgets .widget-suf-twitter {
    padding: 0;
    }

    .widget-suf-twitter-boxed {
    padding: 10px;
    }

    .twitter-icon-and-tag img {
    margin: 5px 10px 0 0;
    float: left;
    }

    .twitter-icon-and-tag {
    margin: 10px 5px 10px 0;
    display: inline-block;
    font-size: 125%;
    }
    .twitter-header {
    text-align: center;
    }
    #right-header-widgets a.twitter-icon-and-tag,
    #right-header-widgets a.twitter-icon-and-tag img,
    #left-header-widgets a.twitter-icon-and-tag,
    #left-header-widgets a.twitter-icon-and-tag img,
    #top-bar-right-widgets a.twitter-icon-and-tag,
    #top-bar-right-widgets a.twitter-icon-and-tag img,
    #top-bar-left-widgets a.twitter-icon-and-tag,
    #top-bar-left-widgets a.twitter-icon-and-tag img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

    a.twitter-icon-and-tag, a.twitter-icon-and-tag:hover, a.twitter-icon-and-tag:active,
    .warea a.twitter-icon-and-tag, .warea a.twitter-icon-and-tag:hover, .warea a.twitter-icon-and-tag:active,
    #nav a.twitter-icon-and-tag:hover,
    #nav a.twitter-icon-and-tag:active,
    #nav a.twitter-icon-and-tag,
    #nav-top a.twitter-icon-and-tag:hover,
    #nav-top a.twitter-icon-and-tag:active,
    #nav-top a.twitter-icon-and-tag {
    text-decoration: none;
    background: none;
    }
    /* End Twitter widget settings */

    #widgets-above-header {
    text-align: center;
    margin: 10px 0;
    display:block;
    }
    #widgets-above-header .col-control { text-align: center; }
    #widgets-above-header .suf-widget{
    display: inline-block;
    text-align: left;
    float: none;
    vertical-align: top;
    }
    #header-widgets {
    display: inline;
    float: right;
    }
    #header-widgets .suf-widget {
    display: inline-block;
    float: none;
    vertical-align: top;
    }
    /* Featured Posts */
    #featured-posts {
    margin-top: 15px;
    padding: 0;
    border-color: #c0c0c0;
    background-color: #ffffff;
    position: relative;
    }
    #featured-posts.index-below, .featured-content.index-below { padding-bottom: 35px; }

    .featured-content { position: relative; }

    .featured-content .top,
    #featured-posts .top {
    top: 0;
    left: 0;
    }

    .featured-content .bottom,
    #featured-posts .bottom {
    bottom: 0;
    left: 0;
    }

    .featured-content .left,
    #featured-posts .left {
    top: 0;
    left: 0;
    }

    .featured-content .right,
    #featured-posts .right {
    right: 0;
    bottom: 0;
    }

    #featured-posts ul {
    list-style: none;
    }

    #sliderPager, .sliderPager, #sliderControl, .sliderControl { margin: 5px; }
    .index-overlaid #sliderIndex, .index-overlaid .sliderIndex { bottom: 5px; z-index: 30; padding: 0; }
    .show-border.index-overlaid #sliderIndex, .show-border.index-overlaid .sliderIndex { bottom: 0; }
    .index-overlaid #sliderPager, .index-overlaid .sliderPager, .index-overlaid #sliderControl, .index-overlaid .sliderControl { padding: 0 5px; }
    .index-overlaid #sliderIndex a, .index-overlaid .sliderIndex a { background-color: #eee; }
    .pager-bullets #sliderPager a, .pager-bullets .sliderPager a { width: 18px; height: 18px; padding: 0; display: inline-block; border: none; margin: 0; }
    ul.sliderContent { margin: 0; }

    .no-border #slider, .no-border .slider { margin: 0; }
    .featured-content ul, .featured-content ul li {
    padding-left: 0;
    }
    .featured-content ul.sliderContent li {
    background-image: none;
    }
    .featured-content-title {
    font-weight: bold;
    }
    /* JQuery Cycle is used for the featured posts */
    #slider {
    position: relative; /* important */
    overflow: hidden; /* important */
    margin: 5px 5px 0 5px;
    }

    .slider {
    position: relative; /* important */
    overflow: hidden; /* important */
    }

    #sliderContent {
    width: 100%;
    margin: 0;
    padding-left: 0;
    }

    .sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    width: 100%;
    padding: 0;
    margin: 0;
    }

    .sliderImage div {
    position: absolute; /* important */
    width: 100%;
    background-color: #222222;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    color: #fff;
    text-align: left;
    }

    .sliderImage div p {
    margin: 10px;
    font-size: 108%;
    text-align: left;
    }

    .sliderImage div a {
    font-weight: bold;
    }

    .sliderImage div a:hover {
    text-decoration: none;
    }

    .sliderImage div ins {
    text-decoration: none;
    font-weight: bolder;
    }

    img.featured-excerpt-left {
    float: right;
    }

    img.featured-excerpt-right {
    float: left;
    }

    .sliderImage.center { text-align: center; }
    .sliderImage.full-width img { width: 100%; height: auto; }
    .sliderImage.center img.featured-excerpt-left, .sliderImage.center img.featured-excerpt-right { float: none; }

    .sliderIndex a,
    #sliderIndex a {
    border: 1px solid;
    margin: 1px;
    padding: 2px 5px;
    font-weight: bold;
    }

    .sliderIndex a:hover,
    #sliderIndex a:hover {
    cursor: pointer;
    text-decoration: none;
    }
    #sliderIndex, .sliderIndex { padding: 0; position: absolute; width: 100%; text-align: center; }
    .show-border #sliderIndex, .show-border .sliderIndex { padding: 0; }
    #sliderPager, .sliderPager, #sliderControl, .sliderControl { height: 20px; padding: 5px 0; }

    .sliderPager.left, #sliderPager.left, .sliderControl.left, #sliderControl.left { float: left; }
    .sliderPager.right, #sliderPager.right, .sliderControl.right, #sliderControl.right { float: right; }
    .controller-icons #sliderControl, .controller-icons .sliderControl { position: absolute; width: 100%; margin: 0; padding: 0; z-index: 30; height: 0; }
    .controller-icons .sliderPrev { float: left; background-position: -16px 0; background-color: transparent; }
    .controller-icons .sliderNext { float: right; background-position: -46px 0; background-color: transparent; }
    .controller-icons .sliderPause { display: none; }
    .controller-icons #sliderControl .sliderPrev, .controller-icons #sliderControl .sliderNext, .controller-icons .sliderControl .sliderPrev, .controller-icons .sliderControl .sliderNext { height: 30px; width: 30px; padding: 0; margin: 0 10px; border: none; background-color: transparent; visibility: hidden; }
    .controller-icons #sliderControl .slide-hovered, .controller-icons .sliderControl .slide-hovered { visibility: visible; opacity:0.5; }
    .controller-icons #sliderControl .control-hovered, .controller-icons .sliderControl .control-hovered { visibility: visible; opacity:1; }
    .controller-icons .sliderControl .sliderPrev:hover, .controller-icons .sliderControl .sliderNext:hover { background-color: transparent; }
    .controller-icons #sliderControl a:hover, .controller-icons.index-overlaid #sliderControl a:hover { background-color: transparent; }

    .sliderPager.below, #sliderPager.below {
    margin-top: auto;
    position: static;
    }

    .bottom-center, .top-center { text-align: center; }
    .sliderPager.bottom-center, #sliderPager.bottom-center, .sliderPager.top-center, #sliderPager.top-center { float: none; }
    .sliderPager.bottom-right, #sliderPager.bottom-right, .sliderPager.top-right, #sliderPager.top-right { float: right; }

    .sliderControl.over, #sliderControl.over { float: none; text-align: center; position: relative; z-index: 20; }
    .over .sliderPrev { float: left; }
    .over .sliderNext { float: right; }
    .over .sliderPause { float: none; }

    .featured-content img.left-thumbnail,
    .featured-content img.right-thumbnail,
    #featured-posts img.left-thumbnail,
    #featured-posts img.right-thumbnail {
    margin: 0;
    }

    .featured-content .sliderIndex a, .featured-content .sliderIndex a:hover, .featured-content .sliderIndex a:visited,
    .featured-content .sliderIndex a:active, .featured-content .sliderIndex a:focus {
    text-decoration: none;
    }

    #recent-comments ul li {
    background: url(images/icons/comments.png) no-repeat;
    padding-bottom: 3px;
    }

    .widget_categories ul li {
    background: no-repeat 0 2px;
    padding-left: 20px;
    padding-bottom: 3px;
    }

    /* meta */
    .tab-box div.sbtab-content-meta .rss,
    .tabbed-sidebar div.sbtab-content-meta .rss,
    .suf-widget .rss {
    background: no-repeat left center;
    padding-bottom: 3px;
    }

    /* calendar */
    .widget_calendar caption { font-weight: bold; padding: 0 0 0.5em; }
    .widget_calendar table { margin: 1em auto; width: 90%; max-width: 300px; }
    .widget_calendar td { text-align: center; margin: 1px; }
    .widget_calendar a { font-weight: bold; }

    /* alignments */
    img.center, img[align=”center”] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img[align=”left”] {
    float:left;
    margin: 2px 10px 5px 0;
    }

    img[align=”right”] {
    float:right;
    margin: 2px 0 5px 10px;
    }

    .clear {
    clear:both;
    }

    hr.clear {
    clear:both;
    visibility: hidden;
    margin: 0;
    padding: 0;
    }

    .author-profile,
    .info-tag,
    .info-category {
    padding: 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    font-size: 116%;
    border: solid 1px #c0c0c0;
    }

    .author-profile h2,
    .info-tag h2,
    h2.category-title, .info-category h2.posttitle {
    margin: 0.5em 0 10px 0;
    padding-bottom: 5px;
    border-bottom: dotted 1px #CCCCCC;
    }

    .author-profile img.avatar {
    margin: 5px 10px;
    }

    .author-even img.avatar {
    float: right;
    margin: 5px 0 5px 15px;
    }

    .author-odd img.avatar {
    float: left;
    margin: 5px 15px 5px 0;
    }

    .info-category a img {
    float: right;
    margin: 5px 0 5px 10px;
    }

    .entry img {
    max-width: 100%;
    }
    .entry img.attachment-thumbnail { max-width: none; } /* Fix for IE8 */
    .wp-caption {
    text-align: center;
    background: #fff;
    padding: 4px;
    margin-bottom: 1em;
    }
    .entry .wp-caption {
    max-width: 100%;
    }
    .wp-caption-text, .gallery-caption {
    font-size: 100%;
    font-style: italic;
    margin:0;
    padding:6px 3px 2px;
    line-height: 16px;
    text-align: center;
    }

    .wp-caption img {
    margin: 5px 0 0;
    padding: 0;
    border: 0 none;
    max-width: 100%;
    }
    .wp-caption-dd {
    font-size: 91.67%;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    .sticky, .bypostauthor { }
    /* Clearfix: Courtesy http://www.positioniseverything.net/easyclearing.html */
    .fix:after {
    content:”.”;
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .fix { display: inline-block; }
    /* Hide from IE Mac \*/
    .fix {display:block;}
    /* End hide from IE Mac */

    #sidebar-container {
    display: inline-block;
    margin-top: 15px;
    position: relative;
    }

    .sidebar-container-left {
    float: left;
    }

    .sidebar-container-right {
    float: left;
    }
    #sidebar-container.sidebar-container-left #sidebar-shell-1, #sidebar-container.sidebar-container-left #sidebar-shell-2 { float: left; margin-left: 0; margin-right: 15px; right: auto; }
    #sidebar-container.sidebar-container-right #sidebar-shell-1, #sidebar-container.sidebar-container-right #sidebar-shell-2 { float: right; margin-right: 0; margin-left: 15px; right: auto; left: auto; }

    /* Contains the entire.tab-box section */
    .tab-box, .tabbed-sidebar {
    display: block;
    /* margin-top: 15px;*/
    }

    .tab-box-left {
    margin-right: 15px;
    }

    .sidebar-shell .tab-box-left {
    margin-right: 0;
    }

    .tab-box-right {
    margin-left: 15px;
    }

    .sidebar-shell .tab-box-right {
    margin-left: 0;
    }

    .sidebar-container-left .tab-box { float: left; }
    .sidebar-container-right .tab-box { float: right; }

    /* List of tabs */
    ul.sidebar-tabs {
    font: bold 100%/100% Arial, Helvetica, sans-serif;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    }

    ul.sidebar-tabs li {
    list-style: none;
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    }

    ul.sidebar-tabs li a, .warea ul.sidebar-tabs li a {
    overflow: hidden;
    display: block;
    padding: 7px;
    text-decoration: none;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    color: #444;
    background-color: #fff;
    }

    .warea .sidebar-tabs a, .warea .sidebar-tabs a:hover {
    text-decoration: none;
    }

    /* The content shown when a tab is selected */
    div.sidebar-tab-content {
    display: block;
    padding: 10px;
    background: #fff;
    border: 1px solid #c0c0c0;
    margin-top: -5px;
    }

    /* Magazine */
    .suf-mag-headlines {
    margin-top: 3px;
    display: block;
    background: #fff;
    border: 1px solid #c0c0c0;
    }

    .suf-mag-headline-photo-box {
    padding: 5px;
    overflow: hidden;
    float:left;
    margin: 5px 3px 5px -100%;
    text-align: center;
    position: relative;
    }

    .suf-mag-headline-photo {
    display: inline-block;
    padding: 5px;
    }

    .suf-mag-headline-block {
    float: left;
    margin: 5px 5px 5px 2px;
    position: relative;
    }

    .suf-mag-headline-block ul.mag-headlines {
    border-collapse: collapse;
    list-style: none;
    margin: 10px;
    padding-left: 10px;
    }

    .suf-mag-headline-block li.suf-mag-headline a {
    padding: 3px 8px;
    text-decoration: none;
    color: #000;
    }

    .suf-mag-headline-block li.suf-mag-headline a.tab-current {
    padding: 2px 7px;
    border: none;
    }

    .suf-mag-headline {
    display: block;
    line-height: 22px;
    font-size: 108%;
    }

    .suf-mag-excerpts {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    display: inline-block;
    }
    suf-mag-category-description {
    margin: 5px;
    }
    .suf-tiles {
    width: 100%;
    padding: 0;
    }

    .suf-mag-category,
    .suf-mag-excerpt,
    .suf-tile {
    padding: 0 0 8px;
    font-size: 108%;
    line-height: 20px;
    text-align: center;

    border: 1px solid #c0c0c0;
    vertical-align: top;
    background-color: #ffffff;

    position: relative;
    display: inline-block;
    vertical-align: top;

    width: 100%;
    margin-top: 5px;
    }

    .suf-tile-1c {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }

    .suf-mag-category { padding: 0 0 8px; text-align: left; }

    .suf-tile.bottom, .suf-mag-excerpt.bottom, .suf-mag-category.bottom { padding-bottom: 35px; }
    .suf-mag-excerpt-image { overflow: hidden; }
    div.suf-tile-image {
    float: none;
    display: inline-block;
    }

    h2.suf-mag-excerpt-title a,
    h2.suf-mag-excerpt-title a:hover,
    h2.suf-mag-excerpt-title a:visited,
    h2.suf-mag-excerpt-title a:active,
    h2.suf-tile-title a,
    h2.suf-tile-title a:hover,
    h2.suf-tile-title a:visited,
    h2.suf-tile-title a:active {
    font-weight: bold;
    font-size: 48%;
    text-decoration: none;
    color: #444;
    }

    h2.suf-mag-excerpt-title,
    h2.suf-tile-title {
    border-top: 1px dotted #c0c0c0;
    border-bottom: 1px dotted #c0c0c0;
    line-height: 18px;
    padding: 5px 0;
    margin-right: 8px;
    margin-left: 8px;
    }

    .suf-tiles .left { text-align: left; }
    .suf-tiles .center { text-align: center; }
    .suf-tiles .right { text-align: right; }

    .suf-mag-excerpt-image,
    .suf-tile-image {
    overflow: hidden;
    height: 100px;
    width: auto;
    margin: 0 8px 12px;
    text-align: center;
    }

    .suf-mag-excerpt, .suf-tile {
    padding-top: 0;
    }

    .suf-tile-image img {
    margin: auto;

    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }

    .suf-tile-topmost {
    width: 100%;
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    }
    .suf-mag-excerpt-image.suf-tile-topmost a, .suf-tile-image.suf-tile-topmost a {
    overflow: hidden;
    margin: 8px 10px;
    }
    .suf-mag-excerpt-text,
    .suf-tile-text {
    margin: 12px 8px;
    }

    .suf-mag-categories {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    }

    h2.suf-mag-headlines-title,
    .suf-mag-excerpts-header,
    .suf-mag-categories-header {
    padding: 5px;
    border: 1px solid #c0c0c0;
    background-color: #ffffff;
    font-size: 108%;
    color: #444;
    font-weight: bold;
    line-height: 26px;
    }

    .suf-mag-excerpts-header.left, .suf-mag-categories-header.left { text-align: left; }
    .suf-mag-excerpts-header.center, .suf-mag-categories-header.center { text-align: center; }
    .suf-mag-excerpts-header.right, .suf-mag-categories-header.right { text-align: right; }

    .suf-mag-category-image {
    overflow: hidden;
    height: 100px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    }

    h2.suf-mag-category-title {
    font-size: 100%;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    padding: 5px;
    }

    .widget-suf-cat-posts ul.suf-cat-posts-list,
    .suf-mag-category ul.suf-mag-catblock-posts {
    border-collapse: collapse;
    list-style: none;
    padding-left: 0;
    }

    .widget-suf-cat-posts li.suf-cat-post,
    .suf-mag-category li.suf-mag-catblock-post {
    padding: 6px 1px 6px 20px;
    border-bottom: 1px dotted #c0c0c0;
    background: url(images/right_arrow.png) no-repeat 0 10px;
    }

    .widget-suf-cat-posts li.suf-cat-post a,
    .suf-mag-category li.suf-mag-catblock-post a {
    text-decoration: none;
    color: #000;
    }

    .widget-suf-cat-posts li.suf-cat-post:hover,
    .suf-mag-category li.suf-mag-catblock-post:hover {
    padding: 5px 0 5px 19px;
    border: 1px solid #c0c0c0;
    }

    .suf-cat-post,
    .suf-mag-catblock-post {
    display: block;
    line-height: 22px;
    font-size: 108%;
    }

    .suf-mag-category-footer {
    vertical-align: bottom;
    }

    .suf-mag-excerpt-footer { display: inline-block; width: 100%; }
    a.excerpt-more-append,
    a.suf-mag-excerpt-full-story,
    a.suf-mag-category-all-posts {
    float: right;
    margin: 5px;
    padding: 4px 10px;
    text-decoration: none;
    }

    .bottom .suf-mag-excerpt-footer, .bottom .suf-mag-category-footer { position: absolute; bottom: 0; left: 0; width: 100%; }

    .suf-cat-posts-widget-image {
    overflow: hidden;
    height: 80px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    }

    .follow-icon-and-tag {
    margin: 10px 5px 10px 0;
    display: inline-block;
    font-size: 125%;
    vertical-align: middle;
    }

    #right-header-widgets .follow-icon-and-tag,
    #left-header-widgets .follow-icon-and-tag {
    display: inline-block;
    margin: 0;
    }

    #top-bar-right-widgets .follow-icon-and-tag,
    #top-bar-left-widgets .follow-icon-and-tag {
    display: inline-block;
    margin: 0;
    }

    #right-header-widgets a.follow-icon-and-tag:hover,
    #right-header-widgets a.follow-icon-and-tag:active,
    #right-header-widgets a.follow-icon-and-tag,
    #left-header-widgets a.follow-icon-and-tag:hover,
    #left-header-widgets a.follow-icon-and-tag:active,
    #left-header-widgets a.follow-icon-and-tag,
    #top-bar-right-widgets a.follow-icon-and-tag:hover,
    #top-bar-right-widgets a.follow-icon-and-tag:active,
    #top-bar-right-widgets a.follow-icon-and-tag,
    #top-bar-left-widgets a.follow-icon-and-tag:hover,
    #top-bar-left-widgets a.follow-icon-and-tag:active,
    #top-bar-left-widgets a.follow-icon-and-tag {
    padding: 3px 2px;
    }

    a.follow-icon-and-tag:hover, a.follow-icon-and-tag:active, a.follow-icon-and-tag,
    .warea a.follow-icon-and-tag:hover, .warea a.follow-icon-and-tag:active, .warea a.follow-icon-and-tag {
    text-decoration: none;
    background: none;
    }

    .widget-suf-subscription form p,
    .widget-suf-subscription p {
    text-align: center;
    }

    .widget-suf-subscription form {
    margin: 10px auto;
    text-align: center;
    }

    .widget-suf-subscription div {
    text-align: center;
    }

    .widget-suf-subscription input[type=’text’].subscription-email {
    color: #999;
    border: 1px solid #888;
    margin: 10px 0;
    width: 140px;
    }
    .subscription-stats-icon {
    height: 26px;
    width: 88px;
    border: none;
    }
    .suf-flat-widget {
    margin: 15px 8px;
    }

    .suf-flat-widget h3 {
    font-size: 133%;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    padding: 5px 0;
    }

    .flattened {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    }

    #horizontal-outer-widgets-1.flattened {
    margin-top: 10px;
    }

    #horizontal-outer-widgets-2.flattened {
    margin: 10px 0;
    }

    .author-info {
    border: 1px solid #c0c0c0;
    margin-top: 15px;
    padding: 5px;
    }

    .author-info h4 {
    padding: 5px 0 5px 5px;
    font-family: Arial, sans-serif;
    }

    .title-container {
    padding-left: 58px;
    /*padding-right: 10px;*/
    }

    .post .title {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    }

    .widget_tag_cloud {
    font-family: Arial, Trebuchet, “Trebuchet MS”, sans-serif;
    }

    .col-control {
    margin: 0 auto;
    padding: 0;
    }

    /* Sliding panel. */
    #top-bar-right-spanel {
    text-align: center;
    display: none;
    padding: 10px;
    background-color: #040D0F;
    border: 1px solid #222;
    }

    /* The part of the panel that actually slides. */
    .spanel {
    overflow: hidden;
    position: relative;
    z-index: 10;
    }

    /* Widget container. */
    .spanel .spanel-content {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    }

    /* Sliding panel widgets. */
    .spanel .suf-panel-widget {
    overflow: hidden;
    float: left;
    color: #AAA;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    }

    .spanel .suf-panel-widget h3 {
    color: #999;
    font: bold 14px/100% Arial, Helvetica, sans-serif;
    }

    .spanel .suf-widget,
    .spanel .suf-flat-widget {
    float: left;
    }

    #top-bar-right-spanel-tab {
    float: right;
    display: inline-block;
    margin-left: 10px;
    }

    /* Wrapper for the open/close button. */
    #top-bar-right-spanel-tab .toggle {
    }

    /* Open/close link. */
    #top-bar-right-spanel-tab a {
    margin: 0;
    padding: 8px 8px 5px 8px;
    text-align: center;
    }

    /* Open link. */
    #top-bar-right-spanel-tab a.open {
    }

    /* Close link. */
    #top-bar-right-spanel-tab a.close {
    display: none;
    }

    /* Open/close link hover. */
    #top-bar-right-spanel-tab a:hover {
    cursor: pointer;
    }

    /* Open/close link array (&urarr;). */
    #top-bar-right-spanel-tab a

    dioney

    (@dioney)

    11 anos, 7 meses atrás

    Tenta aumentar o valor de 55px do min-height para o tamanho que achar conveniente neste trecho do arquivo “style.css”

    #header {
min-height: 55px;
padding: 15px 0;
}

    Veja se funciona e posta aqui os resultados, espero ser útil!

    Criador do tópico jmsmoreira

    (@jmsmoreira)

    11 anos, 7 meses atrás

    Amigo, obrigado pela ajuda. Resolvido. JMSMOREIRA

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Como alterar a altura do cabeçalho do site no tema Suffusion – 4.4.6’ está fechado para novas respostas.