イーブイCSS

5月25日はsuicaの考えたブイズの日だったわけですが色々あってイラストとか何も描けずに終わってしまった…(泣
とりあえずかなり遅れてですがブイズ好きの一人としてこの日をお祝いしたいと思います^^///

…んで記念として以前イーブイの日前日に作って放置状態だったはてなダイアリー用の自己絵イーブイスタイルシートを公開しておきますのでご自由にお使いくださいw(使えないと思いますがw
使用する場合は今使ってるテーマを解除してスタイルシートの欄に以下の内容をコピペしてください

ちなみにこのブログで使うとこんな感じになります


/***************************
Title: eevee
Author: id:LEAFEON
Access: http://d.hatena.ne.jp/LEAFEON/
***************************/

@charset "euc-jp";



/* === common ===========================================*/
body {
margin: 0;
padding: 0;
color: #333;
background: #cc6633;
text-align: center;
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
}

form {
margin: 0;
padding: 0;
}

img {
border: none;
}

a {
color: #996633;
}

a:visited {
color: ##996633;
}

a.keyword {
color: #333;
text-decoration: none;
border-bottom: 1px solid #dedede;
}

a.okeyword {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #dedede;
}

textarea, input {
padding: 3px;
}

input {
*padding: 0;
_padding: 0;
line-height: 1;
}

input[type="button"], input[type="submit"] {
padding: 1px;
}

div.adminmenu {
margin: 0 auto;
line-height: 200%;
height: 28px;
width: 90%;
max-width: 910px;
background: #cc6633;
font-size: 80%;
text-align: right;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
}

div.adminmenu a {
color: #ffffff;
text-decoration: none;
margin-right: 5px;
}

div.adminmenu a:hover {
text-decoration: underline;
}

#simple-header {
margin: 0px auto 0 auto;
width: 90%;
max-width: 910px;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
}


/* === h1(title) ===================================*/
h1 {
color: #FFF;
margin: 0px auto;
padding: 60px 0 60px 0;
text-align: left;
font-size: 180%;
text-indent: 20px;
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
width: 90%;
max-width: 910px;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
border-bottom: 0;
border-top: 0;
background: #ff9966 url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/LEAFEON/20111120/20111120220659.png?1321794426") no-repeat right center;
}

h1 a, h1 a:visited {
color: #FFF;
text-decoration: none;
}

h1 a:hover {
text-decoration: underline;
}

/* === article (all) ===========================================*/
.hatena-body {
margin: 0 auto;
background: #fff;
text-align: left;
zoom:1;
width: 90%;
max-width: 910px;
line-height: 1.5;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
}

.hatena-body:after {
display: block;
content: "";
clear: both;
}

.main {
text-align: left;
background: #fff;
float: left;
width: 100%;
border-bottom: 0;
border-top: 0;
}


.main div.calendar, .main div.day{
margin-right: 235px;
}

div.calendar {
padding: 15px 20px 0 20px;
font-size: 90%;
line-height: 150%;
text-align: right;
}


/* === article(day) =========================*/
.day {
padding: 0 15px 2em 20px;
clear: both;
}

.day h2 {
margin: 10px 0 3px 0;
font-size: 100%;
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
padding:0.6em 0 0.5em 0.3em;
line-height: 100%;
color: #990000;
border-bottom: 2px dotted #FF9933
}

.day h2 a {
color: #990000;
text-decoration: none;
}

.day h2 .edit {
font-size: 75%;
font-weight: normal;
margin-left: 5px;
}

.day h2 .title {
margin-left: 0.5em;
}

.day h2 span.title input , .day h2 span.date input {
border: 1px solid #ccc;
}

.day .photo {
float: right;
margin: 0.8em 0 1em 1em;
}

/* === article(body/h3-h5) =============================*/
.body {
padding-bottom: 0.3em;
width: 100%;
overflow: hidden;
}

.body h3 {
font-size: 80%;
background:url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/LEAFEON/20111120/20111120222300.png?1321795384") no-repeat left top;
vertical-align: middle;
}

.body h3 .timestamp {
font-weight: normal;
font-size: 80%;
margin-right: 3px;
}

.body h3 a {
text-decoration: none;
}

.body h3 a .sanchor {
color: #fff;
font-family: sans-serif;
margin: 0;
}

h3 span.sanchor {
left: 3px;
_left: -17px;
top: 3px;
width: 14px;
height: 14px;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
font-size: 200%;
padding-right: 10px;
}

.body h3 a.sectioncategory {
color: #333;
text-decoration: underline;
padding-left: 2px;
padding-right: 2px;

}

.body h3 img {
vertical-align: middle;
margin-bottom: 5px !important;
}

.body h3.title a {
text-decoration: none;
color: #333;
}

.body h3.title {
padding-left: 45px;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}

h3.hover {
border-color: #65908c !important;
background: #990000;
}

.body .section p.sectionheader {
margin: 0 0 5px 0;
padding: 0 30 0 0px;
text-align: right;
font-size: 80%;
position: relative;
line-height: 1.5;
vertical-align: top;
color: #999;
}

.body p.sectionheader * {
vertical-align: middle;
}

.body h4 {
border-bottom: 1px dotted #990000;
padding: 3px 3px 3px 25px;
margin:1em 0 0.5em 0;
background:url("http://f.hatena.ne.jp/images/fotolife/s/saitou-san/20080323/20080323182600.png") no-repeat left center;
}

.body h5 {
margin: 0.5em 0;
font-size: 100%;
padding-left: 25px;
background:url("http://f.hatena.ne.jp/images/fotolife/s/saitou-san/20080323/20080323201954.png") no-repeat left center;
}

.body .section {
margin: 0;
padding-bottom: 0em;
}

.body .section p {
margin:0.5em 0 0.5em 0;
}

.body .section ul, .body .section ol {
}

.body .section ul li, .body .section ol li {
}

.body .section pre {
margin : 15px 25px;
padding : 1em;
clear: both;
line-height: 1em;
max-height: 30em;

font-size: 90%;
background: #E0EBD6;
border: 1px solid #94BA73;
padding: 0.5em 0.8em;
_padding-bottom:25px;
*padding-bottom:25px;
color: #555;
_width: 100%;
*width: 100%;
overflow: auto;

}

.body .section blockquote {
border: 1px solid #990000;
margin: 1em 0;
padding: 0.5em;
}

.body .section blockquote p {
margin-top: 0;
margin-bottom: 0;
}

.body .section blockquote cite {
margin-top: 0.5em;
margin-bottom: -0.3em;
display: block;
font-size: 90%;
}

.body .section table {
border-collapse: collapse;
font-size: 90%;
margin: 1em 0;
}

.body .section table td, .body .section table th {
padding: 5px;
}

.body .section table th {
background: #E0EBD6;
border: 1px solid #B0CA95;
}

.body .section table td {
border: 1px solid #B0CA95;
}

.body .section table.hatena-question-detail {
margin-top: 0;
width: 560px;
}

.body .section table.hatena-question-detail td.hatena-question-detail-label {
width: 250px;
}

.body .section table.hatena-question-detail td.hatena-question-detail-value {
white-space: nowrap;
}

.body .section .hatena-asin-detail {
margin: 1em 0;
font-size: 90%;
padding: 0.8em 0.6em;
border: 1px solid #B0CA95;
}

.body .section .hatena-asin-detail .hatena-asin-detail-image {
float: left;
margin-right: 15px;
}

.body .section .hatena-asin-detail .hatena-asin-detail-title {
margin-top: 0;
font-weight: bold;
}

.body .section .hatena-asin-detail p {
text-indent: 0;
}

.body .section .hatena-asin-detail ul {
list-style: none;
margin: 0;
padding: 0;
}

.body .section .hatena-asin-detail .hatena-asin-detail-foot {
clear: left;
}

.body .section dl {
margin: 1em 0;
}

.body .section dt {
font-weight: bold;
padding-bottom: 3px;
}

.body .section dd {
padding-bottom: 6px;
margin-left: 1em;
}

.ad {
padding: 15px;
}

.body .ad {
padding: 0;
}

.highlight {
background: #fff06e;
padding: 0 0.3em;
}

.body p.footnote {
font-size: 90%;
margin: 1em 0;
}

.body .sectionfooter {
text-align: right;
clear: both;
}

.body textarea {
width: 100%;
border: 1px solid #ccc;
height: 28em;
}

.body input, .body select {
}

.keywordcloud {
margin: 0;
padding: 0;
}


/* === sidebar =========================================*/
.sidebar {
line-height: 1.5;
width: 220px;
float: right;
margin-left: -221px;
_margin-left: -220px;
*margin-left: -220px;
margin-top: 7px;
overflow: hidden;
padding-top: 0px;
}

.sidebar table.calendar {
font-size: 90%;
width: 198px;
border-collapse: collapse;
margin-top: 7px;
margin-left: 5px;
margin-bottom: 5px;
}

.sidebar table.calendar td {
text-align: center;
padding: 2px;
border: 1px solid #B0CA95;
background: #fff;
}

.sidebar table.calendar td a {
text-decoration: none;
}

.sidebar table.calendar td a:hover {
}

.sidebar table.calendar td img {
width: 15px;
height: 15px;
}

.sidebar table.calendar td.calendar-prev-month, .sidebar table.calendar td.calendar-next-month, .sidebar table.calendar td.calendar-current-month {
padding: 4px 0;
background: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
}

.sidebar table.calendar td.calendar-prev-month a, .sidebar table.calendar td.calendar-next-month a, .sidebar table.calendar td.calendar-current-month a {
}

.sidebar table.calendar td.calendar-prev-month {
text-align: right;
}

.sidebar table.calendar td.calendar-next-month {
text-align: left;
}

.sidebar table.calendar td.calendar-weekday {
background: ##ffcc99;
}

.sidebar table.calendar td.calendar-sunday {
background: #f9eded;
}

.sidebar table.calendar td.calendar-saturday {
background: #e9f7fd left;
}

.sidebar table.calendar td.calendar-day a {
display: block;
}

.sidebar table.calendar td.day-today {
background: #ff9966;
}

.sidebar table.calendar td.day-selected {
font-weight: bold;
}

/* === hatena-module ===================================*/
.hatena-module {
}

.hatena-module .hatena-moduletitle {
padding: 3px 0.5em 3px 0.7em;
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 100%;
background: #cc6633;
text-align: center;
margin: 0 7px 0 7px;
border-top: 0;
}

.hatena-module .hatena-moduletitle a {
color: #ffffff;
}


.hatena-module .hatena-modulebody {
padding: 7px;
zoom:1;
}

.hatena-modulebody:after {
clear: both;
content: "";
display: block;
}

.hatena-module ul, .sidebar .hatena-module ol {
margin: 0;
padding: 0;
list-style: none;
font-size: 90%;
}

.hatena-module ul.keywordcloud {
margin-left: 0;
}

.hatena-module ul li, .hatena-module ol li{
padding-bottom: 3px;
padding-left: 2px;
margin-bottom: 4px;
border-bottom: 1px solid #996633;
line-height: 1.3;
}

.hatena-module ul li a,.hatena-module ol li a {
text-decoration: none;
}

.hatena-module ul.hatena-photo {
margin: 0;
padding: 0;
}

.hatena-module ul.hatena-photo li {
display: inline;
border-bottom: 0;
}

.hatena-module ul.hatena-photo li img {
margin: 2px 2px 4px 2px;
vertical-align: middle;
}

.hatena-module dl {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.3;
}

.hatena-module dl a {
text-decoration: none;
}

.hatena-module dt {
padding-left: 3px;
}

.hatena-module dd {
margin-left: 0;
margin-bottom: 5px;
padding-bottom: 6px;
padding-left: 3px;
border-bottom: 1px solid #B0CA95;
}

.hatena-module p {
margin: 0;
}

.hatena-module .hatena-profile {
font-size: 90%;
line-height: 135%;
}

.hatena-module .hatena-profile .hatena-profile-id {
padding-bottom: 0.2em;
font-weight: bold;
}

.hatena-module .hatena-profile .hatena-profile-id a {
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
text-decoration: none;
}

.hatena-module .hatena-profile-image img {
float: left;
margin: 5px 10px 5px 5px;
}

.sidebar .hatena-module form {
font-size: 90%;
margin: 0;
padding: 0;
}

.sidebar .hatena-module form input, .sidebar .hatena-module form select {
border: 1px solid #ccc;
margin: 5px 5px 5px 0;
vertical-align: middle;
background: #fff;
}

.sidebar .hatena-module form select {
margin-right: 0;
}


.sidebar .hatena-clock {
text-align: center;
padding: 0.5em;
}

.recentitem {
padding: 3px 0.5em 3px 0.7em;
font-family: "Verdena","Osaka", "MS PGothic",sans-serif;
color: #458B00;
font-weight: bold;
background: #FFFFFF;
text-align: center;
margin-top: 0;
}

.recentitem a {
color: #458B00;
}

.recentsubtitles {
padding: 0 0 10px 10px;
margin: 0;
font-size: 90%;
}

.recentitem_diary {
padding: 10px 20px;
}

.recentsubtitles img {
vertical-align: middle;
}

/* === comment & refererlist ============================*/
div.comment, div.refererlist {
margin: 0 5px 0 5px;
clear: both;
border: 1px solid #94BA73;
background: #FFF;
}

.comment .caption, .refererlist .caption {
margin: 0 0 7px 0;
padding: 3px 0.5em 3px 0.7em;
background: #94BA73;
color: #FFF;
border-top: 0;
}

.comment .caption a, .refererlist .caption a {
color: #FFF;
}

.comment .commentshort {
padding: 0 7px 7px 7px;
}

.comment .commentshort p {
margin: 0;
padding-bottom: 3px;
padding-left: 3px;
font-size: 80%;
line-height: 1.2;
}

.comment .commentshort p a {
text-decoration: none;
}

.comment .commentshort p .canchor a {
color: #333;
}


.commentshort p {
position:relative;
}

.commentshort p .timestamp {
position:absolute;
right:0;
_right:255px;
*right:255px;
top:0;
}

.comment textarea {
border: 1px solid #ccc;
margin: 0.5em 0;
width: 100%;
}

.comment input.field {
background: #fff;
border: 1px solid #ccc;
}

.comment input#comment-username {
background: #fff;
border: 1px solid #ccc;
}

