なんとなくblogの色を変えたので、FirefoxのextensionのPearl Crescent Page Saverでページ全体のスクリーンショットを撮ってみた。
配色は地獄工房系のスライドの使いまわし
左はindexページ、中央と右は個別エントリ。縦長いよ縦
あとリンク付き画像のborderが出てない。何故
ついでにCSSも貼っておくか。ほぼMTのデフォルトから色変えただけだけど。
body{
margin:0px0px20px0px;
background-color:#DDDDDD;
text-align:center;
}
a{
text-decoration:underline;
}
a:link{
color:#7288B8;
}
a:visited{
color:#FF4455;
}
a:active{
/*color:#8FABBE;*/
}
a:hover{
/*color:#006699;*/
}
h1,h2,h3{
margin:0px;
padding:0px;
font-weight:normal;
}
img{
border:1px;
}
.bulkfeedsSimilarity{
margin-left:20px;
margin-bottom:20px;
}
#entry_today{
width:520px;
float:left;
overflow:hidden;
background-color:#FFFFFF;
}
#entries_lastYear{
width:310px;
float:left;
overflow:hidden;
background-color:#FFFFFF;
}
#container{
overflow:hidden;
line-height:140%;
margin-right:auto;
margin-left:auto;
text-align:left;
padding:0px;
width:850px;
background-color:#FFFFFF;
border:1pxsolid#FFFFFF;
}
#banner{
font-family:Verdana,Arial,sans-serif;
color:#FFFFFF;
background-color:#006F7F;
text-align:left;
padding:15px;
border-bottom:1pxsolid#FFFFFF;
height:39px;
}
#banner-img{
display:none;
}
#bannera{
color:#FFFFFF;
text-decoration:none;
}
#bannerh1{
font-size:xx-large;
}
#bannerh2{
font-size:small;
}
#center{
float:left;
width:630px;
overflow:hidden;
}
.content{
margin:auto;
padding:15px15px5px15px;
background-color:#FFFFFF;
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
}
#right{
float:left;
width:200px;
background-color:#FFFFFF;
overflow:hidden;
}
.contentp{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
font-weight:normal;
line-height:150%;
text-align:left;
margin-bottom:10px;
}
.contentblockquote{
line-height:150%;
border-left:solid2px#FF9999;
padding-left:4px;
}
.contentli{
line-height:150%;
}
.contenth2{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
text-align:left;
font-weight:bold;
margin-bottom:10px;
}
.contenth3{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
text-align:left;
font-weight:bold;
margin-bottom:10px;
}
.contentp.posted{
color:#999999;
font-family:Verdana,Arial,sans-serif;
font-size:small;
border-top:1pxsolid#999999;
text-align:left;
margin-bottom:25px;
line-height:normal;
padding:3px;
}
.sidebar{
padding:15px;
}
#calendar{
line-height:140%;
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
padding:2px;
text-align:center;
margin-bottom:30px;
}
#calendartable{
padding:2px;
border-collapse:collapse;
border:0px;
width:100%;
}
#calendarcaption{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
text-align:center;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.3em;
}
#calendarth{
text-align:center;
font-weight:normal;
}
#calendartd{
text-align:center;
}
.sidebarh2{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
text-align:center;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.3em;
}
.sidebarul{
padding-left:0px;
margin:0px;
margin-bottom:30px;
}
.sidebarulul{
margin-bottom:0px;
}
.sidebar#categoriesul{
padding-left:15px;
}
.sidebarli{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:small;
text-align:left;
line-height:150%;
margin-top:10px;
list-style-type:none;
}
.sidebar#categoriesli{
list-style-type:circle;
}
.sidebarimg{
border:3pxsolid#FFFFFF;
}
.photo{
text-align:left;
margin-bottom:20px;
}
.link-note{
font-family:Verdana,Arial,sans-serif;
font-size:small;
line-height:150%;
text-align:left;
padding:2px;
margin-bottom:15px;
}
#powered{
font-family:Verdana,Arial,sans-serif;
font-size:small;
line-height:150%;
text-align:left;
color:#666666;
margin-top:50px;
}
#comment-data{
float:left;
width:180px;
padding-right:15px;
margin-right:15px;
text-align:left;
border-right:1pxdotted#BBB;
}
textarea[id=”comment-text”]{
width:80%;
}
.commenter-profileimg{
vertical-align:middle;
border-width:0;
}