2018-11-13 11:24:45 -09:00
|
|
|
* { box-sizing: border-box; font-family: Tahoma, Arial, san-serif; font-size: 16px; }
|
|
|
|
|
body { background-color: #fff; padding: 0; margin: 32px 16px; }
|
|
|
|
|
form { margin-top: 16px; white-space: nowrap; }
|
|
|
|
|
a { color: #3b8bba; text-decoration: none; }
|
|
|
|
|
a:hover { text-decoration: underline; }
|
|
|
|
|
input:focus { outline: 0; }
|
|
|
|
|
#c { border: 1px solid #eee; background-color: #fafafa; color: #757575; margin: auto; border-radius: 3px; text-align: justify; padding: 8px 16px; }
|
|
|
|
|
#u, #s { border: 1px solid #ccc; display: block; padding: 4px 8px; border-radius: 2px; margin: auto; }
|
|
|
|
|
#u { width: 100%; box-shadow: inset 0 1px 3px 0 #ddd; }
|
|
|
|
|
#u:focus { border-color: #129fea; }
|
|
|
|
|
#s { margin-top: 8px; color: #fff; background-color: #0078e7; border-color: transparent; }
|
|
|
|
|
#s:hover { background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); cursor: hover; }
|
2018-11-17 07:47:39 -09:00
|
|
|
#m { margin-bottom: 16px; }
|
2018-11-13 11:24:45 -09:00
|
|
|
@media screen and (min-width: 640px) {
|
|
|
|
|
#c { max-width: 600px; }
|
|
|
|
|
#u, #s { display: inline-block; margin: 0; }
|
|
|
|
|
#u { width: 490px; display: inline-block; }
|
|
|
|
|
}
|