div.refererlist {
border-top: 0;
}

.refererlist ul {
list-style: none;
margin: 0;
padding: 0 7px 7px 7px;
font-size: 90%;
}

.refererlist ul li {
margin-bottom: 4px;
padding-bottom: 3px;
padding-left: 3px;
border-bottom: 1px solid #94BA73;
line-height: 1.3;
}

.refererlist ul li a {
text-decoration: none;
}

.refererlist ul li input {
vertical-align: middle;
margin-left: 0;
}

.refererlist input {
margin-left: 10px;
margin-bottom: 6px;
}

/* === hatena-about ====================================*/
#hatena-about {
}

#hatena-about h2 {
margin-top: 0;
padding-top: 1em;
}

#hatena-about h2 a {
font-weight: normal;
margin-left: 5px;
}

#hatena-about h3 {
padding: 8px 0 0 40px;
}

#hatena-about ul {
margin: 1em;
padding: 0;
}

#hatena-about .hatena-profile-list {
margin: 1em 0;
padding: 0;
}

#hatena-about .hatena-profile-list li {
display: inline;
}

/* === other ====================================*/
.footer {
padding: 1em;
clear: both;
}

div.contents {
border: 1px solid #DDD;
margin-top: 1em;
margin-left: 1em;
color: #333;
}

