文章(readingContent1)
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
/* 文章(readingContent1)
———————————————*/
.readingContent1 {
font-size: 11px;
}
.readingContent1 h2 {
margin: 1.2em 0 0.5em 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #CCC;
font-size: 150%;
color: #223c3f;
line-height: 1.2;
}
.readingContent1 h3 {
margin: 1.2em 0 0.5em 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #CCC;
font-size: 120%;
color: #223c3f;
line-height: 1.2;
}
.readingContent1 h3 .category {
font-size: 80%;
color: #333;
}
.readingContent1 h4 {
margin: 1.7em 0 1.2em 0;
color: #223c3f;
line-height: 1.2;
}
.readingContent1 p {
margin: 1em 0 1em 0;
line-height: 1.66;
}
.readingContent1 .column {
margin: 1.8em 0 1.8em 0;
border: 1px solid #CCC;
background: #F5F5F5;
}
.readingContent1 .column .columnTitle {
margin: 0;
padding: 6px 10px;
border-bottom: 1px solid #CCC;
background: #E5E5E5;
color: #333;
}
.readingContent1 .column * {
margin: 10px;
}
.readingContent1 .column * * {
margin: 0;
}
.readingContent1 ul {
margin: 0 0 1.8em 0;
line-height: 1.4;
}
.readingContent1 ul ul {
margin: 0;
}
.readingContent1 ul li {
list-style-type: none;
margin: 0;
padding: 0 0 0 15px;
background: url(img/bg/bullet_01.gif) 3px 0.46em no-repeat;
}
.readingContent1 ul li li {
background: url(img/bg/bullet_02.gif) 4px 0.46em no-repeat;
}
.readingContent1 ul.article {
border-top: 1px solid #CCC;
}
.readingContent1 ul.article li {
margin: 0;
padding: 0.5em 1.5em;
background: url(img/bg/arrow_01.gif) 0.5em 1em no-repeat;
color: #223c3f;
border-bottom: 1px solid #CCC;
}
.readingContent1 ul.article li li {
color: #666;
padding: 0;
border-bottom: none;
}
.readingContent1 blockquote {
margin: 0 0 1.8em 0;
padding: 10px;
border: 1px solid #CCC;
font-size: 93%;
}
.readingContent1 .cite {
margin: -1.8em 0 1.8em 0;
text-align: right;
font-size: 80%;
}
.readingContent1 .preWrap {
width: 100%;
overflow: auto;
margin: 0 0 1.8em 0;
background: #F5F5F5;
font-family: "Courier New", Courier, mono;
line-height: 1.4;
}
.readingContent1 .preWrap pre {
padding: 10px;
}
.readingContent1 .fig {
float: left;
margin: 5px 10px 5px 0;
}
.readingContent1 .illust {
margin: 0 0 1.8em 0;
line-height: 1.2;
font-size: 100%;
text-align: center;
}
.readingContent1 .illust p {
margin: 0 0 5px 0;
}
.readingContent1 .illust table {
margin: 0 auto;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
border-collapse: collapse;
}
.readingContent1 .illust table td,
.readingContent1 .illust table th {
text-align: left;
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.readingContent1 .illust table th {
background: #F5F5F5;
}
.readingContent1 dl {
height: 1%; /* for WinIE5,6 */
line-height: 1.33;
}
.readingContent1 dl dt {
line-height: 1.3;
margin: 10px 0 5px 0;
padding: 6px 0 0 0;
font-size: 120%;
color: #33c;
}
.readingContent1 dl dd {
_position: relative; /* for WinIE5 */
_height: 1%; /* for WinIE5,6 */
padding: 0 1em 6px 1em;
font-size: 110%;
border-bottom: 1px solid #E5E5E5;
background: #F8F8F8;
}
[/css]