たーの。のCSS置き場

青色系css ページ5

全体的に青色を使い、


クールな感じにしようとしました。


上手くできたかは分かりませんが…


サンプルです
http://uranai.nosv.org/u.php/novel/fufufu2/

body{
color:#000077;
}
div#desc{
color:#000077;
}
#u_result{
color:#000077;
}
a:link{
color:#6600FF;
}
a:visited{
color:#0099FF;
}
a:hover{
color:#0099FF;
}
*{
font-family:メイリオ,Meiryo,ヒラギノ角ゴ ProN,HriaginoKakuGothic,sans-serif;
}
div#desc{
background-color:#beffff;
}
#u_result{
background-color:#A7F1FF;
}
div.result{
background-color:#A7F1FF;
}
.result h3{
text-shadow: 0 0.4em 0.8em #DDFFFF;
}
div#desc{
border:3px double #2C7CFF;
}
input[type=text]{
background-color:#191970;
color:#E0FFFF;
}
input[type=submit]{
background-color:#E0FFFF;
color:#191970;
border:0;
}
input[type=text]{
border:3px double #E0FFFF;
}
input[type=submit]{
border:3px double #191970;
}
form#dr{
background-color:#99FFFF !important;
color:#000077;
}
form#dr a:link,form#dr a:visited{
color:#000077 !important;
}
form#dr a:hover{
color:#0000CD !important;
}
.result h3{
color:#000077 !important;
background-color:0000CD !important;
border:3px dotted #DCC2FF !important;
}
#navigation h2{
background-color:#E0FFFF;
color:#191970;
}
#navigation h2 a:link,#navigation h2 a:visited{
color:#6600FF;
}
#navigation h2 a:hover{
color:#0099FF;
}
h1.utitle a{
color:#000080 !important;
}
#navigation h2{
border:3px double #77FFFF !important;
}
body{background-color:#4169E1;}
#resizer{text-shadow:none; opacity:0.2;}
#resizer:hover{opacity:1;}

/*ここから下は背景を半透明にするものです */
/*必要なければ消してもOKです*/
#container,#content,#navigation{background:transparent !important; border:none !important;}
#topmenu,#topcon,#wrapper,#umbar{background:rgba(255,255,255,0.6) !important; border:none !important;}

孤雪 様 リク 暗めcss→←春系？css

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す