/* スクロールバー */
html,body {
scrollbar-3dlight-color:#80bfff;
scrollbar-arrow-color:#80bfff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#80bfff;
scrollbar-track-color:#ffffff;
}
/* リンク */
a {
color:#333333;
text-decoration: none;
}
a.declink {
border-bottom: 1px dashed;
}
a:hover,a.declink:hover {
border-bottom: 1px solid;
}
/* 区切り */
hr {
border:0;
border-top:1px dashed #b5ae9d;
}
/* body要素 */
body {
margin:0;
padding:0;
background-color: #ffeeee;
line-height:20px;
font-size:10pt;
font-family:Georgia, Geneva;
}
/* メインコンテナ */
#container {
width:800px;
max-width:100%;
margin:0px auto 0px auto;
}
/* 掲示板タイトルとロゴ */
#header {
color:#333333;
margin-top:10px;
padding-top:0px;
padding-left:10px;
}
/* コンテンツヘッダ(イラストを描く〜ログイン) */
#contents-header {
padding:10px;
margin-top:10px;
background-color:#ffffff;
color:#333333;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
#contents-header-size {
float: left;
padding-right: 20px;
}
#contents-header-edit {
float: left;
}
#contents-header-edit a{
color:#333333;
}
#contents-header-login {
float: right;
width: 80px;
}
/* コンテンツ(イラスト一覧) */
#contents {
padding-top:10px;
}
/* コンテンツフッタ(コピーライト) */
#contents-footer {
text-align:center;
color:#333333;
}
/* イラスト一覧 */
#main_2col {
float:left;
width:560px;
margin-right: 10px;
}
#main_1col {
}
/* サイドバー */
#side {
float:left;
width:210px;
margin-top:0px;
padding:10px;
background-color:#ffffff;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
#side,#side a {
color:#333333;
}
/* エントリー(イラスト) */
.entry {
padding:10px;
margin-bottom:20px;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
/* エントリーヘッダ・フッタ(ソートとページ番号) */
#entry-head,.entry,#entry-bottom {
background-color:#ffffff;
}
#entry-head,.entry,#entry-bottom,.entry a {
color:#333333;
}
#entry-head {
padding:10px;
margin-bottom:10px;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
#entry-bottom {
padding:10px;
margin-bottom: 0px;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
/* RSSアイコン */
#rss {
float: right;
}
/* イラスト情報要素 */
.entry-title {
padding: 5px;
border-bottom: dotted 1px #999999;
}
.entry-title h3 {
float: left;
font-size: 100%;
font-style: normal;
font-weight: normal;
padding: 0;
margin: 0;
}
.entry-title .clap {
float: right;
width: 80px;
font-weight: bold;
}
.entry-illust {
padding: 20px 0;
text-align: center;
}
.entry-name {
}
.entry-comment {
}
.entry-button {
}
/* ページ番号 */
#page-head {
float: left;
}
#page-bottom {
float: left;
}
.page-current {
display: inline-block;
color: #ffffff;
background-color: #333333;
width:20px;
text-align:center;
}
#page-head a, #page-bottom a {
display: inline-block;
color: #ffffff;
background-color: #999999;
width:20px;
text-align:center;
}
#page-head a:hover, #page-bottom a:hover {
background-color: #333333;
text-decoration: none;
border-bottom: 0px dashed;
}
/* ボタン */
.menubutton,.menubutton_active{
color: #fff;
border:0px;
text-align: center;
}
.menubutton{
background-color: #999999;
}
.menubutton_active{
background-color: #333333;
}
 
デザイン名 | レッドカラー |
開発者 | |
概要 | 赤ベースのCSSデザインです。ついでに角丸にしてみました。 |