日: 2015年10月30日

カスタムアドミン

/*-----------------------カレンダー----------------------*/

/*イベントのオープンウインドセンター表示等*/
body #TB_window{
	margin-left: auto!important;
	margin-top: auto!important;
	top: 0px!important;
	width: auto!important;
/*センター表示用*/		
/*position: absolute;*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  
  /*全画面表示抑える*/
	max-height:500px;
	max-width:500px;
	    overflow: scroll;
	
}


body #TB_ajaxContent{
/*指定サイズかっと*/
	width:auto!important;
	height:auto!important;}
	
	
#TB_ajaxContent dd{ 
/*入力欄一列*/
width:100%;
margin-left:0px;}

	
	/*business-calendar.phpの440行目あたりかえた
	曜日毎にまとめてを
	<div class="d_original">と自然な表示
	cssしていなし
	
カレンダーの上の方にも更新ボタン追加460くらい
<p class="clear"><input type="submit" name="business_calendar_submit" value="<?php _e('Update Options &raquo;', 'business-calendar'); ?>" class="button-primary" /></p>

	*/
	
	/*出てくる曜日が100%だったから*/
	table#check_all { max-width:600px;}
	
	
	/*複数のカレンダーを使用しないから非表示*/
	#bc_id{ display:none;}
	.d_original2{ display:none;}
	
	
/*	イベントタップで入力できないから
	並べ替え機能をなくした
	839行目あたり
	//jQuery("#sortable_event").sortable({});
	コメントアウト*/
	
	
	/*フォントサイズでかく*/
	.event_url,
	.event_value{ font-size:24px!important;}
	.event_value{ height:100px!important;;}

/*スマフォ*/
	@media screen and (max-width: 782px){
		/*カレンダー一列*/
		body ul#calendar li{ float:none;
		width:auto;
		height:auto}
		
		/*日付大きくクリックしやすく*/
		.business-calendar td{ font-size:24px;
		padding:7px;
		line-height:24px;
		}
		/*イベント拡大許可*/
		.ui-draggable-handle, .ui-sortable-handle{touch-action:manipulation!important}
		
		}
		
		/*<dt>&nbsp;&nbsp;&nbsp;&nbsp;<label for="event_value">を
		<dt><label for="event_value">*/
		
		
		
		/*-----------------------カレンダーここまで----------------------*/

カスタムアドミン2

ボディーのIDもちゃんと指定しないと　他のまで消える

/*　カレンダー管理画面 クライアント*/

.settings_page_business-calendar #poststuff div.postbox:nth-child(2) tr { display:none}
.settings_page_business-calendar #poststuff div.postbox:nth-child(2) tr:nth-last-child(2) { display:block}
.settings_page_business-calendar #poststuff div.postbox:nth-child(2) tr:nth-last-child(2) td a:nth-child(1) ,
.settings_page_business-calendar #poststuff div.postbox:nth-child(2) tr:nth-last-child(2) td br
{ display:none}

.settings_page_business-calendar #poststuff div.postbox:nth-child(n+3) { display:none}

http://bl6.jp/web/css/nth-child-nth-last-child/
参考　css　後ろから何番目など

やり方
まずは以下のようなulでリスト化したHTMLに対して指定していきたいと思います。

<ul class="sample">
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
    <li>sample</li>
</ul>
偶数だけを指定する


ul.sample li:nth-child(odd) {
    color: red;
}
奇数だけを指定する


ul.sample li:nth-child(even) {
    color: blue;
}
3の倍数を指定する


ul.sample li:nth-child(3n) {
    border: 1px solid green;
}
先頭から5番目を指定する


ul.sample li:nth-child(5) {
    background: pink;
}
最後から5番目を指定する


ul.sample li:nth-last-child(5) {
    background: pink;
}
先頭から5つ指定する


ul.sample li:nth-child(-n+5) {
    font-size: 10px;
}
11番目以降指定する


ul.sample li:nth-child(n+11) {
    font-size: 20px;
}
最後から2つ指定する


ul.sample li:nth-last-child(-n+2) {
    background: #eee;
}
最後から14番目以前指定する


ul.sample li:nth-last-child(n+14) {
    background: #ccc;
}