Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 14:59:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Improve button styles

Browse source
This commit is contained in:
Yarmo Mackenbach 2020-06-25 20:31:57 +02:00
parent 458b72f377
commit db1659aad5
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -24,8 +24,8 @@
<p>Because SO2 + 2NaOH → Na2SO3 + H2O</p> <p>Because SO2 + 2NaOH → Na2SO3 + H2O</p>
<h2>PGP functions</h2> <h2>PGP functions</h2>
<p> <p>
<a class="bigBtn" href="/verify">verify</a> <a class="bigBtn" href="/verify">verify signature</a>
<a class="bigBtn" href="/encrypt">encrypt</a> <a class="bigBtn" href="/encrypt">encrypt message</a>
</p> </p>
<h2>About</h2> <h2>About</h2>
<p><a href="/">Keyoxide</a> is a lightweight and FOSS solution to make basic cryptography operations accessible to regular humans.</p> <p><a href="/">Keyoxide</a> is a lightweight and FOSS solution to make basic cryptography operations accessible to regular humans.</p>

12
styles.css
View file

@ -34,9 +34,9 @@ footer {
flex: 1; flex: 1;
} }
.bigBtn { .bigBtn {
color: #333; display: inline-block;
width: 100%;
padding: 8px; padding: 8px;
color: #333;
font-size: 1.2em; font-size: 1.2em;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
@ -56,12 +56,15 @@ h1 {
background-color: #9dd3f0; background-color: #9dd3f0;
text-align: center; text-align: center;
} }
h3 { h2, h3 {
margin-top: 48px; margin-top: 48px;
} }
a { a {
color: #3f9acc; color: #3f9acc;
} }
a.bigBtn {
margin-right: 8px;
}
textarea { textarea {
width: 100%; width: 100%;
height: 128px; height: 128px;
@ -70,6 +73,9 @@ textarea {
input[type="radio"] { input[type="radio"] {
vertical-align: sub; vertical-align: sub;
} }
input[type="submit"] {
width: 100%;
}
.green { .green {
color: green; color: green;
} }