アナログ
RSS  

いろきち!2010/05/09 21:43

記事タイトル色

せっかく記事のタイトルの「-」を上手く隠したのに、べた塗りはつまらないなぁとグラデーションをかけてみた。

.msg-title{font-size:0;margin-top:0;line-height:1.2;height:23px;padding:6px 0 0 24px;-moz-border-radius-topright:23px;-webkit-border-top-right-radius:23px;border-top-right-radius:23px;
color:rgba(0,0,0,0);*color:#777;background:#777;
background-image:-moz-linear-gradient(top,#999,#444);
background-image:-webkit-gradient(linear, left top, left bottom, from(#999), to(#444))
}

なんだか地味だったので、曜日毎に色を変えてしまえ!

.msg-dow-mon .msg-title {*color:#722;background:#722;background-image:-moz-linear-gradient(top,#c33,#622);background-image:-webkit-gradient(linear, left top, left bottom, from(#c33), to(#622))}
.msg-dow-tue .msg-title {*color:#990;background:#990;background-image:-moz-linear-gradient(top,#dd0,#880);background-image:-webkit-gradient(linear, left top, left bottom, from(#dd0), to(#880))}
.msg-dow-wed .msg-title {*color:#47a;background:#47a;background-image:-moz-linear-gradient(top,#69c,#369);background-image:-webkit-gradient(linear, left top, left bottom, from(#69c), to(#369))}
.msg-dow-thu .msg-title {*color:#738;background:#738;background-image:-moz-linear-gradient(top,#c5e,#637);background-image:-webkit-gradient(linear, left top, left bottom, from(#c5e), to(#637))}
.msg-dow-fri .msg-title {*color:#997;background:#997;background-image:-moz-linear-gradient(top,#cca,#886);background-image:-webkit-gradient(linear, left top, left bottom, from(#cca), to(#886))}
.msg-dow-sat .msg-title {*color:#377;background:#377;background-image:-moz-linear-gradient(top,#377,#043);background-image:-webkit-gradient(linear, left top, left bottom, from(#377), to(#043))}

どうみても色キチです。本当にありがとうございました。
センスがないって悲しいよね。orz
確認してないけれど、一応webkitも意識してみた。
確認したらいろいろ間違ってたw ので修正した。

あーそこ!スラドに似てるとか言わないw

コメント

コメントをどうぞ

※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。

※投稿には管理者が設定した質問に答える必要があります。

名前:
メールアドレス:
URL:
次の質問に答えてください:
スパムがウザイので合い言葉を入れるようにしました。山と言えば川だろJK


コメント:

トラックバック

このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/05/09/5075871/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。