div.contents ul {
list-style: circle;
margin-bottom: 0.5em;
}

p.message {
margin: 0;
padding: 1em;
}

a.file {
padding-left: 17px;
margin-left: 2px;
margin-right: 2px;
background: url("http://www.hatena.ne.jp/images/common/icon-download.gif") 0 50% no-repeat;
}


/* === hatena GROUP ====================================*/
/* GROUP STYLE 071002 */

#breadcrumbs {
text-align: left;
background: #7da5a6;
width: 90%;
max-width: 910px;
margin:0 auto;
padding: 5px 0 !important;
color: #fff;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
text-indent: 1em;
}

#breadcrumbs a{
margin: 0 5px;
color: #fff;
}

#breadcrumbs input{
background: transparent;
color: #fff;
border: 1px solid #990000 !important;
padding: 0;
}

#hatena-group-topictree .day{
padding-top: 20px;
}

#hatena-group-topictree ul.topic-tree-leaf {
margin-top: 0;
}

#hatena-group-topictree ul.topic-tree-leaf ul,ul.topic-tree-leaf ul ul,ul.topic-tree-leaf ul ul ul,ul.topic-tree-leaf ul ul ul ul,ul.topic-tree-leaf ul ul ul ul ul{
padding-top: 0;
}

#hatena-group-topictree div.description {
font-size: 80%;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
border:1px solid #990000;
}

