/* Theme Name: FlyingNews Theme URI: http://demo.jawtemplates.com/flyingnews/wp/ Description: FlyingNews theme for Wordpress Version: 2.8 Author: JaW Templates Author URI: http://www.jawtemplates.com/ License: Located in 'licensing' folder License URI: Located in 'licensing' folder Tags: black, blue, red, white,fixed-width,two-columns,left-sidebar,right-sidebar,threaded-comments,theme-options,custom-menu,custom-colors,post-formats */ /******************************************************************************* * all *******************************************************************************/ * { font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; } /******************************************************************************* * content *******************************************************************************/ #content { background: #f0f4f4 !important; } /******************************************************************************* * header-bg *******************************************************************************/ #header-bg{ width:100%; height:115px; background: #fff; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; margin-bottom: 20px; behavior: url(/PIE.htc); } /******************************************************************************* * header *******************************************************************************/ #header　.cut_margin{ margin-bottom: 0x !important; } #header-towa { position: absolute;right:0px;top:0px; } #header-search { width:224px; position: absolute;right:0px;top:60px; } #header-kome { color: #adadad; font-size:11px; width:auto; position: absolute; left:370px; top:25%; } /******************************************************************************* * widget *******************************************************************************/ .widget　{ padding:0 !important; } .widget h2 * {font-size: 14px !important; font-weight: bold !important;} .widget h2 { margin: 0px -1px 0px -1px !important; padding: 17px 0px 13px 24px !important; } #template-box #main .widget h2 { background: url("images_original/widget_h2.png") no-repeat 10px 15px !important; border-bottom: 5px solid #199CBF; color: #333333 !important;} /******************************************************************************* * sidebar widget *******************************************************************************/ #sidebar .widget { margin-bottom: 18px !important; border-bottom: none!important; padding: 0px; } #sidebar .widget .authorlist { padding:13px; } #sidebar .widget .authorlist ul { margin:0; padding:0px; } #sidebar .widget .authorlist ul li { width:33%; float:left; text-align:left; font-size:75%; line-height:1.2; height:100px; border:none; letter-spacing: -0.05em; } #sidebar .widget .authorlist ul li img { border:2px solid #ccc; } #sidebar .widget .authorlist ul li p a { display:block; text-decoration: underline; background: url('images_original/arrow_gray.png') 0 0 no-repeat; padding:0 0 0 8px; font-size:75%; line-height:1.2;} /******************************************************************************* * tab-post-widget *******************************************************************************/ #tab-post-widget { padding: 0 !important; border-bottom: none; } #tab-post-widget dl.tabs dd { width:50%; } #tab-post-widget dl.tabs dd a { border-right: none!important; } #tab-post-widget ul.tabs-content { margin:0 !important; } #tab-post-widget ul.tabs-content li {border-bottom: none!important;} #tab-post-widget .tab-post-row { margin-bottom: 5px !important; } #tab-post-widget .tab-post-widget-img img { border: 2px solid #CCCCCC; } #tab-post-widget .tab-post-widget-content.has_image { padding-left: 95px !important; } /******************************************************************************* * tab-post-widget tab-post-widget-content *******************************************************************************/ #tab-post-widget .tab-post-widget-content h3, #related .tab-post-widget-content h3 {font-size: 0.8em!important; margin-bottom: 5px!important;} #tab-post-widget .tab-post-widget-content h3 a, #related .tab-post-widget-content h3 a { color:#333333; text-decoration: underline; } #tab-post-widget .tab-post-widget-content h3 a:hover , #related .tab-post-widget-content h3 a:hover { color:#ff6600; } #tab-post-widget .tab-post-widget-content span {color:#333333!important; font-size: 0.7em!important;} #tab-post-widget .tab-post-widget-content span a {text-decoration: underline;} /******************************************************************************* * widget_categories *******************************************************************************/ .widget_categories ul { margin:0; padding:0!important; list-style:none; } .widget_categories ul li { margin:0!important; padding:0!important; list-style:none; border-bottom:1px solid #e7e7e7; } .widget_categories ul li.current-cat { font-weight:bold; } .widget_categories ul li a { display:block; margin:0; padding:15px 15px 15px 32px; list-style:none; background: url(images_original/arrow_gray.png) no-repeat 15px center; text-decoration: underline; } .widget_categories ul li a .count { display:block; float:right; border-radius:5px; padding:0 5px; text-align:right; color:#fff; background-color:#999; font-family:Montserrat,Arial,sans-serif; width:50px } .widget_categories ul li.current-cat a .count { display:block; float:right; border-radius:5px; padding:0 5px; text-align:cener; color:#fff; background-color:#444; font-family:Montserrat,Arial,sans-serif; } /******************************************************************************* * widget_tag_cloud *******************************************************************************/ .widget_tag_cloud .tagcloud {padding: 13px;} .widget_tag_cloud .tagcloud a { color: #fff; } /******************************************************************************* * template-box breadcrumbs *******************************************************************************/ #template-box { background: #f0f4f4!important; } #template-box .breadcrumb a { color:#333 !important; text-decoration: underline; } #template-box .breadcrumb a:hover { color:#ff6600 !important; text-decoration: underline; } /******************************************************************************* * page-numbers *******************************************************************************/ ul.page-numbers li span.current { background: none repeat scroll 0 0 #444!important; color: #fff!important; } ul.page-numbers li a { background: none!important; color: #2f3033!important; } ul.page-numbers li a:hover { background: #999!important; color: #fff!important; } /******************************************************************************* * facebookOuter *******************************************************************************/ .facebookOuter { margin-bottom:18px; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; margin-bottom: 50px; behavior: url(/PIE.htc); overflow:visible; } .fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ width: 100% !important; } /******************************************************************************* * FOOTER *******************************************************************************/ #footer-content-info .row {background: #F0F4F4 !important;} /******************************************************************************* * COPYRIGHT & FOOTER MENU *******************************************************************************/ #footer-copyright {background: #fff !important; padding-bottom: 0px !important; border-top: 2px solid #199CBF; padding: 0 0 10px 0 !important; } #footer-copyright * {font-size: 10px;} #footer-copyright .row {background: #fff !important;} #footer-navi ul { } #footer-navi li { display:block; float:left; list-style: none; width:25%; margin-bottom: 30px; background: url(images_original/arrow_gray_en.png) no-repeat 0 center; text-decoration: underline; padding-left:20px; } #footer-navi li a { color:#333; } #footer-navi li a:hover { color:#ff6600; } /******************************************************************************* * elements_iso *******************************************************************************/ #elements_iso { overflow: visible !important; } #elements_iso .element .box { background: url(images_original/box-bg.png) repeat; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; behavior: url(/PIE.htc); } #elements_iso .element .box:hover { background: url(images_original/box-bg-h.png) repeat ; } #elements_iso .element .box:hover a { text-decoration: underline; } #elements_iso .element .box a { color: #333; } #elements_iso .element .content-box { color: #333; } /******************************************************************************* * elements_iso category_template categories *******************************************************************************/ #elements_iso .category_template .categories, #elements_iso .categories { width:150px; height: 30px; top: 12px; right: 12px; border-radius:5px; text-align: center; padding-top: 4px; width: auto; } #elements_iso .category_template .categories a { color: #fff !important; } /******************************************************************************* * content-box *******************************************************************************/ .content-box { padding: 5px 12px !important; background: #fff !important; } .content-box p { font-size: 12px !important; } .content-box h2 { line-height: 24px !important; } .content-box h2 a { font-size: 16px !important; font-weight: bold !important; line-height: 20px !important; letter-spacing: 0.1px !important;} .content-box .wp_social_bookmarking_light { padding-top: 15px !important; } /******************************************************************************* * auth-post-info auth-img *******************************************************************************/ #auth-post-info { padding: 12px 12px 0px 12px; position: relative; background: #fff; } #auth-post-info div { font-size: 12px; line-height: 16px; } #auth-post-info a { color: #333 !important; } #auth-img img { position: absolute; right:10px;top:-25px; border:2px solid #9b9b9b; border-radius:3px; } /******************************************************************************* * no-img *******************************************************************************/ .no-img { min-height:65px; height: auto !important; height: 65px; background: #fff !important; } /******************************************************************************* * new_icon *******************************************************************************/ #new_icon { display:block; z-index: 100; position: absolute; top: 10px; left: 10px; } /******************************************************************************* * keyvisual *******************************************************************************/ #keyvisual img { box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; behavior: url(/PIE.htc); } /******************************************************************************* * h1 author category search tag *******************************************************************************/ h1#author { font-size: 18px; height: 42px; padding: 13px 0 0 130px; background: url("images_original/h1_author.png") no-repeat 0px 0px; border-right: 2px solid #ccc; } h1#search { font-size: 18px; height: 42px; padding: 13px 0 0 130px; background: url("images_original/h1_search.png") no-repeat 0px 0px; border-right: 2px solid #ccc; } h1#tag { font-size: 18px; height: 42px; padding: 13px 0 0 130px; background: url("images_original/h1_tag.png") no-repeat 0px 0px; border-right: 2px solid #ccc; } h1#category { font-size: 18px; height: 42px; padding: 13px 0 0 130px; background: url("images_original/h1_category.png") no-repeat 0px 0px; border-right: 2px solid #ccc; } /******************************************************************************* * admin_info *******************************************************************************/ #admin_info { margin-bottom: 18px !important;} #admin_info .author_info { background:#fff; padding: 20px; border: 1px solid #ccc; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; behavior: url(/PIE.htc); } #admin_info .author_image { width: 84px !important; margin-right: 20px !important;} #admin_info .author_image img { border:2px solid #e1e1e1; border-radius:3px; } /******************************************************************************* * category_description *******************************************************************************/ .category_description { margin-bottom: 18px !important; background:#fff; padding: 20px; border: 1px solid #ccc; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; behavior: url(/PIE.htc); } /******************************************************************************* * page-detail *******************************************************************************/ .page-detail { padding: 15px !important; background:#fff; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; behavior: url(/PIE.htc); } /******************************************************************************* * detail *******************************************************************************/ .detail { background:#fff; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; behavior: url(/PIE.htc); } /******************************************************************************* * detail *******************************************************************************/ .detail .entry-detail { padding: 15px !important; } .detail .entry-detail h2 { height: auto; padding: 15px 10px; display: block; font-size: 18px; font-weight: bold; border-left: 7px solid #e7e7e7; background-color: #f6f6f6; box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; behavior: url(/PIE.htc); } .detail .entry-detail h3 { height: auto; padding: 10px 10px; display: block; font-size: 18px; font-weight: bold; border-left: 7px solid #199cbf; } .detail .entry-detail h4 { height: auto; padding: 6px 10px; display: block; font-size: 18px; font-weight: bold; border-bottom: 2px solid #ccc; } /******************************************************************************* * detail h5 *******************************************************************************/ .detail h5 { float: left; width: auto; display: block; margin-bottom: 0px; padding: 3px 20px; background-color: #199CBF; color: #fff; margin-left: 15px !important; } .detail .arrow-blue { clear: both; background: url(images_original/arrow_blue.png) no-repeat 43px 0; margin-left: 15px !important; } /******************************************************************************* * post_title_template *******************************************************************************/ .detail .post_title_template, .detail .entry-detail header { background: none repeat scroll 0 0 #333 !important; margin-bottom: 17px; } .detail .post_title_template h1, .detail .entry-detail header h1 { font-size: 18px !important; font-weight: normal !important; color: #fff !important; } /******************************************************************************* * meta categories time *******************************************************************************/ .detail .meta { position: relative; } .detail .categories { width:150px; height: 30px; border-radius:5px; text-align: center; padding-top: 6px; background-color: #199CBF; display: block; } .detail .categories { display: inline-block; width: auto; padding: 6px 10px 0; } .category_color_orange .detail .categories { background-color: #ec5923; } .category_color_darkblue .detail .categories { background-color: #2d5c88; } .category_color_cyan .detail .categories { background-color: #2997ab; } .category_color_darkgreen .detail .categories { background-color: #719430; } .category_color_grunge .detail .categories { background-color: #85742e; } .category_color_lightblue .detail .categories { background-color: #8bbbe0; } .category_color_lightgreen .detail .categories { background-color: #8eccb3; } .category_color_navy .detail .categories { background-color: #435960; } .category_color_pink .detail .categories { background-color: #e44884; } .category_color_purple .detail .categories { background-color: #46424f; } .category_color_darkred .detail .categories { background-color: #a81010; } .category_color_salmon .detail .categories { background-color: #FF717E; } .category_color_darkgrey .detail .categories { background-color: #464646; } .category_color_red .detail .categories { background-color: #d73300; } .category_color_blue .detail .categories { background-color: #20b1ea; } .category_color_green .detail .categories { background-color: #579b18; } .category_color_yellow .detail .categories { background-color: #2f3033; } .category_color_lime .detail .categories { background-color: #aec71e; } .detail .categories a { color: #fff !important; } .detail .categories a:hover { text-decoration: underline; } .detail .meta time { font-size: 12px; display: block; position: absolute; top: 6px; right: 0px; } @media only screen and (max-width: 767px) { .detail .meta time { position: static; float:right; clear:both; } } /******************************************************************************* * wherego_related *******************************************************************************/ #wherego_related { position: relative; } #wherego_related h5 { margin-left: 0px !important; } #wherego_related ul { margin-bottom: 0px; clear: both; list-style-image: url(images_original/arrow_gray.png); } #wherego_related ul li { margin-left:30px; padding: 5px 0; font-size: 12px; } #wherego_related ul li a { text-decoration: underline; color: #333; } #wherego_related ul li a:hover { text-decoration: underline; color:#ff6600; } #wherego_related .arrow-blue { background-position: 28px 0; } /******************************************************************************* * detail footer *******************************************************************************/ .detail footer { padding:0 15px; } .detail footer p { margin-bottom: 0px; } .detail footer a { text-decoration: underline; color: #333; } .detail footer a:hover { text-decoration: underline; color:#ff6600; } /******************************************************************************* * share_content *******************************************************************************/ .detail .share_post { background-color: #fff !important; } .detail .share_content { background-color: #fff; padding-top: 12px; padding-left: 0px; margin-left: 15px; } /******************************************************************************* * nav-single *******************************************************************************/ .post-box #nav-single { font-size: 11px; position: relative; background-color: #f1f1f1; height: 60px; } .post-box #nav-single .nav-previous a { z-index: 100; display: block; height: 27px; position: absolute; top: 16px; left: 20px; padding: 5px 0 0 35px; background: url(images_original/arrow-prev.png) no-repeat 0 0 #f1f1f1; color: #333; } .post-box #nav-single .nav-previous a:hover { text-decoration: underline; color: #ff6600; } .post-box #nav-single .nav-next a { z-index: 100; display: block; height: 27px; position: absolute; top: 16px; right: 20px; padding: 5px 35px 0 0; background: url(images_original/arrow-next.png) no-repeat 55px 0 #f1f1f1; color: #333; } .post-box #nav-single .nav-next a:hover { text-decoration: underline; color: #ff6600; } .post-box #nav-single .nav-top { font-size: 13px; display: block; position: absolute; top: 20px; width: 100%; text-align: center; } .post-box #nav-single .nav-top a { color: #333; } .post-box #nav-single .nav-top a:hover { text-decoration: underline; color: #ff6600; } /******************************************************************************* * comment *******************************************************************************/ /* .fb-comments { background-color: #f1f1f1 !important; } */ /******************************************************************************* * admin_info_detail *******************************************************************************/ #admin_info_detail{ margin-bottom: 18px !important;} #admin_info_detail .author_info { overflow: hidden; background:#fff; padding: 0px 20px; } #admin_info_detail .author_image { float: left; width: 84px !important; margin-right: 20px !important;} #admin_info_detail .author_image img { border:2px solid #e1e1e1; border-radius:3px; } #admin_info_detail .about_author h6 { font-weight: bold; margin: 0 0 14px 0; } /******************************************************************************* * admin_list *******************************************************************************/ #admin_list { margin:0 15px 18px 15px; padding: 15px; background-color: #f1f1f1; border-radius:5px; } #admin_list ul { margin-bottom: 0px; clear: both; list-style-image: url(images_original/arrow_gray.png); } #admin_list ul li { margin-left:30px; padding: 5px 0; font-size: 12px; } #admin_list ul li a { text-decoration: underline; color: #333; } #admin_list ul li a:hover { text-decoration: underline; color:#ff6600; } #admin_list h6 { font-weight: bold; background: url(images_original/ring_blue.png) no-repeat 0 0 #f1f1f1; margin-left: 12px; padding-left: 18px; } /******************************************************************************* * induction_banner *******************************************************************************/ #induction_banner { margin:0 15px 18px 15px; } #induction_banner img { width: 100%; } /******************************************************************************* * tw_rss *******************************************************************************/ #tw_rss { margin:0 15px 18px; overflow: hidden; } #tw_rss #tw { display: block; padding:0 13px; float: left; } #tw_rss #tw a { display: block; width: 275px; height: 55px; background: url(images_original/btn_tw.png) no-repeat 0 0; -webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.2s ease; /* FF3.7+ */ -o-transition: all 0.2s ease; /* Opera 10.5 */ transition: all 0.2s ease; } #tw_rss #tw a:hover { background-position: 0 bottom; } #tw_rss #rss { display: block; padding:0 13px; float: left; } #tw_rss #rss a { display: block; width: 275px; height: 55px; background: url(images_original/btn_rss.png) no-repeat 0 0; -webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.2s ease; /* FF3.7+ */ -o-transition: all 0.2s ease; /* Opera 10.5 */ transition: all 0.2s ease; } #tw_rss #rss a:hover { background-position: 0 bottom; } /******************************************************************************* * related_article yarpp-related *******************************************************************************/ #related_article .yarpp-related { margin:0 15px 18px 15px; padding-bottom: 18px; overflow: hidden; } #related_article .yarpp-related ul { margin-bottom: 18px; clear: both; list-style-image: url(images_original/arrow_gray.png); } #related_article .yarpp-related ul li { margin-left:30px; padding: 5px 0; font-size: 12px; } #related_article .yarpp-related ul li a { text-decoration: underline; color: #333; } #related_article .yarpp-related ul li a:hover { text-decoration: underline; color:#ff6600; } /******************************************************************************* * comments *******************************************************************************/ #comments ol { margin: 0px 20px !important; } /******************************************************************************* * .page .post-box *******************************************************************************/ .page .post-box { margin-bottom: 18px; }