Поддержка → Темы и шаблоны → Пусто в “Screen Options”
Пусто в “Screen Options”
-
Доброй ночи! Подскажите, почему у меня панель “Screen Options” пустая?
http://img-fotki.yandex.ru/get/6438/43223488.38/0_84e4d_8251f1fb_orig
-
Диагностика, пункты 4-6. Тогда будет яснее.
Да, включил стандартную тему, меню появилось! Где в теме искать вывод содержимого этого меню?
в папке с темой есть папка framework, в ней есть файл theme.php<?php if(!class_exists('Theme')){ /** * Used for the theme's initialization. */ class Theme { /** * Initializes the theme framework, loads the required files, and calls the * functions needed to run the theme. */ function init($options) { /* Define theme's constants. */ $this->constants($options); /* Add theme support. */ add_action('after_setup_theme', array(&$this, 'supports')); /* Load theme's functions. */ $this->functions(); /* Register theme's custom post type. */ $this->sidebars(); /* Load theme styles and scripts */ $this->scripts(); /* Load theme's shortcodess. */ $this->shortcodes(); /* Load admin files. */ $this->admin(); //Long posts should require a higher limit, see http://core.trac.wordpress.org/ticket/8553 @ini_set('pcre.backtrack_limit', 500000); } /** * Defines the constant paths for use within the theme. */ function constants($options) { define('THEME_NAME', $options['theme_name']); define('THEME_SLUG', $options['theme_slug']); define('THEME_DIR', get_template_directory()); define('THEME_URI', get_template_directory_uri()); define('THEME_FRAMEWORK', THEME_DIR . '/framework'); define('THEME_SHORTCODES', THEME_FRAMEWORK . '/shortcodes'); define('THEME_IMAGES', THEME_URI . '/framework/admin/images'); define('THEME_ADMIN', THEME_FRAMEWORK . '/admin'); define('THEME_CSS', THEME_URI . '/framework/admin/css'); define('THEME_ADMIN_JS', THEME_URI . '/framework/admin/js'); define('THEME_JS', THEME_URI . '/jq'); } /** * Load admin files. */ function admin() { if (is_admin()) { require_once (THEME_ADMIN . '/admin_option.php'); } } /** * Add theme support. */ function supports() { if (function_exists('add_theme_support')) { //add_theme_support('custom-header'); //add_theme_support('custom-background'); /* if ( function_exists('add_custom_background') ) { add_custom_background(); } */ //Change size of images add_image_size( 'insert-size', 900, 600, true ); //(cropped) //This enables post-thumbnail support for a theme. add_theme_support('post-thumbnails', array('post', 'page', 'portfolio', 'slideshow')); //This enables the naviagation menu ability. add_theme_support('menus'); register_nav_menus(array( 'home-menu' => __(THEME_NAME . ' Home', 'folio_admin' ), 'blog-menu' => __(THEME_NAME . ' Blog', 'folio_admin' ), 'splash-menu' => __(THEME_NAME . ' Splash Screen', 'folio_admin' ) )); //This enables post and comment RSS feed links to head. This should be used in place of the deprecated automatic_feed_links. add_theme_support('automatic-feed-links'); // reference to: http://codex.wordpress.org/Function_Reference/add_editor_style add_theme_support('editor-style'); } } /** * Register theme's shortcodes. */ function shortcodes() { require_once (THEME_SHORTCODES . '/columns.php'); require_once (THEME_SHORTCODES . '/typography.php'); require_once (THEME_SHORTCODES . '/dividers.php'); require_once (THEME_SHORTCODES . '/tabs.php'); require_once (THEME_SHORTCODES . '/boxes.php'); // require_once (THEME_SHORTCODES . '/images.php'); require_once (THEME_SHORTCODES . '/buttons.php'); require_once (THEME_SHORTCODES . '/tables.php'); // require_once (THEME_SHORTCODES . '/blog.php'); require_once (THEME_SHORTCODES . '/portfolios.php'); require_once (THEME_SHORTCODES . '/slideshow.php'); require_once (THEME_SHORTCODES . '/widgets.php'); require_once (THEME_SHORTCODES . '/video.php'); // require_once (THEME_SHORTCODES . '/lightbox.php'); require_once (THEME_SHORTCODES . '/chart.php'); require_once (THEME_SHORTCODES . '/sitemap.php'); require_once (THEME_SHORTCODES . '/iframe.php'); require_once (THEME_SHORTCODES . '/gallery.php'); /*if(theme_get_option('general','enable_gmap')){ require_once (THEME_SHORTCODES . '/gmap.php'); }*/ } /** * Load styles and scripts */ function scripts(){ wp_enqueue_style('shortcode-css',THEME_CSS.'/shortcodes.css'); wp_enqueue_script('shortcode-js',THEME_ADMIN_JS.'/shortcodes.js',array('jquery-tabs')); wp_enqueue_script('jquery-tabs',THEME_ADMIN_JS.'/jquery.tools.tabs.min.js',array('jquery')); } /** * Register sidebars. */ function sidebars() { register_sidebar(array( 'name' => 'Footer1', 'before_widget' => '<li>', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array( 'name' => 'Footer2', 'before_widget' => '<li>', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array( 'name' => 'Footer3', 'before_widget' => '<li>', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array( 'name' => 'Footer4', 'before_widget' => '<li>', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); } /** * Common Functions and Original theme functions */ function functions(){ function sw_attached_image() { $attachments = get_children(array('post_parent' => $post->ID, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID')); foreach($attachments as $att_id => $attachment) { $full_img_url = wp_get_attachment_url($attachment->ID); $split_pos = strpos($full_img_url, 'wp-content'); $split_len = (strlen($full_img_url) - $split_pos); $abs_img_url = substr($full_img_url, $split_pos, $split_len); $full_info = @getimagesize(ABSPATH.$abs_img_url); ?> <div class="WallSizesHolder"> <div class="WallSizesThumbHolder"> <img src="<?php echo $full_img_url; ?>" /> </div> <p><?php echo $full_info[0].'x'.$full_info[1]; ?></p> </div> <?php }} function get_images($size = 'thumbnail') { global $post; return get_children( array('post_parent' => get_the_ID(), 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID') ); } function get_logo_container_class() { $logo_image_url = get_option('sw_logo'); $logo_image_path = str_replace(get_site_url() . '/', '', $logo_image_url); $logo_container_class = 'main_logo'; if (file_exists($logo_image_path)) { list($logo_width, $logo_height) = getimagesize($logo_image_path); if ($logo_width > $logo_height) { $logo_container_class .= ' horizontal'; } else { $logo_container_class .= ' vertical'; } } return $logo_container_class; } function logo_container_class() { echo get_logo_container_class(); } function SearchFilter($query) { if ($query->is_search) { $query->set('post_type', 'post'); } return $query; } add_filter('pre_get_posts','SearchFilter'); function my_search_form( $form ) { $form = '<form role="search" method="get" id="blogsearch" action="' . home_url( '/' ) . '" > <label class="screen-reader-text" for="s">' . __('Search Blog : ') . '</label> <input type="text" value="' . get_search_query() . '" name="s" id="s" /> <input style="display: none;" type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" /> </form>'; return $form; } add_filter( 'get_search_form', 'my_search_form' ); } } }
В этой папке есть еще папка admin а в ней файл admin_option.php
<?php //Theme Options function my_admin_scripts(){ wp_register_script( 'color-pricker', 'http://meta100.github.com/mColorPicker/javascripts/mColorPicker_min.js'); wp_enqueue_script( 'color-pricker' ); wp_enqueue_script('media-upload'); wp_enqueue_script('thickbox'); wp_register_script( 'custom-upload', get_bloginfo('stylesheet_directory').'/framework/admin/js/upload.js',array('jquery','media-upload','thickbox')); wp_enqueue_script( 'custom-upload' ); wp_register_script( 'checkboxs', get_bloginfo('stylesheet_directory').'/framework/admin/js/iphone-style-checkboxes.js',array('jquery')); wp_enqueue_script( 'checkboxs' ); } function my_admin_styles() { wp_enqueue_style('thickbox'); wp_enqueue_style('checkboxs', get_bloginfo('stylesheet_directory').'/framework/admin/css/checkboxs.css'); } if (isset($_GET['page']) && $_GET['page'] == 'folio-themes-setup') { add_action('admin_print_scripts', 'my_admin_scripts'); add_action('admin_print_styles', 'my_admin_styles'); } add_action('admin_menu', 'sw_create_menu'); function sw_create_menu() { add_menu_page('Theme Settings', 'Theme Options', 'administrator','folio-themes-setup', 'sw_settings_page',get_bloginfo('stylesheet_directory')."/framework/admin/images/icon.png",1); add_action( 'admin_init', 'register_mysettings' ); } function register_mysettings() { register_setting( 'sw-settings-group', 'sw_logo'); register_setting( 'sw-settings-group', 'sw_nav_color'); register_setting( 'sw-settings-group', 'page_title_color'); register_setting( 'sw-settings-group', 'page_text_color'); register_setting( 'sw-settings-group', 'page_bg_color'); register_setting( 'sw-settings-group', 'favico'); register_setting( 'sw-settings-group', 'sw_footer_text_left'); register_setting( 'sw-settings-group', 'sw_footer_text_right'); register_setting( 'sw-settings-group', 'home_content'); register_setting( 'sw-settings-group', 'formatting'); register_setting( 'sw-settings-group', 'font_style' ); register_setting( 'sw-settings-group', 'menu_font_size' ); register_setting( 'sw-settings-group', 'blog_nav' ); register_setting( 'sw-settings-group', 'analytics_code' ); register_setting( 'sw-settings-group', 'sw_splash' ); register_setting( 'sw-settings-group', 'page_id' ); register_setting( 'sw-settings-group', 'icon_link_1' ); register_setting( 'sw-settings-group', 'icon_graphic_1' ); register_setting( 'sw-settings-group', 'icon_link_2' ); register_setting( 'sw-settings-group', 'icon_graphic_2' ); register_setting( 'sw-settings-group', 'icon_link_3' ); register_setting( 'sw-settings-group', 'icon_graphic_3' ); register_setting( 'sw-settings-group', 'splash_bg_color'); register_setting( 'sw-settings-group', 'blog_style'); register_setting( 'sw-settings-group', 'header_image'); } function sw_settings_page() { ?> <div class="wrap"> <img style='margin-top: 20px; margin-left: 10px; float: left;' src='<?php echo get_bloginfo('stylesheet_directory');?>/framework/admin/images/folio.png' alt='Folio'/><h2 style='float: left; margin-left: 35px; margin-top: 15px;'>Theme Options</h2> <form method="post" action="options.php"> <?php settings_fields( 'sw-settings-group' ); ?> <table class="form-table"> <tr valign="top"> <th scope="row"><h3>Style Options:</h3></th> <td></td> </tr> <tr valign="top"> <th scope="row">Logo:</th> <td><input size="95" type="text" name="sw_logo" value="<?php echo get_option('sw_logo'); ?>" /><input class="upload_image_button" type="button" value="Upload" /> </td> </tr> <? if(get_option('sw_logo')){ ?> <tr valign="top"> <th scope="row"></th> <td><img src="<?php echo get_option('sw_logo'); ?>" alt="" /></td> </tr> <? } ?> <tr valign="top"> <th scope="row">Favicon:</th> <td><input size="95" type="text" name="favico" value="<?php echo get_option('favico'); ?>" /><input class="upload_image_button" type="button" value="Upload" /> </td> </tr> <? if(get_option('favico')){ ?> <tr valign="top"> <th scope="row"></th> <td><img src="<?php echo get_option('favico'); ?>" alt="" /></td> </tr> <? } ?> <tr valign="top"> <th scope="row">Navigation Color:</th> <td><input size="15" type="color" name="sw_nav_color" value="<?php echo get_option('sw_nav_color'); ?>" data-hex="true" /></td> </tr> <tr valign="top"> <th scope="row">Page Title Color:</th> <td><input size="15" type="color" name="page_title_color" value="<?php echo get_option('page_title_color'); ?>" data-hex="true"/></td> </tr> <tr valign="top"> <th scope="row">Page Text Color:</th> <td><input size="15" type="color" name="page_text_color" value="<?php echo get_option('page_text_color'); ?>" data-hex="true"/></td> </tr> <tr valign="top"> <th scope="row">Background Color:</th> <td><input size="15" type="color" name="page_bg_color" value="<?php echo get_option('page_bg_color'); ?>" data-hex="true"/></td> </tr> <tr valign="top"> <th scope="row">Main Font Style:</th> <td> <input type="radio" name="font_style" id="font_style_1" value="sans-serif" <?php if (get_option('font_style') == '' || get_option('font_style') == 'sans-serif') echo "checked"; ?> /> <label for="font_style_1" style="margin-right: 1em;">Sans-Serif</label> <input type="radio" name="font_style" id="font_style_2" value="serif" <?php if (get_option('font_style') == 'serif') echo "checked"; ?> /> <label for="font_style_2">Serif</label> </td> </tr> <tr valign="top"> <th scope="row">Menu Text Formatting:</th> <td> <input type="radio" name="formatting" id="formatting_1" value="capitalize" <?php if (get_option('formatting') == '' || get_option('formatting') == "capitalize") echo "checked"; ?>> <label for="formatting_1" style="margin-right: 1em;">Home</label> <input type="radio" name="formatting" id="formatting_2" value="uppercase" <?php if (get_option('formatting') == "uppercase") echo "checked"; ?>> <label for="formatting_2" style="margin-right: 1em;">HOME</label> <input type="radio" name="formatting" id="formatting_3" value="lowercase" <?php if (get_option('formatting') == "lowercase") echo "checked"; ?>> <label for="formatting_3" style="margin-right: 1em;">home</label> </td> </tr> <tr valign="top"> <th scope="row">Menu Font Size:</th> <td> <input type="radio" name="menu_font_size" id="menu_font_size_1" value="small" <?php if (get_option('menu_font_size') == '' || get_option('menu_font_size') == 'small') echo "checked"; ?> /> <label for="menu_font_size_1" style="margin-right: 1em;">Small</label> <input type="radio" name="menu_font_size" id="menu_font_size_2" value="medium" <?php if (get_option('menu_font_size') == 'medium') echo "checked"; ?> /> <label for="menu_font_size_2" style="margin-right: 1em;">Medium</label> <input type="radio" name="menu_font_size" id="menu_font_size_3" value="large" <?php if (get_option('menu_font_size') == 'large') echo "checked"; ?> /> <label for="menu_font_size_3">Large</label> </td> </tr> <tr valign="top"> <tr valign="top"> <tr valign="top"> <th scope="row"><h3>Blog Settings:</h3></th> <td></td> </tr> <tr valign="top"> <th scope="row">Blog Style ( Choose a blog layout):</th> <td> <div class="blog_style"> <script type="text/javascript"> jQuery(document).ready( function($) { var selected = jQuery('#blog_style').val(); jQuery('.blog_style').find('a').each(function(){ if(jQuery(this).attr('rel')==selected){ jQuery(this).addClass('current'); } jQuery(this).click(function(){ jQuery('#blog_style').val(jQuery(this).attr('rel')); jQuery('.blog_style').find('.current').removeClass('current'); jQuery(this).addClass('current'); return false; }) }); }); </script> <? get_option('blog_style') !='' ? $blog_style=get_option('blog_style') : $blog_style='1';?> <a rel="1" href="#" ><img src="<?php echo get_bloginfo('stylesheet_directory');?>/framework/admin/images/blog-style-1.png" alt=""></a><a rel="2" href="#"><img src="<?php echo get_bloginfo('stylesheet_directory');?>/framework/admin/images/blog-style-2.png" alt=""></a><a rel="3" href="#"><img src="<?php echo get_bloginfo('stylesheet_directory');?>/framework/admin/images/blog-style-3.png" alt=""></a></div> <input type="hidden" name="blog_style" id="blog_style" value="<?php echo $blog_style; ?>"/> </td> </tr> <tr valign="top"> <th scope="row">Header Image (300px tall X 900px wide):</th> <td><input size="95" type="text" name="header_image" value="<?php echo get_option('header_image'); ?>" /><input class="upload_image_button" type="button" value="Upload" /></td> </tr> <tr valign="top"> <th scope="row"><h3>Splash Screen:</h3></th> <td></td> </tr> <tr valign="top"> <th scope="row">Splash Screen:</th> <td><input type="checkbox" name="sw_splash" <?php if( get_option('sw_splash'))echo 'checked="checked"'; ?> /></td> </tr> <tr valign="top"> <th scope="row">Choose Splash Page:</th> <td> <?php wp_dropdown_pages( 'selected='.get_option('page_id')); ?> </td> </tr> <tr valign="top"> <th scope="row">Splash Page Background Color:</th> <td><input size="15" type="color" name="splash_bg_color" value="<?php echo get_option('splash_bg_color'); ?>" data-hex="true"/></td> </tr> <tr valign="top"> <th scope="row">Icon Graphic #1:</th> <td><input size="95" type="text" name="icon_graphic_1" value="<?php echo get_option('icon_graphic_1'); ?>" /><input class="upload_image_button" type="button" value="Upload" /></td> </tr> <tr valign="top"> <th scope="row">Icon Link #1:</th> <td><input size="95" type="text" name="icon_link_1" value="<?php echo get_option('icon_link_1'); ?>" /></td> </tr> <tr valign="top"> <th scope="row">Icon Graphic #2:</th> <td><input size="95" type="text" name="icon_graphic_2" value="<?php echo get_option('icon_graphic_2'); ?>" /><input class="upload_image_button" type="button" value="Upload" /></td> </tr> <tr valign="top"> <th scope="row">Icon Link #2:</th> <td><input size="95" type="text" name="icon_link_2" value="<?php echo get_option('icon_link_2'); ?>" /></td> </tr> <tr valign="top"> <th scope="row">Icon Graphic #3:</th> <td><input size="95" type="text" name="icon_graphic_3" value="<?php echo get_option('icon_graphic_3'); ?>" /><input class="upload_image_button" type="button" value="Upload" /></td> </tr> <tr valign="top"> <th scope="row">Icon Link #3:</th> <td><input size="95" type="text" name="icon_link_3" value="<?php echo get_option('icon_link_3'); ?>" /></td> </tr> <tr valign="top"> <th scope="row"><h3>Footer:</h3></th> <td></td> </tr> <tr valign="top"> <th scope="row">Footer Text Left:</th> <td><input size="95" type="text" name="sw_footer_text_left" value="<?php echo get_option('sw_footer_text_left'); ?>" /></td> </tr> <tr valign="top"> <th scope="row"><h3>Google Analytics:</h3></th> <td></td> </tr> <tr valign="top"> <th scope="row">Paste your code here:</th> <td><textarea cols="60" rows="6" name="analytics_code"><?php echo get_option('analytics_code'); ?></textarea></td> </tr> </table> <p class="submit"> <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" /> </p> </form> </div> <?php } ?>
Выяснил, что проблема в файле shortcodes.css
Он находится в папке темы framework/admin/css/shortcodes.cssудаляю его и чекбоксы появляются. Как мне это исправить?
/* ======================================================= */ /* Columns */ /* ======================================================= */ /* Basic columns ---------------------------------------------------------- */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; min-height: 1px; height: auto !important; height: 1px; } .one_half { width: 48%; } .one_third { width: 30.6666%; } .two_third { width: 65.3332%; } .one_fourth { width: 22%; } .two_fourth { width: 48%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 79.2%; } .one_sixth { width: 13.3333%; } .two_sixth { width: 30.6666%; } .three_sixth { width: 47.9998%; } .four_sixth { width: 65.3332%; } .five_sixth { width: 82.6665%; } .last { margin-right: 0 !important; clear: right; } /* Two level columns ---------------------------------------------------------- */ .one_half .one_half { margin-right: 8.3333%; width: 45.8333%; } .one_half .one_third { margin-right: 8.3333%; width: 27.7778%; } .one_half .two_third { margin-right: 8.3333%; width: 63.8889%; } .two_third .one_third { margin-right: 6.1224%; width: 29.2517%; } .two_third .two_third { margin-right: 6.1224%; width: 64.6258%; } .two_third .one_fourth { margin-right: 6.1224%; width: 20.4082%; } /* ======================================================= */ /* Divider */ /* ======================================================= */ .divider { position:relative; clear:both; display:block; padding-top:20px; margin-bottom:40px; border-bottom:1px solid #EEEEEE; } .divider.top a { position:absolute; right:0; top:10px; width:20px; background:none repeat scroll 0 0 #FFFFFF; font-size:10px; padding:0 2px; text-align:right; text-decoration:none; color:#ccc; } .divider_padding { position:relative; clear:both; display:block; padding-top:30px; } .divider_line { position:relative; clear:both; display:block; border-bottom:1px solid #EEEEEE; margin-bottom:10px; } /* ======================================================= */ /* Enhance Styles */ /* ======================================================= */ pre,code,.wp-caption,.tabs_container .panes,ul.mini_tabs li,.accordion,.table_style,.framed_box_content,.gravatar,.widget_posts_list .thumbnail { -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } /* ======================================================= */ /* Extended Typography */ /* ======================================================= */ /* dropcap ---------------------------------------------------------- */ .dropcap1, .dropcap2, .dropcap3, .dropcap4 { float: center; text-align: center; overflow:hidden; } .dropcap1 { background:url("../images/dropcap_styles_black.png") no-repeat scroll 0px -48px transparent; color:#fff; line-height: 42px; width: 40px; margin:0 8px -4px 0; font-size: 32px; } .dropcap1.black { background-image:url("../images/dropcap_styles_black.png"); } .dropcap1.gray { background-image:url("../images/dropcap_styles_gray.png"); } .dropcap1.red { background-image:url("../images/dropcap_styles_red.png"); } .dropcap1.orange { background-image:url("../images/dropcap_styles_orange.png"); } .dropcap1.magenta { background-image:url("../images/dropcap_styles_magenta.png"); } .dropcap1.yellow { background-image:url("../images/dropcap_styles_yellow.png"); } .dropcap1.blue { background-image:url("../images/dropcap_styles_blue.png"); } .dropcap1.pink { background-image:url("../images/dropcap_styles_pink.png"); } .dropcap1.green { background-image:url("../images/dropcap_styles_green.png"); } .dropcap1.rosy { background-image:url("../images/dropcap_styles_rosy.png"); } .dropcap2 { background:url("../images/dropcap_styles_black.png") no-repeat scroll -52px 2px transparent; color:#fff; line-height: 44px; height:44px; width: 38px; padding:0 2px 0 0; margin:0 8px -4px 0; font-size:28px; } .dropcap2.black { background-image:url("../images/dropcap_styles_black.png"); } .dropcap2.gray { background-image:url("../images/dropcap_styles_gray.png"); } .dropcap2.red { background-image:url("../images/dropcap_styles_red.png"); } .dropcap2.orange { background-image:url("../images/dropcap_styles_orange.png"); } .dropcap2.magenta { background-image:url("../images/dropcap_styles_magenta.png"); } .dropcap2.yellow { background-image:url("../images/dropcap_styles_yellow.png"); } .dropcap2.blue { background-image:url("../images/dropcap_styles_blue.png"); } .dropcap2.pink { background-image:url("../images/dropcap_styles_pink.png"); } .dropcap2.green { background-image:url("../images/dropcap_styles_green.png"); } .dropcap2.rosy { background-image:url("../images/dropcap_styles_rosy.png"); } .dropcap3 { font-size:40px; line-height: 40px; width:44px; height:44px; margin:0 0 -4px 0; } .dropcap4 { font-size:36px; line-height: 40px; width:44px; height:44px; margin:0 0 -4px 0; } .dropcap3.black, .dropcap4.black { color: #333333; } .dropcap3.gray, .dropcap4.gray { color: #666666; } .dropcap3.red, .dropcap4.red { color: #e62727; } .dropcap3.orange, .dropcap4.orange { color: #ff5c00; } .dropcap3.magenta, .dropcap4.magenta { color: #a9014b; } .dropcap3.yellow, .dropcap4.yellow { color: #ffb515; } .dropcap3.blue, .dropcap4.blue { color: #00ADEE; } .dropcap3.pink, .dropcap4.pink { color: #e22092; } .dropcap3.green, .dropcap4.green { color: #91bd09; } .dropcap3.rosy, .dropcap4.rosy { color: #f16C7c; } /** fix cufon position **/ .dropcap1 .cufon-canvas { margin-top:-4px; } .dropcap2 .cufon-canvas { margin-top:-2px; } .dropcap3 .cufon-canvas { margin-top:-4px; } /* highlight ---------------------------------------------------------- */ .highlight { background: #FFFF99; } .highlight.dark { background: #333; color:#FFF; } /* code & pre ---------------------------------------------------------- */ .code,.pre{ border: 1px solid #e0e0e0; padding: 10px; background:#ffffff; white-space: pre-wrap; /* CSS3 browsers */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ overflow:auto; line-height:20px; } .code { background:url("../images/code_bg.gif") repeat scroll 0 0 #f2f3f5; padding:20px 10px; display:block; } code, kbd, samp, pre, tt, var, input[type=text], input[type=password], input[type=email], textarea { font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; } code, pre { display: block; white-space: pre; } /* blockquote ---------------------------------------------------------- */ blockquote { font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; color:#444; line-height: 24px; padding: 10px 20px 10px 45px; background:url("../images/quote.gif") no-repeat scroll 0px 6px transparent; } blockquote p { margin-bottom:8px; } blockquote.alignleft { margin: 10px 20px 0 0; width: 220px; } blockquote.alignright { margin: 10px 0 0 20px; width: 220px; } blockquote cite { color: #666; font-size: 12px; } /* list style ---------------------------------------------------------- */ ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12 { list-style-type:none; margin-left:5px; } ul.list1 li,ul.list2 li,ul.list3 li,ul.list4 li,ul.list5 li,ul.list6 li,ul.list7 li,ul.list8 li,ul.list9 li,ul.list10 li,ul.list11 li,ul.list12 li { background-image:url("../images/list_styles_black.png"); background-repeat:no-repeat; background-attachment:scroll; background-color:transparent; padding-left:28px; margin:4px 0; } ul.list1 li{ background-position: -340px 0px; } ul.list2 li{ background-position: -310px -30px; } ul.list3 li{ background-position: -280px -60px; } ul.list4 li{ background-position: -250px -90px; } ul.list5 li{ background-position: -220px -120px; } ul.list6 li{ background-position: -190px -150px; } ul.list7 li{ background-position: -160px -180px; } ul.list8 li{ background-position: -130px -210px; } ul.list9 li{ background-position: -100px -240px; } ul.list10 li{ background-position: -70px -270px; } ul.list11 li{ background-position: -40px -300px; } ul.list12 li{ background-position: -10px -330px; } ul.list_color_black li { background-image:url("../images/list_styles_black.png"); } ul.list_color_gray li { background-image:url("../images/list_styles_gray.png"); } ul.list_color_red li { background-image:url("../images/list_styles_red.png"); } ul.list_color_orange li { background-image:url("../images/list_styles_orange.png"); } ul.list_color_magenta li { background-image:url("../images/list_styles_magenta.png"); } ul.list_color_yellow li { background-image:url("../images/list_styles_yellow.png"); } ul.list_color_blue li { background-image:url("../images/list_styles_blue.png"); } ul.list_color_pink li { background-image:url("../images/list_styles_pink.png"); } ul.list_color_green li { background-image:url("../images/list_styles_green.png"); } ul.list_color_rosy li { background-image:url("../images/list_styles_rosy.png"); } /* ======================================================= */ /* Video */ /* ======================================================= */ .video_frame {line-height:100%;} .video-js-box { text-align: center; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important; } /* Video Element */ video.video-js { background-color: #000; position: relative; padding: 0; } .vjs-flash-fallback { display: block; } /* Poster Overlay Style */ .video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; } /* Subtiles Style */ .video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; } /* Fullscreen styles for main elements */ .video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .video-js-box.vjs-fullscreen video.video-js, .video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; } .video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; } .video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; } .video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; } .video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; } /* Styles Loaded Check */ .vjs-styles-check { height: 5px; position: absolute; } /* Controls Below Video */ .video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; } .video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */ /* DEFAULT SKIN (override in another file) ================================================================================ Using all CSS to draw the controls. Images could be used if desired. Instead of editing this file, I recommend creating your own skin CSS file to be included after this file, so you can upgrade to newer versions easier. */ /* Controls Layout Using absolute positioning to position controls */ .video-js-box .vjs-controls { position: absolute; margin: 0; opacity: 0.85; color: #fff; display: none; /* Start hidden */ left: 0; right: 0; /* 100% width of video-js-box */ width: 100%; bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */ height: 35px; /* Including any margin you want above or below control items */ padding: 0; /* Controls are absolutely position, so no padding necessary */ } .video-js-box .vjs-controls > div { /* Direct div children of control bar */ position: absolute; /* Use top, bottom, left, and right to specifically position the control. */ text-align: center; margin: 0; padding: 0; height: 25px; /* Default height of individual controls */ top: 5px; /* Top margin to put space between video and controls when controls are below */ background-color: #0B151A; background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px; background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px; /* CSS Curved Corners */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; /* CSS Shadows */ box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000; } /* Placement of Control Items - Left side of pogress bar, use left & width - Rigth side of progress bar, use right & width - Expand with the video (like progress bar) use left & right */ .vjs-controls > div.vjs-play-control { left: 5px; width: 25px; } .vjs-controls > div.vjs-progress-control { left: 35px; right: 165px; } /* Using left & right so it expands with the width of the video */ .vjs-controls > div.vjs-time-control { width: 75px; right: 90px; } /* Time control and progress bar are combined to look like one */ .vjs-controls > div.vjs-volume-control { width: 50px; right: 35px; } .vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px; } /* Removing curved corners on progress control and time control to join them. */ .vjs-controls > div.vjs-progress-control { border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .vjs-controls > div.vjs-time-control { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } /* Play/Pause -------------------------------------------------------------------------------- */ .vjs-play-control { cursor: pointer !important; } /* Play Icon */ .vjs-play-control span { display: block; font-size: 0; line-height: 0; } .vjs-paused .vjs-play-control span { width: 0; height: 0; margin: 8px 0 0 8px; /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */ border-left: 10px solid #fff; /* Width & Color of play icon */ /* Height of play icon is total top & bottom border widths. Color is transparent. */ border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0); } .vjs-playing .vjs-play-control span { width: 3px; height: 10px; margin: 8px auto 0; /* Drawing the pause bars with borders */ border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; } /* Progress -------------------------------------------------------------------------------- */ .vjs-progress-holder { /* Box containing play and load progresses */ position: relative; padding: 0; overflow:hidden; cursor: pointer !important; height: 9px; border: 1px solid #777; margin: 7px 1px 0 5px; /* Placement within the progress control item */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-progress-holder div { /* Progress Bars */ position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-play-progress { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777)); background: -moz-linear-gradient(top, #fff, #777); } .vjs-load-progress { opacity: 0.8; background-color: #555; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa)); background: -moz-linear-gradient(top, #555, #aaa); } /* Time Display -------------------------------------------------------------------------------- */ .vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } .vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ } /* Volume -------------------------------------------------------------------------------- */ .vjs-volume-control { cursor: pointer !important; } .vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; } /* Drawing the volume icon using 6 span elements */ .vjs-volume-control div span { /* Individual volume bars */ float: left; padding: 0; margin: 0 2px 0 0; /* Space between */ width: 5px; height: 0px; /* Total height is height + bottom border */ border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */ } .vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ } /* Creating differnt bar heights through height (transparent) and bottom border (visible). */ .vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; } .vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; } .vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; } .vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; } .vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; } .vjs-volume-control div span:nth-child(6) { margin-right: 0; } /* Fullscreen -------------------------------------------------------------------------------- */ .vjs-fullscreen-control { cursor: pointer !important; } .vjs-fullscreen-control div { padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; margin: 5px 0 0 5px; /* Placement within the fullscreen control item */ width: 20px; height: 20px; } /* Drawing the fullscreen icon using 4 span elements */ .vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; } .vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */ margin-right: 3px; /* Space between top-left and top-right */ margin-bottom: 3px; /* Space between top-left and bottom-left */ border-top: 6px solid #fff; /* Height and color */ border-right: 6px solid rgba(0,0,0,0); /* Width */ } .vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } /* Icon when video is in fullscreen mode */ .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } /* Download Links - Used for browsers that don't support any video. -------------------------------------------------------------------------------- */ .vjs-no-video { margin-top:10px; font-size: small; } /* Big Play Button (at start) ---------------------------------------------------------*/ div.vjs-big-play-button { display: none; position: absolute; top: 50%; left: 50%; width: 76px; height: 70px; margin: -35px 0 0 -38px; z-index: 102; text-align: center; vertical-align: center; cursor: pointer !important; border: 1px solid #ccc; opacity: 0.8; background-color: #0B151A; background: rgba(50,50,50,0.8); } div.vjs-big-play-button:hover { box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff; } div.vjs-big-play-button span { display: block; font-size: 0; line-height: 0; width: 0; height: 0;margin: 16px 0 0 21px; border-left: 40px solid #fff; border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0); } /* Spinner Styles ---------------------------------------------------------*/ /* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */ .vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px; /* Scaling makes the circles look smoother. */ transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); } /* Spinner circles */ .vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */ } /* Each circle */ .vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); } .vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); } .vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); } .vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); } .vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); } .vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); } .vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); } .vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); } /* Text with icons ---------------------------------------------------------- */ .icon_text { padding:0 0 0 22px; background-image:url("../images/icons.png"); background-repeat:no-repeat; background-attachment:scroll; background-color:transparent; } #footer .icon_text.default { background-image:url("../images/footer_icons.png"); } .icon_globe { background-position: -390px 0px; } .icon_home { background-position: -360px -30px; } .icon_email { background-position: -330px -60px; } .icon_user { background-position: -300px -90px; } .icon_multiuser { background-position: -270px -120px; } .icon_id { background-position: -240px -150px; } .icon_addressbook { background-position: -210px -180px; } .icon_phone { background-position: -180px -210px; } .icon_link { background-position: -150px -240px; } .icon_chain { background-position: -120px -270px; } .icon_calendar { background-position: -90px -300px; } .icon_tag { background-position: -60px -330px; } .icon_download { background-position: -30px -360px; } .icon_cellphone { background-position: 1px -390px; } .icon_text.default { background-image:url("../images/icons_black.png"); } .icon_text.black { background-image:url("../images/icons_black.png"); } .icon_text.gray { background-image:url("../images/icons_gray.png"); } .icon_text.red { background-image:url("../images/icons_red.png"); } .icon_text.orange { background-image:url("../images/icons_orange.png"); } .icon_text.magenta { background-image:url("../images/icons_magenta.png"); } .icon_text.yellow { background-image:url("../images/icons_yellow.png"); } .icon_text.blue { background-image:url("../images/icons_blue.png"); } .icon_text.pink { background-image:url("../images/icons_pink.png"); } .icon_text.green { background-image:url("../images/icons_green.png"); } .icon_text.rosy { background-image:url("../images/icons_rosy.png"); } /* ======================================================= */ /* Tabs & Accordion & Toggle */ /* ======================================================= */ /* Tabs ---------------------------------------------------------- */ .tabs_container { margin-bottom: 20px; } ul.tabs { overflow:hidden; border-bottom: 1px solid #ddd; list-style: none; margin: 0; padding: 0; } ul.tabs li { border: 1px solid #ddd; border-bottom: 0; display: inline; float: left; margin: 0 -1px -1px 0; padding: 1px; } ul.tabs a { display: block; padding: 0 10px; background: #f5f5f5; color: #666; padding: 6px 9px; font-size: 11px; font-weight: bold; line-height: 14px; white-space: nowrap; } ul.tabs a:hover { background: #fff; text-decoration: none; } ul.tabs li.current { background: #fff; } ul.tabs li.current a { background: #fff; color: #333; cursor: default; } .tabs_container .panes { border: 1px solid #ddd; border-top: 0; margin: 0; padding: 10px 15px; background: #fff; } .tabs_container .panes > div{ display:none; } #footer ul.tabs li{ padding: 0px; margin: 0 0 -1px 0; } #footer ul.tabs, #footer ul.tabs li, #footer .tabs_container .panes { border-color:#999; border-color: rgba(255, 255, 255, 0.15); } #footer ul.tabs a { background: transparent; } #footer ul.tabs a:hover, #footer ul.tabs li.current, #footer ul.tabs li.current a { background-color: transparent; } #footer ul.tabs li.current { background-color: rgba(255, 255, 255, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')"; } #footer .tabs_container .panes { padding: 10px 15px; background: transparent; } /* Mini Tabs ---------------------------------------------------------- */ .mini_tabs_container { margin-bottom: 20px; } ul.mini_tabs { overflow:hidden; background:url("../images/mini_tabs_border.gif") repeat-x scroll left bottom transparent; list-style: none; margin: 0; padding: 0; padding-left:10px; } ul.mini_tabs li { -webkit-border-top-left-radius: 1px; -webkit-border-top-right-radius: 1px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; border-top-left-radius: 1px; border-top-right-radius: 1px; border: 1px solid #ddd; border-bottom: 0; display: inline; float: left; margin: 0 4px 0 0; padding: 1px; } ul.mini_tabs a { display: block; padding: 0 10px; background: #f5f5f5; color: #666; padding: 2px 10px; font-size: 12px; font-weight:bold; line-height: 20px; white-space: nowrap; } ul.mini_tabs a:hover { background: #fff; text-decoration: none; } ul.mini_tabs li.current { background: #fff; } ul.mini_tabs li.current a { background: #fff; color: #333; cursor: default; } .mini_tabs_container .panes { margin: 0; padding: 10px 0px; } .mini_tabs_container .panes > div{ display:none; } #footer ul.mini_tabs { background:url("../images/footer_list_divider.png") repeat-x scroll left bottom transparent; padding-bottom:1px; padding-left:0; } #footer ul.mini_tabs li{ border:none; padding:0px; } #footer ul.mini_tabs a { background: transparent; padding:3px 6px 2px; } #footer ul.mini_tabs a:hover, #footer ul.mini_tabs li.current, #footer ul.mini_tabs li.current a { background-color: transparent; } #footer ul.mini_tabs li.current { background-color: rgba(255, 255, 255, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')"; } /* Accordion ---------------------------------------------------------- */ .accordion { border:1px solid #ddd; margin-bottom:20px; } .accordion .tab { color:#666; background-color:#f5f5f5; margin:0; padding:5px 15px; font-size:14px; font-weight:normal; border:1px solid #fff; border-bottom:none; cursor:pointer; border-bottom:1px solid #ddd; } /* currently active header */ .accordion .tab.current { color:#333; cursor:default; background-color:#fff; } /* accordion pane */ .accordion .pane { border-bottom:1px solid #ddd; display:none; padding:10px 15px; font-size:12px; overflow: hidden; } .accordion .tab:nth-last-child(2) { border-bottom:none; } .accordion .pane:last-child { border-top:1px solid #ddd; border-bottom:none; } /* Toggle ---------------------------------------------------------- */ .toggle { position:relative; margin-bottom:10px; } .toggle_title { margin:0; padding:5px 10px 5px 45px; font-size:18px; line-height:18px; background: url("../images/toggle_buttons.png") no-repeat scroll -30px 3px transparent; cursor:pointer; } .toggle_active { background-position: 0px -27px; } .toggle_content { padding:10px; margin-top:5px; margin-left:5px; display:none; } /* ======================================================= */ /* Boxes Styles */ /* ======================================================= */ /* Messages ---------------------------------------------------------- */ .info, .error, .notice, .success { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px; } .message_box_content h3 { margin-bottom: 0px; } .message_box_content { border: 1px solid #fff; padding:10px; } .info { background: #D7E7F5; color: #5E6984; border-color: #AACEE6; } .error { background: #FDE9EA; color: #A14A40; border-color: #FDCED0; } .notice { background: #FFF9CC; color: #736B4C; border-color: #FFDB4F; } .success { background: #E2F2CE; color: #466840; border-color: #BFE098; } .info a { color: #5E6984 !important; } .error a { color: #A14A40 !important; } .notice a { color: #736B4C !important; } .success a { color: #466840 !important; } .error_msg { margin-top: -20px; margin-bottom: 20px; background: none repeat scroll 0 0 #fff3f3; border: 1px solid #fcbec0; border-top: 0 none; color: #684c4c; } .error_msg ul, .error_msg ol { margin-bottom: 0; } /* Framed box ---------------------------------------------------------- */ .framed_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px; } .rounded,.rounded .framed_box_content{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .framed_box.center{ text-align:center; } .framed_box_content { border: 1px solid #fff; background-color: #f0f0f0; padding:20px; padding-bottom: 0; } /* Note box ---------------------------------------------------------- */ .note { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* FF3.5+ */ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Saf3.0+, Chrome */ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Opera 10.5, IE 9.0 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border:1px solid #eee; border:1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; background:#FEFDF0; background: -moz-linear-gradient( center top, rgba(255, 255, 0, .1) 0%, rgba(238, 238, 0, .08) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(238, 238, 0, .1)), to(rgba(255, 255, 0, .08)) );/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00')"; /* IE8 */ } .note_title{ padding:15px 20px 5px 16px; margin:0; } .note.alignleft{ margin:2px 16px 16px 2px !important; } .note.alignright{ margin:2px 2px 16px 16px !important; } .note_content { padding:0 15px 20px; } /* Non-semantic helper classes ---------------------------------------------------------- */ .center { text-align: center; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { margin-left:auto; margin-right:auto; } .clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } /* ======================================================= */ /* Buttons Styles */ /* ======================================================= */ .button, .button span { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .button { white-space: nowrap; line-height:1em; position:relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) );/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } button.button { padding:0px; margin:0; } a.button, a.button:hover { text-decoration: none; } .button.full, .button.full span { display: block; } .button:hover, .button.hover { background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) );/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */ } .button:active, .button.active { top:1px; background: -moz-linear-gradient( center top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .1)) );/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */ } .button span { position: relative; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); border-top: rgba(255, 255, 255, .2) 1px solid; padding:0.6em 1.3em; line-height:1em; text-decoration:none; text-align:center; white-space: nowrap; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button.button span { margin-top: -1px; margin-left:-2px; margin-right:-2px; } } .button.small span { font-size:12px; } .button.medium span { font-size:14px; } .button.large span { font-size:18px; } /* Button Color Scheme ---------------------------------------------------------- */ .button.black { background-color: #333333; } .button.gray { background-color: #666666; } .button.white { background-color: #FFFFFF; } .button.white span{ color: #666666; } .button.red { background-color: #e62727; } .button.orange { background-color: #ff5c00; } .button.magenta { background-color: #A9014B; } .button.yellow { background-color: #ffb515; } .button.blue { background-color: #00ADEE; } .button.pink { background-color: #e22092; } .button.green { background-color: #91bd09; } .button.rosy { background-color: #F16C7C; } /* ======================================================= */ /* Table */ /* ======================================================= */ table, td, th { vertical-align: top; } caption { padding-bottom: 0.8em; } /* Table Style ---------------------------------------------------------- */ .table_style { border: 1px solid #dddddd; margin-bottom:20px; } .table_style table { text-align: left; border-collapse: collapse; border: 1px solid #fff; width:100%; padding:0; margin:0; } .table_style th { text-align:center; padding:12px; font-weight: normal; font-size: 14px; color: #555; background-color:#EEEEEE; } .table_style tbody { background: #F9F9F9; } .table_style td { text-align:center; padding: 10px; color: #666; border-top: 1px dashed #fff; } .table_style tbody tr:hover td { color: #333; background: #fff; border-top: 1px solid #fff; } .table_style tfoot { background-color:#f3f3f3; } .table_style tfoot td { padding:8px; } /* Recent Post ---------------------------------------------------------- */ .posts_list { list-style: none; margin: 0; } .posts_list p{ margin:0; } .posts_list li, #sidebar .posts_list li, #footer .posts_list li { padding:5px 0; } .posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a { background:none; padding:0; line-height:20px; } .posts_list .thumbnail, #sidebar .posts_list .thumbnail, #footer .posts_list .thumbnail{ display:block; float:left; margin:4px 8px 8px 0; line-height:100%; border: 1px solid #eee; } .posts_list .thumbnail img { border: 1px solid #fff; display:block; } .posts_list time { display:block; } .posts_list .post_extra_info { overflow:hidden; } #footer .posts_list .thumbnail img { border:none; width:60px; height:60px; } /* Authors ---------------------------------------------------------- */ .authors_list { list-style: none; margin: 0; } .authors_list li, #sidebar .authors_list li, #footer .authors_list li { padding:5px 0; overflow:hidden; } .widget_authors .gravatar { height:60px; margin: 4px 8px 8px 0; float: left; border: 1px solid #eee; } .widget_authors .gravatar img { border:none; padding:none; display:block; width:60px; height:60px; padding:0; } /* Contact Form ---------------------------------------------------------- */ .widget_contact_form p { margin-bottom:10px; } .widget_contact_form label { padding-left:6px; } .widget_contact_form .invalid { border: 2px solid #999 !important; } #footer .widget_contact_form .invalid { border:1px solid #fff; border: rgba(255, 255, 255, .5) 1px solid; } #footer .widget_contact_form .text_input{ width:60%; } #footer .widget_contact_form .textarea { width:92%; } /* for shortcode */ .contact_form_wrap .contact_form .text_input { width:60%; padding:6px; } .contact_form_wrap .contact_form .textarea { width:95%; padding:6px; height:250px; } .contact_form_wrap .contact_form label { padding-left:5px; } .contact_form_wrap .contact_form .invalid { border: 2px solid #999 !important; } /* Contact Info Widget ---------------------------------------------------------- */ .contact_info_wrap .icon_text, .contact_info_wrap .contact_address{ padding-left:26px; } .contact_info_wrap p { margin-bottom:5px; } .contact_info_wrap .contact_zip { padding-left:5px; } /* Twitter Widget ---------------------------------------------------------- */ #sidebar .widget_twitter .tweet_list li { background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent; padding:5px 5px 5px 22px; line-height:inherit; word-wrap:break-word; } #sidebar .widget_twitter .tweet_list a { background:none; padding:0; line-height:20px; } /* for shortcode */ .twitter_wrap .tweet_list { list-style: none; margin:0; } .twitter_wrap .tweet_list li { background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent; padding:5px 5px 5px 22px; line-height:inherit; word-wrap:break-word; margin:0; } .twitter_wrap .tweet_list a { background:none; padding:0; } /* with avatar */ .twitter_wrap.with_avatar .tweet_list li, #sidebar .widget_twitter .with_avatar .tweet_list li { background:none; padding-left:0px; overflow:hidden; } #sidebar .widget_twitter .with_avatar .tweet_list a.tweet_avatar, .twitter_wrap .tweet_list a.tweet_avatar { float:left; padding-right:10px; } /* Flickr Widget ---------------------------------------------------------- */ .flickr_wrap { position: relative; } .flickr_wrap .flickr_badge_image { border:1px solid #eeeeee; padding: 0; float:left; line-height:100%; margin:0 10px 10px 0; } .flickr_wrap .flickr_badge_image img { width:75px; height:75px; border:1px solid #FFFFFF; background-color:#F9F9F9; display:block; } #footer .flickr_wrap { margin-right:-9px; } #footer .flickr_badge_image { margin:0 9px 9px 0; } #footer .flickr_wrap img { width:60px; height:60px; } /* Social Icon Widget ---------------------------------------------------------- */ .widget_social a { padding:0 !important; margin: 0 !important; background: none !important; } .widget_social a:hover { text-decoration: none; border: 0; } .widget_social img { margin:0 10px 5px 0; } .widget_social .social_animation_fade img, .widget_social .social_animation_combo img { opacity:0.7; -moz-opacity:0.7; } .widget_social .social_animation_fade img:hover { opacity: 1; -moz-opacity: 1; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease; } .widget_social .social_animation_scale img:hover { -moz-transform: scale(1.2); -o-transition: scale(1.2); -webkit-transform: scale(1.2); -ms-zoom: 1.2; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease; } .widget_social .social_animation_bounce img:hover { -moz-transform: translate(0px, -2px); -o-transition: translate(0px, -2px); -webkit-transform: translate(0px, -2px); transform: translate(0px, -2px); -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; } .widget_social .social_wrap.social_animation_combo img:hover { opacity: 1; -moz-opacity: 1; transform: translate(0px, -2px); -moz-transform: scale(1.2) translate(0px, -2px); -o-transform: scale(1.2) translate(0px, -2px); -webkit-transform: scale(1.2) translate(0px, -2px); -ms-zoom: 1.2; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; } /* Google Map Widget ---------------------------------------------------------- */ .widget_gmap .google_map{ height:220px; } .widget_gmap .google_map{ color:#666; } /* Rss Widget ---------------------------------------------------------- */ #footer .widget_rss ul li { background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent; }
Могу предложить добавлять стили в файл по секциям и проверять на ошибку. Найдя проблемные стили — выяснять в чем дело. Через Firebug смотрите какие стили влияют на screen options.
Попробую) Спасибо!
Этот блок конфликтует со штатными стилями панели:
.hidden { display: none; visibility: hidden; }
Если убрать
visibility: hidden
, содержимое вкладки появляется.Экая помойка…
mikheys, Правила не для вас?
- Тема «Пусто в “Screen Options”» закрыта для новых ответов.