【CSS配布所】CSSを使いたい方いらっしゃい！

【６】ほのぼの(青) ページ8

サンプル
↓↓↓
某S田さんと某N村さんをくっつけたい!【声優】

青を基調とした、ほのぼの感溢れるCSSです。

〔css〕

#u_result{
color:#000088;
}
a:link{
color:#0000cd;
}
a:visited{
color:#1e90ff;
}
a:hover{
color:#696969;
}
a:hover,a:active{
position:relative;
bottom:-1px;
right:-1px;
}

div#desc{
color:#000088;
background-image:url(http://uranai.nosv.org/img/user/data/a/a/4/aa460224c799ba8e703ac03b9b04a329.jpeg);
background-repeat:no-repeat;
background-position:top right;
text-shadow:1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px -1px 2px #FFFFFF;
height:500px;
overflow:auto;;
}
@media screen and (max-width:600px){div#desc{height:345px;}}

body{
color:#000088;
background-image:url(http://uranai.nosv.org/img/user/data/f/8/b/f8bed804f2ef71054a7902e7e75a3669.jpeg);
background-size:cover;
}

div#container,div#content,div#navigation{
background:transparent;
border:0;
}
div#wrapper{
background: rgba(255,255,255,0.5);
border:0;
}

div.result{
background-color:#ffffff;
}

input[type=text]{
background-color:#ffffff;
color:#000000;
}

input[type=submit]{
background-color:#EEFFFF;
color:#000088;
border:0;
}

form#dr{
background-color:#FAF0E6;
color:#000088;
}

form#dr a:link,form#dr a:visited{
color:#3f312b!important;
}
form#dr a:hover{
color:#696969!important;
}

.result h3{
color:#696969!important;
background-color:#FFF0F5!important;
}
h1.utitle a{
color:#000088!important;
}

input[type=radio]{visibility:hidden;}
input[type=radio] + label{
padding-left:1.5em;
background:url(http://uranai.nosv.org/img/user/data/a/8/7/a87809c707618efd67bd7ad1af9f9dbd.png) no-repeat left center;
background-size:1em 1em;
display:inline !important; line-height: 150%;
}
input[type=radio]:checked + label{
background:url(http://uranai.nosv.org/img/user/data/4/0/6/4062d71e1ef28a4c52cb0b671cc262ce.png) no-repeat left center;
background-size:1em 1em;
}

続く  (更新停止中) お気に入り登録で更新通知を受け取ろう

←【５】太陽と月(秋星様リク)

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