(2090)maechan.css

▲U

▼D

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

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

/*----- maechan css -----*/

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

body{
background:aqua;
}

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

a:visited{
color:#12228f;
}

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

#container{width:830px;

border:0px solid aqua;
}

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

#banner,
#subbanner{
background:#5c89b5;

}

#banner{

height:85px;
}

#subbanner{background-image:url(https://userdisk.webry.biglobe.ne.jp/002/406/40/N000/000/012/zz59.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;
position:relative; top:50px; left:0px;
}

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

a.#login{
color:#fff;
}

#counter{
text-align:right;
padding:2px 5px;
background:#8daccb;
/* border-bottom:1px dotted #80a6a8;*/
}

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

#profile{
background:#bccee0;
color:#000;
/* border-bottom:1px dotted #b41217;*/
}

#profile td{
vertical-align:top;
}

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

#profile dt{
color:#36619c;
}

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

#contents{
background-colorred;
}

#postlist{
}

#trackback{
}

#comment{
}

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

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

#trackback form table,
#comment form table{
}

#trackback form table td,
#comment form table td{
color:#36619c;
}

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

#postlist th,
#trackback th,
#comment th{
color:#fff;
font-weight:normal;
line-height:110%;
background-color:#92b4dc;
border-top:1px solid #a6ccf7;
border-bottom:2px solid #7092be;
padding:1px 3px 1px 5px;
}

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

#postlist td p a {
color:#1b30d3;
}

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

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

#trackback dt,
#comment dt{
color:#36619c;
}

input.txt,
textarea{
border:1px solid #fff;
border-top-color:#8bb8e7;
border-left-color:#8bb8e7;
background:#b7d8fe;
color:#304373;
}

.response,
.date{
color:#4c73b6;
}

.more{
color:#000;
}

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

#blog{width:830px;
background:aqua;
}

#blog-head{
}

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

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

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

#blog-body{
color:#000;
}

#blog-body img#upload-image{
border:1px solid #1b30d3;
}

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

#blog-body blockquote{
background-color:#bfddff;
border:2px dotted #fff;
color:#4e6999;
}

#blog-body blockquote#affiliate{
}

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

#affiliate img{
border:0px;
}

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

#blog-foot{
}

#theme td{
color:#056bab;
}

#theme td h2{
color:#056bab;
}

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

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

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

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

#archives a{
color:#cd5c5c;
}

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

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

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

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

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

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

#calendar{
color:#000;
}

#calendar a{
color:#cd5c5c;
}

#calendar table{
}

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

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

#calendar td a{
}

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

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

#categories a{
}

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

#albums img{
border-color:#1b30d3
}

#albums a{
color:#cd5c5c;
}

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

#footer a{
color:#fff;
}

#footer{
color:#36619c;
}

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

#sbanner{
}

#sbanner img{
border:1px solid #6b959f;
}

/* Trackback URL window */

#miniwin{
background-color:#d6ebff;
border:2px solid #5c89b5;
}

#miniwin .message{
color:#0066aa;
}

#miniwin .notice{
color:#ff6600;
}

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

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

/* ★ for SNS ★ */
#utilities #c-menu, #utilities2 #c-menu{
border-top:1px solid #afcdec;
}
#utilities #c-menu .item, #utilities2 #c-menu .item{
border-bottom:1px solid #afcdec;
}
#outer-box h2{
color:#36619c;
padding:2px 0px 2px 15px;
border-left:5px solid #73a3d1;
border-bottom:1px solid #73a3d1;
}
#outer-box h3{
color:#36619c;
border-bottom:1px solid #7092be;
}
.deco th{
color:#fff;
line-height:110%;
background-color:#92b4dc;
border-top:1px solid #a6ccf7;
border-bottom:2px solid #7092be;
padding:1px 3px 1px 5px;
}
.deco td{
border-bottom:1px solid #afcdec;
}
.tc1{
color:#36619c;
}