#hatena-group-topictree ul.topic-tree-leaf li a{
margin: 0;
line-height: 1.5;
font-weight: bold;
}

#hatena-group-topictree #hatena-group-topictree ul.topic-tree-leaf li a.topic-tree-username{
font-weight: normal;
}

#hatena-group-topictree ul.topic-tree-leaf li img {
vertical-align: middle;
margin-bottom: 3px;
}

#hatena-group-topictree ul.topic-tree-leaf li ul li a{
font-weight: normal;
}

#hatena-group-task h1 {
padding: 65px 0 65px 0;
background: #7da5a6;
}

#hatena-group-task .ashikamenu {
font-size: 80%;
}

#hatena-group-task .ashikamenu img {
vertical-align: middle;
margin-bottom: 3px;
margin-right: 2px;
font-size: 80%;
}

#hatena-group-task h2 {
line-height: 1.35;
}

#hatena-group-task h2 input {
padding: 0;
vertical-align: middle;
margin-bottom: 2px;
}

#hatena-group-bbs div.bbsad{
margin-left:0;
padding-left:1em;
padding-top:1em;
}

#hatena-group-bbs div#bbsheader {
margin:0;
padding:0 1em;
}

#hatena-group-bbs #bbsheader div.bbsmode {
padding-top:0.5em;
margin:0;
}

