(2086)test3a.css

▲U

▼D

CSSはチンプンカンプンです。6５過ぎの手習です。

<link href="http://www7a.biglobe.ne.jp/~maechan/test3a.css" rel="stylesheet" type="text/css">

/*----- common -----*/

body{background-repeat:repeat;
background-attachment: fixed;
background-image:url("https://userdisk.webry.biglobe.ne.jp/002/406/40/77/1922.jpg");
}

a, a:link, a:active, a:visited, a:hover{
color:#f8e6be;
}

a:visited{
color:#ffdead;
}

/*----- main -----*/

#container{width:830px;


}

/*----- title banner -----*/

#banner,
#subbanner{
background:#4b4545;

}

#banner{
height:85px;
}

#subbanner{background-image:url

(https://userdisk.webry.biglobe.ne.jp/002/406/40/N000/000/012/zz60.jpg);
height:224px;
}

#banner a,
#subbanner a{
color:#fff;
font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
}

#banner h1{
font-size:x-large;
padding:10px 15px 10px;
}

#subbanner h1{
font-size:250%;
font-weight:bold;
padding:10px 15px 0px;
}

#login{
bottom:5px;
right:5px;
}

a.#login{
color:#f8e6be;
}

#counter{
text-align:right;
padding:2px 5px;
background:#918884;
/* border-bottom:1px dotted #b4b4b4;*/
}

/*----- profile -----*/

#profile{
background:#746b67;
color:#fff;
border-bottom:1px solid #fff;
}

#profile td{
vertical-align:top;
}

#profile h2{
font-size:larger;
font-weight:bold;
color:#30426b;
}

#profile dt{
color:#d1c1b5;
}

/*----- list (post,trackback,comment) -----*/

#contents{
background-color:#817672;
}

#postlist{
}

#trackback{
}

#comment{
}

#postlist h2,
#trackback h2,
#comment h2{
color:#d1c1b5;
font-size:medium;
font-weight:bold;
border-bottom:1px solid #494240;
margin-top:10px;
}

.supple{
color:#d1c1b5;
font-size:small;
font-weight:normal;
margin:0px 5px;
}

#postlist table,
#trackback table,
#comment table{
background-color:#605956;
}

#trackback form table,
#comment form table{
background-color:#746B67;
}

#postlist th,
#trackback th,
#comment th{
color:#a79a91;
font-weight:normal;
line-height:110%;
background-color:#5d5351;
border-top:1px solid #80756e;
border-bottom:2px solid #494240;
padding:1px 3px 1px 5px;
}

#postlist td,
#trackback td,
#comment td{
color:#d1c1b5;
padding:5px;
/* border-top:1px solid #fff;*/
border-bottom:1px solid #4c3e3e;
vertical-align:top;
vertical-align:bottom;
}

#postlist td p a {
color:#f8e6be;
}

#postlist blockquote,
#trackback blockquote{
color:#fff;
margin: 5px 0px 5px 10px;
}

#comment blockquote{
color:#fff;
margin: 3px;
}

#trackback dt,
#comment dt{
color:#d1c1b5;
}

#trackback .urlstring{
color:#000;
}

input.txt,
textarea{
border:1px solid #8a7c76;
border-top-color:#544848;
border-left-color:#544848;
background:#756861;
color:#fff;
}

.response,
.date{
color:#d1c1b5;
}

.more{
color:#000;
}

#postlist a img.thumnail{
border:1px solid #f8e6be;
}
/*----- blog-header -----*/

#blog-head{
}

#blog-head h2{
color:#cfcfcf;
font-size:larger;
font-weight:bold;
font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
padding:2px 0px 2px 15px;
border-left:5px solid #d1c1b5;
border-bottom:1px solid #d1c1b5;
margin-bottom:5px;
}

#blog-head p.response a{
color:#f8e6be;
}

/*----- blog-body -----*/

#blog{

}

