dirk
/
honk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fiddle with style some more

This commit is contained in:
Ted Unangst 2019-04-20 21:55:23 -04:00
parent 6cbbc38a4d
commit 3905306dbb
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
views/header.html
View File

@ -7,7 +7,7 @@
<link href="/local.css{{ .LocalStyleParam }}" rel="stylesheet"> <link href="/local.css{{ .LocalStyleParam }}" rel="stylesheet">
{{ end }} {{ end }}
<link href="/icon.png" rel="icon"> <link href="/icon.png" rel="icon">
<meta name="viewport" content="width=720px, initial-scale=0.4"> <meta name="viewport" content="width=device-width">
</head> </head>
<body> <body>
<div class="header"> <div class="header">

26
views/style.css
View File

@ -38,7 +38,7 @@ input {
} }
.info { .info {
background: #002; background: #002;
border: 2px solid #dde; border: 1px solid #dde;
margin-bottom: 1em; margin-bottom: 1em;
padding: 0em 1em 0em 1em; padding: 0em 1em 0em 1em;
} }
@ -65,16 +65,11 @@ button a {
font-size: 1em; font-size: 1em;
background: #305; background: #305;
color: #dde; color: #dde;
width: 700px; width: 600px;
height: 8em; height: 8em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
box-sizing: border-box; box-sizing: border-box;
} }
@media screen and (max-width: 1024px) {
.info textarea {
width: 500px;
}
}
.info input[type="checkbox"] { .info input[type="checkbox"] {
position: fixed; position: fixed;
top: -9999px; top: -9999px;
@ -103,7 +98,7 @@ button a {
width: 90%; width: 90%;
margin: auto; margin: auto;
background: #002; background: #002;
border: 2px solid #dde; border: 1px solid #dde;
border-radius: 1em; border-radius: 1em;
margin-bottom: 1em; margin-bottom: 1em;
padding-left: 1em; padding-left: 1em;
@ -164,3 +159,18 @@ img.emu {
vertical-align: middle; vertical-align: middle;
margin: -2px; margin: -2px;
} }
@media screen and (max-width: 740px) {
body {
font-size: 0.6em;
}
.info textarea {
width: 20em;
}
.honk .title {
height: 48px;
}
.honk .title img {
width: 48px;
height: 48px;
}
}