77 lines
1.2 KiB
CSS
77 lines
1.2 KiB
CSS
/* FONT FACE */
|
|
@font-face {
|
|
font-family: "PatrickHand";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(../../css/PatrickHand-Regular.ttf) format('truetype');
|
|
}
|
|
|
|
body{
|
|
margin: 0;
|
|
font-family: "PatrickHand", Helvetica, Arial;
|
|
color: #000;
|
|
letter-spacing: 1px;
|
|
font-size: 40px;
|
|
}
|
|
|
|
#card_container{
|
|
width:400px;
|
|
height: 290px;
|
|
position: absolute;
|
|
top:0; left:0; right:0; bottom:0;
|
|
margin:auto;
|
|
}
|
|
#card{
|
|
width:400px;
|
|
height:240px;
|
|
background:#fff;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
}
|
|
#answer{
|
|
width:360px;
|
|
height:40px;
|
|
padding: 10px 0;
|
|
font-size:40px;
|
|
font-family: inherit;
|
|
text-align: center;
|
|
margin-top: 0.5em;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
#question{
|
|
height: 35px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#default_labels{
|
|
display:none;
|
|
}
|
|
|
|
#suggestion_header, #suggestions_list{
|
|
width: 360px;
|
|
margin: 0 auto;
|
|
font-size: 22px;
|
|
}
|
|
#suggestion_header{
|
|
/*text-align: left;*/
|
|
margin-top: 20px;
|
|
}
|
|
#suggestions_list{
|
|
margin-top: 5px;
|
|
}
|
|
#suggestions_list > div{
|
|
display: inline-block;
|
|
background: #bbb;
|
|
color: #666;
|
|
cursor: pointer;
|
|
margin: 3px;
|
|
padding: 0 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#suggestions_list > div:hover{
|
|
background: #ddd;
|
|
color: #888;
|
|
}
|
|
|