#blog-body{
color:#fff;
}

#blog-body img{
border:0px solid #f8e6be;
}
#blog-body a img{
border:1px solid #f8e6be;
}
#blog-body img.up-image{
border:0px solid #f8e6be;
margin:5px;
}
#blog-body a img.up-image{
border:1px solid #f8e6be;
}

#blog-body blockquote{
background-color:#746c69;
border:2px dotted #a5968b;
color:#dfd5cb;
}

#blog-body blockquote#affiliate{
}

#blog-body blockquote#affiliate a{
color:#f8e6be;
}

#affiliate img{
border:0px;
}

/*----- blog-footer -----*/

#blog-foot{
}

#theme td{
color:#d1c1b5;
}

#theme td h2{
color:#d1c1b5;
}

#theme #rader{
background-image:url(../../images/article/trb_plain_chacoal.gif);
}

h3{
color:#fff;
}

li{
color:#fff;
}

.links{
color:#fff;
}

.g-ads .line2{
color:#fff;
}

.g-ads .url{
color:#B7C4E0;
}

/*----- miscellaneous -----*/

#contents #archives li,
#blog #archives li{
color:#999;
}

.navi{
border:2px dotted #887f7e;
border-width:2px 0px;
}

#archives a{
color:#f8e6be;
}

/*----- utilities -----*/

#utilities, #utilities2{
background:#605956;
}

#utilities h2, #utilities2 h2,
#blog-foot h2{
font-size:small;
font-weight:bold;
color:#d1c1b5;
border-bottom:2px dotted #d1c1b5;
margin-bottom:3px;
}

#utilities h3, #utilities2 h3{
font-weight:bold;
color:#948675;
}

#utilities ul, #utilities2 ul{
list-style:square;
}

/*----- calendar -----*/

#calendar{
color:#fff;
}

#calendar a{
color:#f8e6be;
}

#calendar table{
}

#calendar td,
#calendar td a,
#calendar th{
}

#calendar th{
border-bottom:1px solid #000;
}

#calendar td a{
}

#calendar table caption{
color:#fff;
border-bottom:2px solid #000;
}

/*----- categories -----*/

#categories a{
}

/*----- album -----*/

#albums img{
border-color:#f8e6be;
}

#albums a{
color:#f8e6be;
}

/*----- footer -----*/

#footer a{
color:#FFF;
}

#links{
border-bottom:2px dotted #FFF;
}

#sbanner{
}

#sbanner img{
border:1px solid #FFF;
}

/* Trackback URL window */

#miniwin{
background-color:#8d817a;
border:2px solid #000000;
}

#miniwin .message{
color:#000000;
}

#miniwin .notice{
color:#ffdd66;
}

#miniwin .url{
color:#000000;
background-color:#FFF;
border:3px solid #d1c1b5;
}

#miniwin .buttons{
background-color:#605956;
}


/* ★ for SNS ★ */
#utilities #c-menu, #utilities2 #c-menu{
border-top:1px solid #2b2525;
border-bottom:1px solid #8d817a;
}
#utilities #c-menu .item, #utilities2 #c-menu .item{
border-top:1px solid #8d817a;
border-bottom:1px solid #2b2525;
}
#outer-box h2{
color:#d1c1b5;
padding:2px 0px 2px 15px;
border-left:5px solid #4b4545;
border-bottom:1px solid #4b4545;
}
#outer-box h3{
color:#d1c1b5;
border-bottom:1px solid #494240;
}
#outer-box,
.inner-box{
color:#fff;
}
.deco{
border-top:1px solid #494240;
}
.deco th{
color:#a79a91;
line-height:110%;
background-color:#5d5351;
border-top:1px solid #80756e;
border-bottom:2px solid #494240;
padding:1px 3px 1px 5px;
}
.deco td{
border-bottom:1px solid #4c3e3e;
}
.tc1{
color:#d1c1b5;
}