Soshot/inc/style.css

87 lines
No EOL
1.2 KiB
CSS

html {
padding: 1em;
font-family: arial, sans-serif;
font-weight: bold;
line-height: 2em;
background-color: #dedede;
}
form, #result{
padding: 1em;
text-align: center;
width: 50%;
margin: 0 auto;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.50), 0 85px 180px 0 #FFFFFF, 0 12px 8px -5px rgba(0, 0, 0, 0.95);
}
input, select {
height: 2em;
}
#result input[type=text] {
width: 80%;
display: inline-block;
}
input[type=url] {
width: 100%;
}
#result label {
margin-right: 1em;
width : 15%;
display: inline-block;
text-align:center;
}
form .info {
text-align : right;
margin:0 0;
line-height : 0.8em;
font-size : 0.8em;
}
#result {
text-align: center;
padding: 1em;
margin: 1em auto;
}
#result img {
box-shadow: 3px 3px 3px #cdcdcd;
border: 1px solid #cdcdcd;
border-radius: 5px;
}
@media screen and (min-width: 320px) and (max-width: 800px) {
html {
padding: 0.1em;
}
form, #result {
width: 100%;
padding: 0.1em;
}
input[type=url] {
width: 99%;
height: 2em;
}
input[type=submit] {
width: 99%;
height: 2em;
}
label {
display: block;
}
select {
width: 99%;
height: 2em;
display: block;
}
}