サイトデザインいじり2006part2

| | コメント(0) | トラックバック(0)   | このエントリーを含むはてなブックマーク

アーカイブのコメント、トラックバックのスタイルシートをメインにあわせた。

/* ここは消さないで下さい Copyright (C) 2005 Dr.Blog. All Rights Reserved. http://drblog.jp/ */

body {
margin: 10px 0px 20px 0px;
color: #8B7D6B;
background-color: #CDC9A5;
text-align: center;
}

a {
color: #8B795E;
text-decoration: underline;
}

a:link {
color: #8B795E;
text-decoration: underline;
}

a:visited {
color: #9F988D;
text-decoration: underline;
}

a:active {
color: #9F988D;
text-decoration: underline;
}

a:hover {
color: #8B795E;
background-color: #FFFACD;
text-decoration: none;
}

hr {color: #E0E0E0;}

img {
border-style:none;
border-color:#8B8970;
}


blockquote {
margin: 15px 15px 15px 5px; /* 枠線を表示する上下左右の空白 */
padding: 10px; /* 枠線から文字までの上下左右の空白 */
background: #fffff6; /* 背景色 */

font-size: 10px; /* フォントサイズ */
line-height: 150%; /* 改行幅 */
border-left: 10px solid #8B8970;
border-top: 1px solid #8B8970;
border-bottom: 1px solid #8B8970;
border-right: 1px solid #8B8970;
color: #8B7D6B;
}


INPUT{
border-style:solid;
border-width:1px;
border-color:#E0E0E0;
color:#9F988D;
background-color:#FFF;}

h1, h2,{
margin: 0px;
padding: 0px;
font-weight: normal;
}


#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 740px;
border: 5px solid #8B8970;
background-color: #FFFFFF;
}

#banner {
font-family: Verdana, Arial, sans-serif;
color: #9F988D;
background:#FFFFFF url(archives/color.gif);
background-repeat: no-repeat;
background-position: bottom right;
text-align: left;
padding: 15px;
height: 40px;
}

#banner-img {
display: none;
}


#banner a {
color: #8B795E;
text-decoration: none;
}

#banner a:link {
color: #8B795E;
text-decoration: none;
}

#banner a:visited {
color: #8B795E;
text-decoration: none;
}
#banner a:hover {
color: #8B795E;
background-color:#FFFACD;
text-decoration: none;
}

#banner h1 {
font-size: 15px;
letter-spacing: 0.6em

}

#banner h2 {
margin-top: 10px;
font-size: 15px;
}

#center {
float: left;
width: 380px;

font-color: #9F988D;
overflow: hidden;
}

.content {
padding: 15px 15px 5px 15px;
background-color: #FFFFFF;
font-color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

#right {
float: left;


width: 160px;
background-color: #FFFFFF;

overflow: hidden;
}

.content p {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: left;
font-weight: bold;


margin-bottom: 10px;

}

.content h3 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
border: 1px solid #E0E0E0;
text-align: left;
font-weight: bold;
padding: 2px 5px;
margin-bottom: 10px;

}

.content p.posted {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-top: 1px dashed #E0E0E0;
text-align: left;



margin-bottom: 25px;
line-height: normal;
padding: 3px;
}

.sidebar {
padding: 15px;
}


#calendarhead {
line-height: 140%;
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;



padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#chara {
position:relative; top:10px; right:10px;
}

#calendar {
line-height: 140%;
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;



padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}

#calendar caption {
color: #9F988D;

font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: center;
font-weight: bold;

text-transform: uppercase;

letter-spacing: .3em;
}

#calendar th {
text-align: center;
font-weight: normal;
}

#calendar td {
text-align: center;
}

.sidebar h2 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: center;
font-weight: none;

text-transform: uppercase;

letter-spacing: .3em;
}

.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}

.sidebar ul ul {
margin-bottom: 0px;
}

.sidebar #categories ul {
padding-left: 15px;
}

.sidebar li {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: left;
line-height: 150%;



margin-top: 10px;
list-style-type: none;
}

.sidebar #categories li {
list-style-type: circle;
}

.sidebar img {
border: 3px solid #FFFFFF;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
color: #9F988D;
margin-top: 50px;
}
#copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
color: #9F988D;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

.commenter-profile img {
vertical-align: middle;
border-width: 0;
}


.entry h3 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
border: 1px solid #E0E0E0;
text-align: left;
font-weight: bold;
padding: 2px 5px;
margin-bottom: 10px;

}

.entry-body {
padding: 15px 15px 5px 15px;
background-color: #FFFFFF;
font-color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}


.date-header {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: left;
font-weight: bold;


margin-bottom: 2px;

}

.entry-footer {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: left;
font-weight: bold;


margin-bottom: 10px;

}

.entry-footer p{
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: left;
font-weight: bold;


margin-bottom: 10px;

}

.comments-open{
margin: 15px 15px 15px 15px; /* 枠線を表示する上下左右の空白 */
padding: 10px; /* 枠線から文字までの上下左右の空白 */
background: #fffff6; /* 背景色 */

font-size: 10px; /* フォントサイズ */
line-height: 150%; /* 改行幅 */
border-left: 1px solid #8B8970;
border-top: 1px solid #8B8970;
border-bottom: 1px solid #8B8970;
border-right: 1px solid #8B8970;
color: #8B7D6B;
}


.trackbacks{
margin: 15px 15px 15px 15px; /* 枠線を表示する上下左右の空白 */
padding: 10px; /* 枠線から文字までの上下左右の空白 */
background: #fffff6; /* 背景色 */
font-size: 10px; /* フォントサイズ */
line-height: 150%; /* 改行幅 */
border-left: 1px solid #8B8970;
border-top: 1px solid #8B8970;
border-bottom: 1px solid #8B8970;
border-right: 1px solid #8B8970;
color: #8B7D6B;
}

.trackbacks-content{
margin: 15px 15px 15px 15px; /* 枠線を表示する上下左右の空白 */
padding: 10px; /* 枠線から文字までの上下左右の空白 */
background: #fffff6; /* 背景色 */
font-size: 10px; /* フォントサイズ */
line-height: 150%; /* 改行幅 */
border-left: 5px solid #8B8970;
border-top: 0px solid #8B8970;
border-bottom: 0px solid #8B8970;
border-right: 0px solid #8B8970;
color: #8B7D6B;
}


/* .trackbacks-content p{
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: left;
font-weight: bold;
margin-bottom: 10px;

}
*/

.trackback-content p{
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: left;
margin-bottom: 10px;

}

カテゴリ

トラックバック(0)

このブログ記事を参照しているブログ一覧: サイトデザインいじり2006part2

このブログ記事に対するトラックバックURL: http://kamadango.com/mt-tb.cgi/983

コメントする

このブログ記事について

このページは、kamadangoが2006年1月 3日 00:22に書いたブログ記事です。

ひとつ前のブログ記事は「ヨハン」です。

次のブログ記事は「初詣at三島大社」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.0