アナログ
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