スタイルシート(黒) [2006年09月01日(金)]
単純にデフォルトスキンのスタイルシート部分の
背景色と文字色を変更しただけです。
━━━━━━━━━━━━━━━━━
CSS ソース は ここから下。
━━━━━━━━━━━━━━━━━ /*******************************************************
all
*******************************************************/
* { font-family:'MS Pゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif; }
body {
background:#101010;
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
color:#cecece;
border:none;
scrollbar-3dlight-color:#cecece;
scrollbar-arrow-color:#cecece;
scrollbar-base-color:#101010;
scrollbar-darkshadow-color:#cecece;
scrollbar-face-color:#101010;
scrollbar-highlight-color:#101010;
scrollbar-shadow-color:#101010;
}
HR{
color: #666;
height: 1px
}
a:link,
a:visited {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#ccc;
text-decoration:underline;
}
input,textarea {
border:1px solid #ccc;
background:#bbb;
padding:3px;
}
form {
padding:10px;
text-align:left;
}
.clear {
height:1px;
clear:both;
font-size:1px;
}
/*******************************************************
layout
*******************************************************/
#container {
width:750px;
background:#111;
text-align:left;
margin:0px auto 10px auto;
}
#top { }
#bot { }
#left { /* 3段組・左段のレイアウト設定 */
margin:0;
padding-bottom:10;
float:left;
text-align:right;
width:170px;
}
#right { /* 3段組・右段のレイアウト設定 */
margin:0 2px 0 0;
padding-right:2px;
padding-bottom:10px;
float:right;
text-align:left;
width:170px; _width: 168px;
}
#center { /* 3段組・中段のレイアウト設定 */
margin:0 0 0 10px;
float:left;
width:390px;
}
#center_contents {
margin:0 1px;
float:left;
width:390px;
}
/*******************************************************
header * title
*******************************************************/
#header {
background:#999;
margin:0 0 20px 0;
}
H1 {
padding:20px;
margin:0px;
}
.blog_title {
width:710px;
overflow: hidden;
word-break: break-all;
font-weight: bold;
font-size: 12px;
letter-sapacing: 1px;
}
.blog_title A:link,
.blog_title A:visited,
.blog_title A:hover {
color: #101010;
text-decoration: none;
}
H2 {
padding:0px 20px 20px 20px;
margin:0px;
}
.blog_description {
width:710px;
overflow: hidden;
word-break: break-all;
font-weight: normal;
font-size: 12px;
letter-sapacing: 1px
}
/*******************************************************
entry
*******************************************************/
.entry {
margin: 0 auto 15px auto;
width:380px;
text-align:center;
border:1px solid #666;
}
.entry_top { }
.entry_bot { }
H3 {
padding: 5px 10px;
margin: 0px;
background:#999;
text-align:left;
}
.entry_title {
width:360px;
overflow:hidden;
word-break:break-all;
font-size:12px;
color:#ccc;
font-weight:bold;
margin:0;
padding:0;
}
.date {
font-weight: normal;
font-size: 10px;
color: #000;
white-space:nowrap
}
.entry_text {
width:360px;
margin:0 auto 15px auto;
padding:5px 0;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
#profile .entry_text {
padding:5px;
line-height:1.3;
text-align:left;
}
/*******************************************************
comment
*******************************************************/
.comment {
margin: 0 auto 15px auto;
width:380px;
text-align:center;
border:1px solid #666;
}
.comment_top { }
.comment_bot { }
.comment H3 {
padding: 5px 10px;
margin: 0px;
background:#999;
text-align:left;
}
.comment_title {
width:360px;
overflow:hidden;
word-break:break-all;
font-size:12px;
color:#ccc;
font-weight:bold;
margin:0;
padding:0;
}
.comment_text {
width:360px;
margin:0 auto 15px auto;
padding:5px 0;
font-weight: normal;
font-size: 12px;
color: #ccc;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
comment_preview {
width:340px;
margin:0 auto 15px auto;
padding:5px 0;
font-weight: normal;
font-size: 12px;
color: #ccc;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
.posted {
padding:5px;
font-weight: normal;
font-size: 10px;
color: #999;
line-height: 1.1;
text-align:right;
}
.posted A:link,
.posted A:visited {
color: #999;
text-decoration: none
}
.posted A:hover {
text-decoration:underline;
color:#eee;
}
/*******************************************************
sidefunction
*******************************************************/
.side {
width:160px;
margin:0 0 15px auto;
border:1px solid #999;
text-align:center;
}
.side_header {
background:#111;
padding:5px;
margin:0 0 5px 0;
}
.side_title{
text-align:center;
font-weight:bold;
font-size:12px;
letter-sapacing:1px
}
.side_box {
width:150px;
margin:5px auto ;
padding:0;
overflow:hidden;
word-break:break-all;
text-align:left
}
.side_box ul {
margin:0px;
padding:0px;
list-style:none outside;
}
.side_box li {
margin:0 0 5px 0;
padding:0px;
background:none;
}
.side_text,
.side_text a:link,
.side_text a:visited {
line-height:1.2;
text-align:left;
margin:0;
padding:0;
font-weight:normal;
font-size:10px;
color:#ccc;
text-decoration:none;
font-size:10px;
}
.side_text a:hover {
color:#eee;
text-decoration:none;
font-size:10px;
}
/*******************************************************
calendar
*******************************************************/
.calendar_bg {
width:155px;
margin:0 auto;
}
.calendar {
width:20px;
padding:1px;
margin:0px;
color:#ccc;
font-size:10px;
text-align:center;
line-height:1.4;
}
.calendar a:link,
.calendar a:visited {
color: #eee;
text-decoration: none;
display:block;
border:1px solid #666;
}
.calendar a:hover {
color: #ccc;
background:#111;
text-decoration:none;
}
/*******************************************************
pagepreview
*******************************************************/
.page {
font-size: 10px;
width:98%;
overflow: hidden;
word-break: break-all;
margin:10px 0;
text-align:center;
}
.page a { font-size:10px; }
/*******************************************************
footer
*******************************************************/
.footer{ }
.footer_jp { font-size:10px; }
.footer_jp a { font-size:10px; }
背景色と文字色を変更しただけです。
━━━━━━━━━━━━━━━━━
CSS ソース は ここから下。
━━━━━━━━━━━━━━━━━ /*******************************************************
all
*******************************************************/
* { font-family:'MS Pゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif; }
body {
background:#101010;
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
color:#cecece;
border:none;
scrollbar-3dlight-color:#cecece;
scrollbar-arrow-color:#cecece;
scrollbar-base-color:#101010;
scrollbar-darkshadow-color:#cecece;
scrollbar-face-color:#101010;
scrollbar-highlight-color:#101010;
scrollbar-shadow-color:#101010;
}
HR{
color: #666;
height: 1px
}
a:link,
a:visited {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#ccc;
text-decoration:underline;
}
input,textarea {
border:1px solid #ccc;
background:#bbb;
padding:3px;
}
form {
padding:10px;
text-align:left;
}
.clear {
height:1px;
clear:both;
font-size:1px;
}
/*******************************************************
layout
*******************************************************/
#container {
width:750px;
background:#111;
text-align:left;
margin:0px auto 10px auto;
}
#top { }
#bot { }
#left { /* 3段組・左段のレイアウト設定 */
margin:0;
padding-bottom:10;
float:left;
text-align:right;
width:170px;
}
#right { /* 3段組・右段のレイアウト設定 */
margin:0 2px 0 0;
padding-right:2px;
padding-bottom:10px;
float:right;
text-align:left;
width:170px; _width: 168px;
}
#center { /* 3段組・中段のレイアウト設定 */
margin:0 0 0 10px;
float:left;
width:390px;
}
#center_contents {
margin:0 1px;
float:left;
width:390px;
}
/*******************************************************
header * title
*******************************************************/
#header {
background:#999;
margin:0 0 20px 0;
}
H1 {
padding:20px;
margin:0px;
}
.blog_title {
width:710px;
overflow: hidden;
word-break: break-all;
font-weight: bold;
font-size: 12px;
letter-sapacing: 1px;
}
.blog_title A:link,
.blog_title A:visited,
.blog_title A:hover {
color: #101010;
text-decoration: none;
}
H2 {
padding:0px 20px 20px 20px;
margin:0px;
}
.blog_description {
width:710px;
overflow: hidden;
word-break: break-all;
font-weight: normal;
font-size: 12px;
letter-sapacing: 1px
}
/*******************************************************
entry
*******************************************************/
.entry {
margin: 0 auto 15px auto;
width:380px;
text-align:center;
border:1px solid #666;
}
.entry_top { }
.entry_bot { }
H3 {
padding: 5px 10px;
margin: 0px;
background:#999;
text-align:left;
}
.entry_title {
width:360px;
overflow:hidden;
word-break:break-all;
font-size:12px;
color:#ccc;
font-weight:bold;
margin:0;
padding:0;
}
.date {
font-weight: normal;
font-size: 10px;
color: #000;
white-space:nowrap
}
.entry_text {
width:360px;
margin:0 auto 15px auto;
padding:5px 0;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
#profile .entry_text {
padding:5px;
line-height:1.3;
text-align:left;
}
/*******************************************************
comment
*******************************************************/
.comment {
margin: 0 auto 15px auto;
width:380px;
text-align:center;
border:1px solid #666;
}
.comment_top { }
.comment_bot { }
.comment H3 {
padding: 5px 10px;
margin: 0px;
background:#999;
text-align:left;
}
.comment_title {
width:360px;
overflow:hidden;
word-break:break-all;
font-size:12px;
color:#ccc;
font-weight:bold;
margin:0;
padding:0;
}
.comment_text {
width:360px;
margin:0 auto 15px auto;
padding:5px 0;
font-weight: normal;
font-size: 12px;
color: #ccc;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
comment_preview {
width:340px;
margin:0 auto 15px auto;
padding:5px 0;
font-weight: normal;
font-size: 12px;
color: #ccc;
line-height:1.3;
text-align:left;
overflow: hidden;
word-break: break-all
}
.posted {
padding:5px;
font-weight: normal;
font-size: 10px;
color: #999;
line-height: 1.1;
text-align:right;
}
.posted A:link,
.posted A:visited {
color: #999;
text-decoration: none
}
.posted A:hover {
text-decoration:underline;
color:#eee;
}
/*******************************************************
sidefunction
*******************************************************/
.side {
width:160px;
margin:0 0 15px auto;
border:1px solid #999;
text-align:center;
}
.side_header {
background:#111;
padding:5px;
margin:0 0 5px 0;
}
.side_title{
text-align:center;
font-weight:bold;
font-size:12px;
letter-sapacing:1px
}
.side_box {
width:150px;
margin:5px auto ;
padding:0;
overflow:hidden;
word-break:break-all;
text-align:left
}
.side_box ul {
margin:0px;
padding:0px;
list-style:none outside;
}
.side_box li {
margin:0 0 5px 0;
padding:0px;
background:none;
}
.side_text,
.side_text a:link,
.side_text a:visited {
line-height:1.2;
text-align:left;
margin:0;
padding:0;
font-weight:normal;
font-size:10px;
color:#ccc;
text-decoration:none;
font-size:10px;
}
.side_text a:hover {
color:#eee;
text-decoration:none;
font-size:10px;
}
/*******************************************************
calendar
*******************************************************/
.calendar_bg {
width:155px;
margin:0 auto;
}
.calendar {
width:20px;
padding:1px;
margin:0px;
color:#ccc;
font-size:10px;
text-align:center;
line-height:1.4;
}
.calendar a:link,
.calendar a:visited {
color: #eee;
text-decoration: none;
display:block;
border:1px solid #666;
}
.calendar a:hover {
color: #ccc;
background:#111;
text-decoration:none;
}
/*******************************************************
pagepreview
*******************************************************/
.page {
font-size: 10px;
width:98%;
overflow: hidden;
word-break: break-all;
margin:10px 0;
text-align:center;
}
.page a { font-size:10px; }
/*******************************************************
footer
*******************************************************/
.footer{ }
.footer_jp { font-size:10px; }
.footer_jp a { font-size:10px; }

