/* スクロールバー */
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;
}

 

コンテンツ情報

デザイン名

レッドカラー

開発者

abars

概要

赤ベースのCSSデザインです。ついでに角丸にしてみました。

 

メニュー