シンプルで優しいＣＳＳ (ページ4)

今日:1 hit、昨日:1 hit、合計:9,840 hit

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

説明文不要の方はこちらからコピーをしてください。
コピーしやすいように文字の大きさ、間隔などはデフォルトに戻しています。

コピーはこの下から一番最後まで。

@font-face{
font-family: はれのそら明朝;
src:url(https://cdn.leafscape.be/Harenosora/harenosora_web.woff2);}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
https://fontopo.com/?p=377
http://ipafont.ipa.go.jp/
再配布元
https://leafscape.be/fonts/222.html
-------------------------------------------------*/
*{font-family:ヒラギノ角ゴ ProN, HriaginoKakuGothic,メイリオ,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:#eaedf7;}
a:link{color:#5673b3;}
a:hover,a:active{
position:relative;
bottom:-1px;
right:-1px;
text-decoration:none;}
a:visited{color:#314266;}
h1.utitle a{font-family:はれのそら明朝,游明朝,serif;
color:#5673b3 !important;}
@media screen and (min-width:1024px) {
h1.utitle a{
color:#eaedf7 !important;
text-shadow: 0 0 3px #314266;}
h1.utitle a:hover{
transition: 1s;
text-shadow: 0 0 3px #eaedf7;
color: transparent;}}
div#desc{
border:1px solid #eaedf7;}
.nstat{
color:#5673b3 !important;}
form#dr{
background-color:#fffffffc !important;
border:1px solid #eaedf7 !important;}
form#dr a{
font-family:はれのそら明朝,游明朝,serif;}
form#dr a:hover{
color:#eaedf7;}
@media screen and (min-width:980px) {
form#dr a:hover{
transition:1s;
text-shadow:0 0 3px #314266;
color:transparent;}}
label{font-family:はれのそら明朝,游明朝,serif;}