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

今日:1 hit、昨日:7 hit、合計:3,179 hit

ソースコード（説明文なし）１ページ5

コピーしやすいようにフォントサイズを小さくしています。

@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;}}
input[type=submit]{
background-image:url(画像②);
background-size:cover;
background-position:center center;
color:#6cbf84;
text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 5px #FFF,0 0 10px #FFF,0 0 10px #FFF;
border-radius:5px;
border:none !important;}