/* 全般 */
body {
background-color:#fff;
color:#000;
}
/* ナビゲーション */
div.navigation {
background-color:#fff;
color:#555;
font-size:80%;
}
div.navigation p {
margin:1em 10%;
padding:1ex;
}
/* コンテンツ */
div.contents {
background-color:#e0e0e0;
color:#333;
font-size:100%;
}/* background-color */
body { background-color:#fff }
div.contents { background-color:#e0e0e0 }
div.navigation { background-color:#fff }
/* color */
body { color:#000 }
div.contents { color:#333 }
div.navigation { color:#000 }
/* font-size */
div.contents { font-size:100% }
div.navigation { font-size:80% }
/* margin */
div.navigation p { margin:1em 10% }
/* padding */
div.navigation p { padding:1ex }/* background-color */
body,
div.navigation {
background-color : #fff
}
div.contents {
background-color : #e0e0e0
}
/* color */
body,
div.navigation {
color : #000
}
div.contents {
color : #333
}
/* font-size */
div.contents {
font-size : 100%
}
div.navigation {
font-size : 80%
}
/* margin */
div.navigation p {
margin : 1em 10%
}
/* padding */
div.navigation p {
padding : 1ex
}/* background-color */
body { background-color:#fff }
body.contents div.copy_right address { background-color:#ffe8a5 }
body.contents h1 { background-color:#ffd02f }
body.contents h3 { background-color:#fffff4 }
body.contents p.site_logo { background-color:#ffd02f }
body.contents pre { background-color:#e0f0ff }
body.index { background-color:#ffeba5 }
body.index div.contents { background-color:#fff }
body.index div.contents h3 { background-color:#ffeba5 }
body.index div.contents_list { background-color:#ffe8a5 }
body.index h1.site_logo { background-color:#ffd02f }
/* border */
body.contents div.chikusou div.chaptor div.body blockquote { border:1px #ccc dotted }
body.contents div.weblog blockquote { border:1px #ccc dotted }
body.contents div.weblog img.direct_link { border:0 #000 none }
body.index div.guest_book form { border:1px #ccc dotted }
body.index div.guest_book p.log { border:1px #ccc solid }
body.index div.weblog blockquote { border:1px #ccc dotted }
body.index div.weblog img.direct_link { border:0 #000 none }
body.index div.weblog p.view_log { border:1px #660 dotted }
/* border-color */
a:link { border-color:#0040d0 }
a:visited { border-color:#b06080 }
body.contents div.chikusou div.chaptor { border-color:#ccc }
body.contents div.copy_right address { border-color:#886900 }
body.contents h1 { border-color:#cc8 }
body.contents h2 { border-color:#cc8 }
body.contents h3 { border-color:#cc8 }
body.contents p.site_logo { border-color:#000 #000 #886900 #000 }
body.index div.contents { border-color:#886900 }
body.index div.contents h3 { border-color:#fffff8 #000 #ffd02f #000 }
body.index div.contents_list form { border-color:#fffff8 #000 #ffd02f #000 }
body.index div.contents_list h2 { border-color:#fffff8 #000 #ffd02f #000 }
body.index div.contents_list li { border-color:#fffff8 #000 #ffd02f #000 }
body.index div.copy_right address { border-color:#886900 }
body.index div.weblog h4 { border-color:#000 #000 #660 0 }
body.index h1.site_logo { border-color:#000 #000 #886900 #000 }
/* border-style */
a:link { border-style:none }
a:visited { border-style:none }
a:hover { border-style:solid }
body.contents div.chikusou div.chaptor { border-style:solid }
body.contents div.copy_right address { border-style:solid }
body.contents div.main img.amazon { border-style:none }
body.contents h1 { border-style:solid }
body.contents h2 { border-style:solid }
body.contents h3 { border-style:solid }
body.contents p.site_logo { border-style:solid }
body.index div.contents { border-style:solid }
body.index div.contents h3 { border-style:solid }
body.index div.contents_list form { border-style:solid }
body.index div.contents_list h2 { border-style:solid }
body.index div.contents_list li { border-style:solid }
body.index div.copy_right address { border-style:solid }
body.index div.others ul.banner img { border-style:none }
body.index div.weblog h4 { border-style:solid }
body.index h1.site_logo { border-style:solid }
/* border-width */
a:hover { border-width:0 0 1px 0 }
body.contents div.chikusou div.chaptor { border-width:1px 2px 2px 1px }
body.contents div.copy_right address { border-width:1px 0 0 }
body.contents h1 { border-width:0 0 2px 0 }
body.contents h2 { border-width:0 0 1px 1em }
body.contents h3 { border-width:1px 0 1px 0 }
body.contents p.site_logo { border-width:0 0 1px 0 }
body.index div.contents { border-width:0 0 0 1px }
body.index div.contents h3 { border-width:1px 0 1px 0 }
body.index div.contents_list form { border-width:1px 0 1px 0 }
body.index div.contents_list form.site_search input.submit { border-width:1px }
body.index div.contents_list form.site_search input.word { border-width:1px }
body.index div.contents_list h2 { border-width:1px 0 1px 0 }
body.index div.contents_list li { border-width:1px 0 1px 0 }
body.index div.copy_right address { border-width:1px 0 0 }
body.index div.guest_book input.submit { border-width:1px }
body.index div.weblog h4 { border-width:0 0 1px 0 }
body.index h1.site_logo { border-width:0 0 1px 0 }
/* color */
a:link { color:#0040d0 }
a:visited { color:#a04060 }
body { color:#330 }
body.contents div.cgiscript dt span.element { color:#900 }
body.contents div.main dt { color:#006 }
body.contents div.weblog blockquote { color:#555 }
body.contents h1 { color:#660 }
body.contents h2 { color:#660 }
body.contents h3 { color:#660 }
body.contents p.site_logo { color:#644e00 }
body.index div.contents { color:#330 }
body.index div.contents_list h2 { color:#644e00 }
body.index div.weblog blockquote { color:#555 }
body.index h1.site_logo { color:#644e00 }
/* display */
body.contents ul.weblog_list ul li { display:inline }
/* float */
body.contents div.chikusou img#img_1 { float:left }
body.contents div.chikusou img#img_2 { float:right }
body.contents div.head form.quick_link { float:right }
body.index div.contents { float:left }
body.index div.contents_list { float:left }
/* font-family */
body.contents div.cgiscript dt { font-family:monospace }
body.contents div.head p.time_stamp { font-family:monospace }
/* font-size */
body.contents div.chikusou div.chaptor p.time_stamp { font-size:82% }
body.contents div.copy_right address { font-size:90% }
body.contents div.head p.time_stamp { font-size:90% }
body.contents h1 { font-size:130% }
body.contents h2 { font-size:110% }
body.contents h3 { font-size:90% }
body.contents p.site_logo { font-size:130% }
body.index div.contents h3 { font-size:120% }
body.index div.contents_list form { font-size:82% }
body.index div.contents_list h2 { font-size:90% }
body.index div.contents_list li { font-size:82% }
body.index div.copy_right address { font-size:90% }
body.index div.guest_book form p.message { font-size:82% }
body.index div.guest_book form p.name { font-size:82% }
body.index div.guest_book form p.submit { font-size:82% }
body.index div.guest_book p.log { font-size:82% }
body.index div.weblog p.time_stamp { font-size:82% }
body.index h1.site_logo { font-size:130% }
/* font-style */
body.contents div.copy_right address { font-style:normal }
body.contents p.site_logo { font-style:italic }
body.index div.copy_right address { font-style:normal }
body.index h1.site_logo { font-style:italic }
/* font-weight */
body.contents div.weblog a.title { font-weight:bold }
body.contents div.weblog span.title { font-weight:bold }
body.contents h3 { font-weight:normal }
body.contents p.site_logo { font-weight:bold }
body.contents ul.weblog_list li { font-weight:bold }
body.contents ul.weblog_list ul li { font-weight:normal }
body.index div.contents_list h2 { font-weight:normal }
body.index div.weblog a.title { font-weight:bold }
body.index div.weblog span.title { font-weight:bold }
body.index h1.site_logo { font-weight:bold }
/* letter-spacing */
body.contents h1 { letter-spacing:0.3em }
body.contents p.site_logo { letter-spacing:1em }
body.index div.contents h3 { letter-spacing:0.5em }
body.index div.contents_list h2 { letter-spacing:0.1em }
body.index h1.site_logo { letter-spacing:1em }
/* line-height */
body.contents div.main dd { line-height:1.5em }
body.contents div.main dt { line-height:1.5em }
body.contents div.main li { line-height:1.5em }
body.contents div.main p { line-height:1.5em }
body.contents div.weblog li { line-height:1.5em }
body.index div.changelog li { line-height:1.5em }
body.index div.weblog li { line-height:1.5em }
/* list-style-type */
body.contents ul.weblog_list ul { list-style-type:none }
body.index div.contents_list ul { list-style-type:none }
/* margin */
body { margin:0 }
body.contents div.cc1linebbsv2 div.sample { margin:1em 5% }
body.contents div.chikusou div.chaptor { margin:1em 3% }
body.contents div.chikusou div.chaptor div.body blockquote { margin:1em 7% }
body.contents div.chikusou div.chaptor div.body blockquote p { margin:0 }
body.contents div.chikusou div.chaptor h2 { margin:1em 2% 0.5em 2% }
body.contents div.chikusou div.chaptor h3 { margin:1em 2% 0.5em 2% }
body.contents div.chikusou div.chaptor p.time_stamp { margin:0 3% }
body.contents div.copy_right address { margin:0 }
body.contents div.head form.quick_link { margin:0 1% 0.5em 1% }
body.contents div.head p.navi { margin:0 1% 0.5em 1% }
body.contents div.head p.time_stamp { margin:1em 1% 0.7em 1% }
body.contents div.main dd { margin:0 1em 1em 1em }
body.contents div.main dl { margin:1em 9% }
body.contents div.main dt { margin:0 }
body.contents div.main li { margin:0 }
body.contents div.main ol { margin:1em 9% }
body.contents div.main p { margin:1em 5% }
body.contents div.main ul { margin:1em 9% }
body.contents div.weblog blockquote { margin:0.5em 1em }
body.contents div.weblog li { margin:0 2.5em 1em 2.5em }
body.contents div.weblog li p { margin:0 }
body.contents div.weblog ul { margin:1em 4% }
body.contents h1 { margin:1.5em 2% }
body.contents h2 { margin:1.5em 3% }
body.contents h3 { margin:1.5em 4% 0.5em 4% }
body.contents p.another_html_lint { margin:2em 2% 0.5em 2% }
body.contents p.catch { margin:1em }
body.contents p.site_logo { margin:0 0 0.5em 0 }
body.contents p.site_logo { margin:0 }
body.contents pre { margin:1em 5% }
body.contents ul.weblog_list ul { margin:0 0 1em 1em }
body.contents ul.weblog_list ul li { margin:0 0.2em 0 0 }
body.index div.changelog li { margin:0 }
body.index div.changelog ul { margin:1em 2em }
body.index div.contents h3 { margin:0 0 1em 0 }
body.index div.contents_list { margin:0 }
body.index div.contents_list form { margin:0 }
body.index div.contents_list h2 { margin:0 }
body.index div.contents_list li { margin:0 }
body.index div.contents_list p { margin:0 }
body.index div.contents_list ul { margin:0 }
body.index div.copy_right address { margin:0 0 0.5em 0 }
body.index div.guest_book div.main { margin:1em }
body.index div.guest_book form { margin:0 }
body.index div.guest_book form p.message { margin:0 }
body.index div.guest_book form p.name { margin:0 }
body.index div.guest_book form p.submit { margin:0 0 0 8ex }
body.index div.guest_book p.log { margin:0.5em 0 }
body.index div.others ul.banner { margin:1em 2em }
body.index div.weblog blockquote { margin:0.5em 1em }
body.index div.weblog h4 { margin:0 1em 0.5em }
body.index div.weblog li { margin:0 2.5em 1em 2.5em }
body.index div.weblog li p { margin:0 }
body.index div.weblog p.time_stamp { margin:0 1em }
body.index div.weblog p.view_log { margin:1em 25% }
body.index div.weblog ul { margin:0 0 1.5em 0 }
body.index h1.site_logo { margin:0 }
/* margin-left */
body.contents div.chikusou img#img_2 { margin-left:0.5em }
/* margin-right */
body.contents div.chikusou img#img_1 { margin-right:0.5em }
body.index div.guest_book form p.message label { margin-right:0.5ex }
body.index div.guest_book form p.name label { margin-right:0.5ex }
/* padding */
body { padding:0 }
body.contents div.cc1linebbsv2 div.sample { padding:0 }
body.contents div.chikusou div.chaptor { padding:0 }
body.contents div.chikusou div.chaptor div.body blockquote { padding:0.7em }
body.contents div.chikusou div.chaptor div.body blockquote p { padding:0 }
body.contents div.chikusou div.chaptor p.time_stamp { padding:0 }
body.contents div.copy_right address { padding:0.2em 0.5em }
body.contents div.head form.quick_link { padding:0 }
body.contents div.head p.navi { padding:0 }
body.contents div.head p.time_stamp { padding:0 }
body.contents div.main dd { padding:0 }
body.contents div.main dl { padding:0 }
body.contents div.main dt { padding:0 }
body.contents div.main li { padding:0 }
body.contents div.main ol { padding:0 }
body.contents div.main ul { padding:0 }
body.contents div.weblog blockquote { padding:0.7em }
body.contents div.weblog li { padding:0 }
body.contents div.weblog li p { padding:0 }
body.contents h1 { padding:0 0 0.2em 0 }
body.contents h2 { padding:0 0 0.2em 0.5em }
body.contents h3 { padding:0.2em 0.5em }
body.contents p.another_html_lint { padding:0 }
body.contents p.catch { padding:0 }
body.contents p.site_logo { padding:0.2em }
body.contents pre { padding:0.5em }
body.contents ul.weblog_list ul { padding:0 }
body.contents ul.weblog_list ul li { padding:0 }
body.index div.changelog li { padding:0 }
body.index div.changelog ul { padding:0 }
body.index div.contents h3 { padding:0.2em 0.5em }
body.index div.contents_list { padding:0 }
body.index div.contents_list form { padding:0.1em 0.5em 0.2em 0.5em }
body.index div.contents_list h2 { padding:0.3em 0 }
body.index div.contents_list li { padding:0.1em 0.5em 0.2em 0.5em }
body.index div.contents_list p { padding:0 }
body.index div.contents_list ul { padding:0 }
body.index div.copy_right address { padding:0.2em 0.5em }
body.index div.guest_book div.main { padding:0 }
body.index div.guest_book form { padding:0.5em }
body.index div.guest_book form p.message { padding:0 }
body.index div.guest_book form p.name { padding:0 }
body.index div.guest_book form p.submit { padding:0 }
body.index div.guest_book p.log { padding:0.5em }
body.index div.others ul.banner { padding:0 }
body.index div.weblog blockquote { padding:0.7em }
body.index div.weblog h4 { padding:0 }
body.index div.weblog li { padding:0 }
body.index div.weblog li p { padding:0 }
body.index div.weblog p.time_stamp { padding:0.2em 0 }
body.index div.weblog p.view_log { padding:0.5em }
body.index div.weblog ul { padding:0 }
body.index h1.site_logo { padding:0.2em }
/* text-align */
body.contents div.chikusou div.chaptor p.time_stamp { text-align:left }
body.contents div.copy_right address { text-align:right }
body.contents h1 { text-align:center }
body.contents h3 { text-align:center }
body.contents p.another_html_lint { text-align:center }
body.contents p.catch { text-align:center }
body.contents p.site_logo { text-align:right }
body.index div.contents_list h2 { text-align:center }
body.index div.copy_right address { text-align:right }
body.index div.guest_book form p.message label { text-align:right }
body.index div.guest_book form p.name label { text-align:right }
body.index div.guest_book p.navi { text-align:right }
body.index div.weblog p.time_stamp { text-align:right }
body.index div.weblog p.view_log { text-align:center }
body.index h1.site_logo { text-align:right }
/* text-decoration */
a:link { text-decoration:underline }
a:visited { text-decoration:underline }
/* width */
body.index div.contents { width:80% }
body.index div.contents_list { width:20% }
body.index div.contents_list form.site_search input.submit { width:34% }
body.index div.contents_list form.site_search input.word { width:64% }
body.index div.guest_book form p.message input { width:16em }
body.index div.guest_book form p.message label { width:8ex }
body.index div.guest_book form p.name input { width:8em }
body.index div.guest_book form p.name label { width:8ex }
/* word-break */
body.contents pre { word-break:break-all }
a:hover {
border-style : solid;
border-width : 0 0 1px 0;
}
a:link {
border-color : #0040d0;
border-style : none;
color : #0040d0;
text-decoration : underline;
}
a:visited {
border-color : #b06080;
border-style : none;
color : #a04060;
text-decoration : underline;
}
body {
background-color : #fff;
color : #330;
margin : 0;
padding : 0;
}
body.contents div.cc1linebbsv2 div.sample {
margin : 1em 5%;
padding : 0;
}
body.contents div.cgiscript dt {
font-family : monospace;
}
body.contents div.cgiscript dt span.element {
color : #900;
}
body.contents div.chikusou div.chaptor {
border-color : #ccc;
border-style : solid;
border-width : 1px 2px 2px 1px;
margin : 1em 3%;
padding : 0;
}
body.contents div.chikusou div.chaptor div.body blockquote {
border : 1px #ccc dotted;
margin : 1em 7%;
padding : 0.7em;
}
body.contents div.chikusou div.chaptor div.body blockquote p,body.contents div.weblog li p,body.index div.contents_list p,body.index div.weblog li p {
margin : 0;
padding : 0;
}
body.contents div.chikusou div.chaptor h2,body.contents div.chikusou div.chaptor h3 {
margin : 1em 2% 0.5em 2%;
}
body.contents div.chikusou div.chaptor p.time_stamp {
font-size : 82%;
margin : 0 3%;
padding : 0;
text-align : left;
}
body.contents div.chikusou img#img_1 {
float : left;
margin-right : 0.5em;
}
body.contents div.chikusou img#img_2 {
float : right;
margin-left : 0.5em;
}
body.contents div.copy_right address {
background-color : #ffe8a5;
border-color : #886900;
border-style : solid;
border-width : 1px 0 0;
font-size : 90%;
font-style : normal;
margin : 0;
padding : 0.2em 0.5em;
text-align : right;
}
body.contents div.head form.quick_link {
float : right;
margin : 0 1% 0.5em 1%;
padding : 0;
}
body.contents div.head p.navi {
margin : 0 1% 0.5em 1%;
padding : 0;
}
body.contents div.head p.time_stamp {
font-family : monospace;
font-size : 90%;
margin : 1em 1% 0.7em 1%;
padding : 0;
}
body.contents div.main dd {
line-height : 1.5em;
margin : 0 1em 1em 1em;
padding : 0;
}
body.contents div.main dl,body.contents div.main ol,body.contents div.main ul {
margin : 1em 9%;
padding : 0;
}
body.contents div.main dt {
color : #006;
line-height : 1.5em;
margin : 0;
padding : 0;
}
body.contents div.main img.amazon,body.index div.others ul.banner img {
border-style : none;
}
body.contents div.main li,body.index div.changelog li {
line-height : 1.5em;
margin : 0;
padding : 0;
}
body.contents div.main p {
line-height : 1.5em;
margin : 1em 5%;
}
body.contents div.weblog a.title,body.contents div.weblog span.title,body.contents ul.weblog_list li,body.index div.weblog a.title,body.index div.weblog span.title {
font-weight : bold;
}
body.contents div.weblog blockquote,body.index div.weblog blockquote {
border : 1px #ccc dotted;
color : #555;
margin : 0.5em 1em;
padding : 0.7em;
}
body.contents div.weblog img.direct_link,body.index div.weblog img.direct_link {
border : 0 #000 none;
}
body.contents div.weblog li,body.index div.weblog li {
line-height : 1.5em;
margin : 0 2.5em 1em 2.5em;
padding : 0;
}
body.contents div.weblog ul {
margin : 1em 4%;
}
body.contents h1 {
background-color : #ffd02f;
border-color : #cc8;
border-style : solid;
border-width : 0 0 2px 0;
color : #660;
font-size : 130%;
letter-spacing : 0.3em;
margin : 1.5em 2%;
padding : 0 0 0.2em 0;
text-align : center;
}
body.contents h2 {
border-color : #cc8;
border-style : solid;
border-width : 0 0 1px 1em;
color : #660;
font-size : 110%;
margin : 1.5em 3%;
padding : 0 0 0.2em 0.5em;
}
body.contents h3 {
background-color : #fffff4;
border-color : #cc8;
border-style : solid;
border-width : 1px 0 1px 0;
color : #660;
font-size : 90%;
font-weight : normal;
margin : 1.5em 4% 0.5em 4%;
padding : 0.2em 0.5em;
text-align : center;
}
body.contents p.another_html_lint {
margin : 2em 2% 0.5em 2%;
padding : 0;
text-align : center;
}
body.contents p.catch {
margin : 1em;
padding : 0;
text-align : center;
}
body.contents p.site_logo {
background-color : #ffd02f;
border-color : #000 #000 #886900 #000;
border-style : solid;
border-width : 0 0 1px 0;
color : #644e00;
font-size : 130%;
font-style : italic;
font-weight : bold;
letter-spacing : 1em;
margin : 0;
margin : 0 0 0.5em 0;
padding : 0.2em;
text-align : right;
}
body.contents pre {
background-color : #e0f0ff;
margin : 1em 5%;
padding : 0.5em;
word-break : break-all;
}
body.contents ul.weblog_list ul {
list-style-type : none;
margin : 0 0 1em 1em;
padding : 0;
}
body.contents ul.weblog_list ul li {
display : inline;
font-weight : normal;
margin : 0 0.2em 0 0;
padding : 0;
}
body.index {
background-color : #ffeba5;
}
body.index div.changelog ul,body.index div.others ul.banner {
margin : 1em 2em;
padding : 0;
}
body.index div.contents {
background-color : #fff;
border-color : #886900;
border-style : solid;
border-width : 0 0 0 1px;
color : #330;
float : left;
width : 80%;
}
body.index div.contents h3 {
background-color : #ffeba5;
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
font-size : 120%;
letter-spacing : 0.5em;
margin : 0 0 1em 0;
padding : 0.2em 0.5em;
}
body.index div.contents_list {
background-color : #ffe8a5;
float : left;
margin : 0;
padding : 0;
width : 20%;
}
body.index div.contents_list form,body.index div.contents_list li {
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
font-size : 82%;
margin : 0;
padding : 0.1em 0.5em 0.2em 0.5em;
}
body.index div.contents_list form.site_search input.submit {
border-width : 1px;
width : 34%;
}
body.index div.contents_list form.site_search input.word {
border-width : 1px;
width : 64%;
}
body.index div.contents_list h2 {
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
color : #644e00;
font-size : 90%;
font-weight : normal;
letter-spacing : 0.1em;
margin : 0;
padding : 0.3em 0;
text-align : center;
}
body.index div.contents_list ul {
list-style-type : none;
margin : 0;
padding : 0;
}
body.index div.copy_right address {
border-color : #886900;
border-style : solid;
border-width : 1px 0 0;
font-size : 90%;
font-style : normal;
margin : 0 0 0.5em 0;
padding : 0.2em 0.5em;
text-align : right;
}
body.index div.guest_book div.main {
margin : 1em;
padding : 0;
}
body.index div.guest_book form {
border : 1px #ccc dotted;
margin : 0;
padding : 0.5em;
}
body.index div.guest_book form p.message,body.index div.guest_book form p.name {
font-size : 82%;
margin : 0;
padding : 0;
}
body.index div.guest_book form p.message input {
width : 16em;
}
body.index div.guest_book form p.message label,body.index div.guest_book form p.name label {
margin-right : 0.5ex;
text-align : right;
width : 8ex;
}
body.index div.guest_book form p.name input {
width : 8em;
}
body.index div.guest_book form p.submit {
font-size : 82%;
margin : 0 0 0 8ex;
padding : 0;
}
body.index div.guest_book input.submit {
border-width : 1px;
}
body.index div.guest_book p.log {
border : 1px #ccc solid;
font-size : 82%;
margin : 0.5em 0;
padding : 0.5em;
}
body.index div.guest_book p.navi {
text-align : right;
}
body.index div.weblog h4 {
border-color : #000 #000 #660 0;
border-style : solid;
border-width : 0 0 1px 0;
margin : 0 1em 0.5em;
padding : 0;
}
body.index div.weblog p.time_stamp {
font-size : 82%;
margin : 0 1em;
padding : 0.2em 0;
text-align : right;
}
body.index div.weblog p.view_log {
border : 1px #660 dotted;
margin : 1em 25%;
padding : 0.5em;
text-align : center;
}
body.index div.weblog ul {
margin : 0 0 1.5em 0;
padding : 0;
}
body.index h1.site_logo {
background-color : #ffd02f;
border-color : #000 #000 #886900 #000;
border-style : solid;
border-width : 0 0 1px 0;
color : #644e00;
font-size : 130%;
font-style : italic;
font-weight : bold;
letter-spacing : 1em;
margin : 0;
padding : 0.2em;
text-align : right;
}
a:hover {
border-style : solid;
border-width : 0 0 1px 0;
}
a:link {
border-color : #0040d0;
border-style : none;
color : #0040d0;
text-decoration : underline;
}
a:visited {
border-color : #b06080;
border-style : none;
color : #a04060;
text-decoration : underline;
}
body {
background-color : #fff;
color : #330;
margin : 0;
padding : 0;
}
body.contents div.cc1linebbsv2 div.sample {
margin : 1em 5%;
padding : 0;
}
body.contents div.cgiscript dt {
font-family : monospace;
}
body.contents div.cgiscript dt span.element {
color : #900;
}
body.contents div.chikusou div.chaptor {
border-color : #ccc;
border-style : solid;
border-width : 1px 2px 2px 1px;
margin : 1em 3%;
padding : 0;
}
body.contents div.chikusou div.chaptor div.body blockquote {
border : 1px #ccc dotted;
margin : 1em 7%;
padding : 0.7em;
}
body.contents div.chikusou div.chaptor div.body blockquote p,
body.contents div.weblog li p,
body.index div.contents_list p,
body.index div.weblog li p {
margin : 0;
padding : 0;
}
body.contents div.chikusou div.chaptor h2,
body.contents div.chikusou div.chaptor h3 {
margin : 1em 2% 0.5em 2%;
}
body.contents div.chikusou div.chaptor p.time_stamp {
font-size : 82%;
margin : 0 3%;
padding : 0;
text-align : left;
}
body.contents div.chikusou img#img_1 {
float : left;
margin-right : 0.5em;
}
body.contents div.chikusou img#img_2 {
float : right;
margin-left : 0.5em;
}
body.contents div.copy_right address {
background-color : #ffe8a5;
border-color : #886900;
border-style : solid;
border-width : 1px 0 0;
font-size : 90%;
font-style : normal;
margin : 0;
padding : 0.2em 0.5em;
text-align : right;
}
body.contents div.head form.quick_link {
float : right;
margin : 0 1% 0.5em 1%;
padding : 0;
}
body.contents div.head p.navi {
margin : 0 1% 0.5em 1%;
padding : 0;
}
body.contents div.head p.time_stamp {
font-family : monospace;
font-size : 90%;
margin : 1em 1% 0.7em 1%;
padding : 0;
}
body.contents div.main dd {
line-height : 1.5em;
margin : 0 1em 1em 1em;
padding : 0;
}
body.contents div.main dl,
body.contents div.main ol,
body.contents div.main ul {
margin : 1em 9%;
padding : 0;
}
body.contents div.main dt {
color : #006;
line-height : 1.5em;
margin : 0;
padding : 0;
}
body.contents div.main img.amazon,
body.index div.others ul.banner img {
border-style : none;
}
body.contents div.main li,
body.index div.changelog li {
line-height : 1.5em;
margin : 0;
padding : 0;
}
body.contents div.main p {
line-height : 1.5em;
margin : 1em 5%;
}
body.contents div.weblog a.title,
body.contents div.weblog span.title,
body.contents ul.weblog_list li,
body.index div.weblog a.title,
body.index div.weblog span.title {
font-weight : bold;
}
body.contents div.weblog blockquote,
body.index div.weblog blockquote {
border : 1px #ccc dotted;
color : #555;
margin : 0.5em 1em;
padding : 0.7em;
}
body.contents div.weblog img.direct_link,
body.index div.weblog img.direct_link {
border : 0 #000 none;
}
body.contents div.weblog li,
body.index div.weblog li {
line-height : 1.5em;
margin : 0 2.5em 1em 2.5em;
padding : 0;
}
body.contents div.weblog ul {
margin : 1em 4%;
}
body.contents h1 {
background-color : #ffd02f;
border-color : #cc8;
border-style : solid;
border-width : 0 0 2px 0;
color : #660;
font-size : 130%;
letter-spacing : 0.3em;
margin : 1.5em 2%;
padding : 0 0 0.2em 0;
text-align : center;
}
body.contents h2 {
border-color : #cc8;
border-style : solid;
border-width : 0 0 1px 1em;
color : #660;
font-size : 110%;
margin : 1.5em 3%;
padding : 0 0 0.2em 0.5em;
}
body.contents h3 {
background-color : #fffff4;
border-color : #cc8;
border-style : solid;
border-width : 1px 0 1px 0;
color : #660;
font-size : 90%;
font-weight : normal;
margin : 1.5em 4% 0.5em 4%;
padding : 0.2em 0.5em;
text-align : center;
}
body.contents p.another_html_lint {
margin : 2em 2% 0.5em 2%;
padding : 0;
text-align : center;
}
body.contents p.catch {
margin : 1em;
padding : 0;
text-align : center;
}
body.contents p.site_logo {
background-color : #ffd02f;
border-color : #000 #000 #886900 #000;
border-style : solid;
border-width : 0 0 1px 0;
color : #644e00;
font-size : 130%;
font-style : italic;
font-weight : bold;
letter-spacing : 1em;
margin : 0;
margin : 0 0 0.5em 0;
padding : 0.2em;
text-align : right;
}
body.contents pre {
background-color : #e0f0ff;
margin : 1em 5%;
padding : 0.5em;
word-break : break-all;
}
body.contents ul.weblog_list ul {
list-style-type : none;
margin : 0 0 1em 1em;
padding : 0;
}
body.contents ul.weblog_list ul li {
display : inline;
font-weight : normal;
margin : 0 0.2em 0 0;
padding : 0;
}
body.index {
background-color : #ffeba5;
}
body.index div.changelog ul,
body.index div.others ul.banner {
margin : 1em 2em;
padding : 0;
}
body.index div.contents {
background-color : #fff;
border-color : #886900;
border-style : solid;
border-width : 0 0 0 1px;
color : #330;
float : left;
width : 80%;
}
body.index div.contents h3 {
background-color : #ffeba5;
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
font-size : 120%;
letter-spacing : 0.5em;
margin : 0 0 1em 0;
padding : 0.2em 0.5em;
}
body.index div.contents_list {
background-color : #ffe8a5;
float : left;
margin : 0;
padding : 0;
width : 20%;
}
body.index div.contents_list form,
body.index div.contents_list li {
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
font-size : 82%;
margin : 0;
padding : 0.1em 0.5em 0.2em 0.5em;
}
body.index div.contents_list form.site_search input.submit {
border-width : 1px;
width : 34%;
}
body.index div.contents_list form.site_search input.word {
border-width : 1px;
width : 64%;
}
body.index div.contents_list h2 {
border-color : #fffff8 #000 #ffd02f #000;
border-style : solid;
border-width : 1px 0 1px 0;
color : #644e00;
font-size : 90%;
font-weight : normal;
letter-spacing : 0.1em;
margin : 0;
padding : 0.3em 0;
text-align : center;
}
body.index div.contents_list ul {
list-style-type : none;
margin : 0;
padding : 0;
}
body.index div.copy_right address {
border-color : #886900;
border-style : solid;
border-width : 1px 0 0;
font-size : 90%;
font-style : normal;
margin : 0 0 0.5em 0;
padding : 0.2em 0.5em;
text-align : right;
}
body.index div.guest_book div.main {
margin : 1em;
padding : 0;
}
body.index div.guest_book form {
border : 1px #ccc dotted;
margin : 0;
padding : 0.5em;
}
body.index div.guest_book form p.message,
body.index div.guest_book form p.name {
font-size : 82%;
margin : 0;
padding : 0;
}
body.index div.guest_book form p.message input {
width : 16em;
}
body.index div.guest_book form p.message label,
body.index div.guest_book form p.name label {
margin-right : 0.5ex;
text-align : right;
width : 8ex;
}
body.index div.guest_book form p.name input {
width : 8em;
}
body.index div.guest_book form p.submit {
font-size : 82%;
margin : 0 0 0 8ex;
padding : 0;
}
body.index div.guest_book input.submit {
border-width : 1px;
}
body.index div.guest_book p.log {
border : 1px #ccc solid;
font-size : 82%;
margin : 0.5em 0;
padding : 0.5em;
}
body.index div.guest_book p.navi {
text-align : right;
}
body.index div.weblog h4 {
border-color : #000 #000 #660 0;
border-style : solid;
border-width : 0 0 1px 0;
margin : 0 1em 0.5em;
padding : 0;
}
body.index div.weblog p.time_stamp {
font-size : 82%;
margin : 0 1em;
padding : 0.2em 0;
text-align : right;
}
body.index div.weblog p.view_log {
border : 1px #660 dotted;
margin : 1em 25%;
padding : 0.5em;
text-align : center;
}
body.index div.weblog ul {
margin : 0 0 1.5em 0;
padding : 0;
}
body.index h1.site_logo {
background-color : #ffd02f;
border-color : #000 #000 #886900 #000;
border-style : solid;
border-width : 0 0 1px 0;
color : #644e00;
font-size : 130%;
font-style : italic;
font-weight : bold;
letter-spacing : 1em;
margin : 0;
padding : 0.2em;
text-align : right;
}
不具合報告や要望などは、akiyan.com+webmaster@gmail.comへお願いいたします。
トラックバックを送りたい方はCSSプロパティ別整理法の提案とCSS自動整形アプリケーションを公開しました (BlogId:47)のトラックバック先であるhttp://www.akiyan.com/cgi/mt/mt-tb.cgi/48までどうぞ。
以下は実装を検討中の機能です。要望があれば、すぐに実装するかもしれません。
/* %s */と表現する。たとえば/** border-width **/としたければ/** %s **/になる。%s { %s:%s }となる。改行を表現するときは%s {\n %s:%s\n}といった感じで。「蓄々CSS自動整形」に加えられたセレクタ基準の整形、試してみました。これで両方向(プロパティ基準、セレクタ基準)にいつでも整形可能になりましたね。ただ、この整形はあくまでもプロパティ、セレクタいずれかを優先させた並べ替えですので、整形すると同時に CSS作成者の意図はすっぽりと抜け落ちてしまいます。当たり前の話ですが、「セレクタ基準→プロパティ基準→セレクタ基準」と整形しても元通りにはならず、セレクタをabc順に並べた(作成者にとっては)あまり読みやすくない CSSが返ってくるわけです。これは別に「蓄々CSS自動整形」を非難してるわけじゃなくて、このツールはやはり最初に想定された使い方が一番しっくりくるんだなあと再認識したということ。
このツールはやはり最初に想定された使い方が一番しっくりくるんだなあと再認識したということ
は、私も感じました。abc順でしかソートできず、コメントが削除されるのは痛い仕様です。大きなCSSをセレクタ基準方式でメンテナンス性を確保するには、製作者の意図が入ったものでないと実用に耐えませんね。
セレクタ基準整形はプロパティ基準と比較するための材料として有用なので、プロパティ基準を薦める意味でも作った甲斐はあったと思っています。
試用報告、ありがとうございました。
blockquote > p、blockquote + p）のスペースが削除される不具合を修正しました。blockquote,,p）が存在する時、空文字をセレクタとして認識してしまう不具合を修正しました。