@charset "utf-8";
/*
	雑記ページ向けCSS
*/

/* 雑記用定義リスト */
dl.notes,dl.notes>dd { margin: 0; padding: 0; }
dl.notes>dt          { clear: both; }
dl.notes>dt:before   { content: "Note,"; margin-right: 0.5em; display: inline; }

/* CSSマークアップ */
dl.css * { border: 0; background-color: transparent; }
dl.css {
	float           : right;
	font-family     : monospace;
	padding         : 0.5em 1em;
	border          : 1px solid #CCC;
	background-color: #FFF;
}
blockquote dl.css { float: none; }
dl.css[title]:before {
	content         : attr(title);
	display         : block;
	margin          : -0.5em -1em 0.5em -1em;
	padding         : 0 1em;
	border-bottom   : 1px dashed #CCC;
	background-color: #FFE;
	color           : #A00;
}
/* margin and float */
dl.css dt,dl.css dd,dl.css dl { margin: 0; padding: 0; }
dl.css dl,dl.css dl dd        { margin-left: 2em; }
dl.css dt                     { display: inline-block; margin-right: 0.5em; float: left; }
dl.css dt,.selector           { color: #600; }
dl.css dl dt, .property       { color: #060; }
.keyword                      { color: #009; }
dl.css dt:after               { display: none; }
dl.css>dd                     { clear: left; }
dl.css>dt[title]:after,
dl.css>dd dl[title]:before,
dl.css>dd dt[title]:before    { display: block; content: "/* " attr(title) " */"; color: #660; }


/* blackets(自動生成は行わない)
dl.css>dd:before           { content: "{"; }
dl.css>dd:after            { content: "}"; }
dl.css>dt:after            { display: none; }
dl.css>dt[title]:after     { display: inline; }
dl.css>dd dl[title]:before { display: block; }
dl.css>dt+dt:before,dl.css dl>dt:after,dl.css dl>dd:after
                           { color: #000; margin-right: 0.5em; }
dl.css>dt+dt:before        { content: ","; }
dl.css dl>dt:after         { content: ":"; }
dl.css dl>dd:after         { content: ";"; }
*/


/* スクリプトで目次が生成された場合の指定 */
body.toc-generated { margin-right : 6em; /* YYYY-MM-DD == width:5em, left&right padding == 0.5em */ }
dl.status dd.toc {
	border-left : 1px dotted #CCC;
	padding     : 0 0.5em;
	height      : 100%;
	overflow    : auto;
	line-height : 1.5;
	position    : fixed;
	top         : 0;
	right       : 0;
}
dl.status dd.toc * { padding: 0; margin: 0; list-style-type: none; }

@media screen,tv,projection {
	dl.notes>dd { border-bottom: 0.25em dashed #ECECEC; }
	dl.notes>dt { color: #246; font-weight: bold; }
	dl.notes>dt,
	dl.css      { margin: 0.5em 1.5%; }
	dl.css      { width: 25em; }
}
@media print {
	body.toc-generated dl.status .toc { display: none; }
	dl.notes>dt {
		font-weight: bold;
		padding-top: 1em;
		margin     : 0.5em 0;
	}
	dl.css { margin: 1em; max-width: 100%; }
}