日: 2014年1月13日

子要素をもつ親のホバーカラー　css

http://weboook.blog22.fc2.com/blog-entry-383.html

/*さいど子メニュー持ち子の親背景　色*/

.secondary-navigation li:hover > a
	{
	background-color: #FFA70A!important;
	color: #fff!important;
	}
	
.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #FFA70A!important;
		color: #fff!important;
	}

li:hover > a　とすると
その子要素にいる間　ホバーし続ける

ちなみに

上記
14のさいど　上メニューのタイトルのcss

/*さいど子メニュー持ち子の背景*/
.secondary-navigation ul ul{background-color: #72DFB8!important;}
.secondary-navigation ul ul li a:hover{background-color: #FFA70A!important;}
.primary-navigation ul ul{background-color: #72DFB8!important;}
.primary-navigation ul ul li a:hover{background-color: #FFA70A!important;}

こいつも必要

さらにしいていえば

@media screen and (min-width: 1008px) {}

こいつで囲む

つまり　スマフォとかでは効いてほしくないんだ

ポストサムネイルの背景

top フューチャーコンテンツは
初期では背景が黒いので

さらにページ（プロフィール）の画像はでかくらりすぎないため余白ができるから
サイトカラーに合わせ

/*topフューチャーコンテンツ背景カラーサイトカラーに合わす*/
.featured-content-inner{
	background-color: #72DFB8;
	/*max-width:1600px;*/
}
/*ページのサムネイル余白背景カラーサイトカラーに合わす*/
.page .post-thumbnail{
	background-color: #72DFB8!important;
	
}

通常のサムネイルの背景はこちらで

 /*サムネイル　ホバー色替え*/ 
.post-thumbnail{ 
 background-color: #FFF!important;
 }

featured-content カテゴリによって色替え

.grid .featured-content .entry-headerに背景cssあり

カテゴリで分岐の場合ソースへ

content-featured-post.phpへ

div entry-headerに直接スタイルで分岐

<?php if(in_category(4)):
$fc='#ffc200';
elseif(in_category(6)):
$fc='#0084ff';
elseif(in_category(5)):
$fc='#ff6b65';

endif;
?>
<header class="entry-header" style="background-color:<?php echo $fc?>; border-color:<?php echo $fc?>;">

中村　featured-content 4段

4000番台@media screen and (min-width: 1260px)
よりあとにこれ

4分割して　４段でクリアボス（３段はノーマルに戻す）

 @media screen and (min-width: 1600px){
.grid .featured-content .hentry {
width: 25%;}

.grid .featured-content .hentry:nth-child( 3n+1 ) {
		clear: none;
	}

.grid .featured-content .hentry:nth-child( 4n+1 ) {
clear: both;
}

レスポンシブ　ギャラリーPhotospace Responsive

Photospace Responsive
http://thriveweb.com.au/the-lab/photospace-responsive/
http://wordpress.org/plugins/photospace-responsive/

http://blog.openmedialabo.net/5698

http://thriveweb.com.au/photospace-plugin-examples/horizontal-responsive-layout/
こいつでもレスポンシブになるらしいが
ちょっときょどうがおかしかったが参考cっs

やはりパーセンテージだね

.photospace {
position:relative;
margin-bottom: 20px !important;
min-height: 200px; /* space for loader */
}
.photospace,
.photospace .thumnail_col,
.photospace .gal_content,
.photospace .slideshow-container,
.photospace .slideshow span,
.photospace .slideshow a.advance-link,
.photospace .slideshow img{
width: 100% !important;
height: auto !important;
}
.photospace .slideshow span{
display: block !important;
}
.photospace .gal_content{
float: none !important;
}
.photospace .slideshow span{
position: relative !important; /* Keep the gallery height – Doesn’t work with synced transistions */
}
.photospace .loader{
width: 100px !important;
height: 100px !important;
top: 50% !important;
left: 50% !important;
margin-left: -50px;
}
.photospace .thumbs_wrap2{
min-height:45px; /* space for thumbnails */
overflow: hidden;
}
.photospace .thumbs{
min-height:40px;
}
.photospace .thumbs_wrap{
float: left;
left: 50%;
position: relative;
}
.photospace .pageLink.next{
margin-right:0;
}
.photospace .thumnail_col {
float: left;
left: -50%;
width:auto !important;
position: relative;
}
.photospace ul.thumbs {
float:left;
}
.photospace span.image-caption{
position: inherit !important;
}