#hatena-group-bbs .calendar {
text-align:left;
}

#hatena-group-bbs div.articlelist {
border:1px solid #990000;
margin-top:1em;
font-size:90%;
padding:0.3em;
}

#hatena-group-calendar .group-calendar{
padding-top:1em;
text-align:center;
width:100%;
}

#hatena-group-calendar .group-calendar table{
border-collapse:collapse;
width:95%;
margin:0 auto;
text-align:left;
}

#hatena-group-calendar .group-calendar table tr th{
background:#DFDFDF;
}

#hatena-group-calendar .group-calendar table tr th.calendar-sunday{
background:#EBD9D9;
color:#333;
}

#hatena-group-calendar .group-calendar table tr th.calendar-saturday{
background:#D3EAF2;
color:#333;
}

#hatena-group-calendar .group-calendar table tr td{
line-height:1.35;
}

#hatena-group-calendar .group-calendar table tr td,#hatena-group-calendar .group-calendar table tr th{
border:1px solid #990000;
}

#hatena-group-calendar .group-calendar table tr.pager td {
border:0;
padding-bottom:5px;
}

#hatena-group-calendar .group-calendar table tr td h2{
border-bottom:1px solid #990000;
padding:3px;
background:#efefef;
}

#hatena-group-calendar .group-calendar table tr td h2.holiday {
background:#f9eded;
}

#hatena-group-calendar .group-calendar table tr td h2.saturday {
background:#e9f7fd;
}

#hatena-group-calendar .group-calendar table tr td h2 a{
text-decoration:none;
}

#hatena-group-calendar .group-calendar table tr td h3{
font-size:100%;
margin:7px 5px;
}

#hatena-group-calendar .group-calendar table tr td h3 a{
color: #458B00;
text-decoration:none;
}


/* === google adsense ===================================*/

.google_color_text { color:#333333; }
.google_color_link { color:#009a86; }
.google_color_url { color:#333333; }
.google_color_bg { color:#ffffff; }
.google_color_border { color:#ffffff; }

/* === Hatena-Star =======================================*/
.hatena-star-comment-button-image {
background-image: url("http://s.hatena.ne.jp/images/comment_gr.gif");
}

.hatena-star-star-image {
background-image: url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/LEAFEON/20111120/20111120222908.gif?1321795757");
}

.hatena-star-add-button-image {
background-image: url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/LEAFEON/20111120/20111120222908.gif?1321795757");
}

.hatena-star-temp-star-image {
background-image: url(http://example.com/example_3.gif);
}