春の目覚め【CSS配布】 (ページ2)

今日:5 hit、昨日:1 hit、合計:3,176 hit

ソースコード（説明文つき）１ページ2

/*～～*/で挟まれた部分は改変する際にわかりやすいよう軽い説明文となっています。説明文不要の方は五ページ目へとどうぞ。

コピーはこの下から次のページの最後まで。
/*フォント*/
@font-face{font-family:こころ明朝;
src: url(https://cdn.leafscape.be/kokoro/Kokoro_web.woff2)
format(woff2);}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
再配布元
https://leafscape.be/fonts/207.html
-------------------------------------------------*/
*{font-family:ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;}
@media screen and (max-width:767px){
div#desc,#u_result{font-size:14px;}}
div#desc,#u_result{line-height:1.9 !important;}
div#desc,#u_result{letter-spacing:1px;}

/*背景*/
body{background-color:#fef1ee;}

/*リンク*/
a:link{color:#6cbf84}
a:hover,a:active{
position:relative;
bottom:-1px;
right:-1px;
text-decoration:none;}
a:visited{color:#51835E;}

/*タイトル*/
h1.utitle a{font-family:こころ明朝,游明朝,serif;
color:#fff !important;
text-shadow: 0 0 2px #F76C6C;
position:static;}
@media screen and (max-width:767px){
h1.utitle a:hover,a:active{
color:#F76C6C !important;}}
@media screen and (min-width:980px) {
h1.utitle a:hover{
color:#F76C6C !important;
transition: 1.5s;
text-shadow: 0 0 2px #FFF;}}

/*作品説明欄*/
div#desc{
background-image:url(画像①) ;
background-repeat:no-repeat;
background-position:bottom right;
border:none !important;}
.nstat{color:#6cbf84 !important;}

/*お話選択欄*/
form#dr{
background-color:#FFFEFE !important;
border:none !important;}
form#dr a{
font-family:こころ明朝,游明朝,serif;
color:#6cbf84 !important;
position:static;}
form#dr a:hover{
color:#fff8f8 !important;}
@media screen and (min-width:1024px) {
form#dr a:hover{
transition: 1.2s color;
color:#fff8f8 !important;}}