ＣＳＳ配布 ☆Mystery World ☆【リク可能】 (ページ8)

今日:1 hit、昨日:1 hit、合計:1,895 hit

Carde game ページ8

トランプ風のＣＳＳです！

画像はPixta 様やGahag様から借りました！

後、一部のイラストはアイビスと言うアプリで作りました！

【CSS 用】イラスト[素材]配布

サンプルです↓
Carde game CSS

************************************
@font-face{font-family:ロゴたいぷゴシック-コンデンスド;src:url(https://cdn.leafscape.be/LogoTypeGothicCondense/07LogoTypeGothic-Condense_web.woff2);}
*{
font-family:メイリオ,Meiryo,ヒラギノ角ゴ ProN,HriaginoKakuGothic,'Mangal';
}
div#container,div#content,div#navigation,div#desc{background:transparent;border:0;}div#wrapper{background: rgba(255,255,255,0.7);border:0;}

@media screen and (max-width:500px) {#navigation{background:rgba(255,255,255,0.5) !important;}}

body{color:#990000;}

a:link{color:#FF0461;}
a:visited{color:#FF4F02;}
a:hover{color:#cd5c5c;}

a:hover,a:active{position:relative;bottom:-1px;right:-1px;}

}
input[type=text]{
border:4px dotted #770000;
}
input[type=text]{background-color:#FFAD90;color:#440000;}

input[type=submit]{
border:4px dashed #FF4F50;
}
input[type=submit]{border:3px inset #F08080;}
input[type=text]{border:3px double
#DB7093;}

div#desc{
background-image:url(http://uranai.nosv.org/uploader/common/5/2/9/52971d397eb0b60cb46b4f7e0bd24342.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
text-shadow:1px 1px 2px #FF69B4,-1px -1px 2px #DA70D6 ;
height:500px;
overflow:auto;
}
@media screen and (max-width:600px){div#desc{height:345px;}}

#resizer{text-shadow:non
; opacity:0.2;}
#resizer:hover{opacity:1;}

input[type=submit]{
background-image:url(http://uranai.nosv.org/uploader/common/f/b/4/fb475d62d62acee4df131acdf0f5db02.gif);
background-size:cover;
background-position:center center;
color:#FFE4E1;
}

body{background-color:#FFE4E1;background-image:url(http://uranai.nosv.org/uploader/common/a/4/f/a4f6ef6e9f2f897f29b764747d9b3cc5.jpg);}