Commit 141e894f authored by Jørn Åne's avatar Jørn Åne

Move style to separate css file

parent 2e8c739d
...@@ -14,92 +14,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { ...@@ -14,92 +14,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<meta http-equiv="Content-Type" value="text/html;charset=utf-8"> <meta http-equiv="Content-Type" value="text/html;charset=utf-8">
<title>DKIM validator</title> <title>DKIM validator</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<style type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
html {
font-family: 'colfaxLight', 'Arial', sans-serif;
}
html,
body,
form {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
form {
display: table;
}
form > * {
display: table-row;
}
form > * > * {
display: table-cell;
padding: .2em 1em;
}
main {
height: 100%;
}
textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
border: none;
box-shadow: none;
outline: none;
resize: none;
background: #fff;
padding: 0 1em;
font-family: monospace;
}
textarea:invalid {
background: url('instruction.png') 50% 10% no-repeat;
}
nav {
display: table;
background: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
}
footer > * {
padding-left: 2em;
background: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
}
nav > * {
display: table-cell;
}
nav #logo > img {
display: block;
}
nav h1 {
white-space: nowrap;
padding-left: 1em;
vertical-align: middle;
color: #6a5f58;
}
nav ul {
vertical-align: middle;
}
nav ul > li {
display: inline;
}
nav button,
nav a {
color: #666464;
background: none;
border: none;
font-size: 1em;
padding: 0 1em;
text-decoration: none;
cursor: pointer;
}
.permfail {
color: red;
}
.pass {
color: green;
}
</style>
<form method="post"> <form method="post">
<header> <header>
......
html {
font-family: 'colfaxLight', 'Arial', sans-serif;
}
html,
body,
form {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
form {
display: table;
}
form > * {
display: table-row;
}
form > * > * {
display: table-cell;
padding: .2em 1em;
}
main {
height: 100%;
}
textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
border: none;
box-shadow: none;
outline: none;
resize: none;
background: #fff;
padding: 0 1em;
font-family: monospace;
}
textarea:invalid {
background: url('instruction.png') 50% 10% no-repeat;
}
nav {
display: table;
background: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
}
footer > * {
padding-left: 2em;
background: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
}
nav > * {
display: table-cell;
}
nav #logo > img {
display: block;
}
nav h1 {
white-space: nowrap;
padding-left: 1em;
vertical-align: middle;
color: #6a5f58;
}
nav ul {
vertical-align: middle;
}
nav ul > li {
display: inline;
}
nav button,
nav a {
color: #666464;
background: none;
border: none;
font-size: 1em;
padding: 0 1em;
text-decoration: none;
cursor: pointer;
}
.permfail {
color: red;
}
.pass {
color: green;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment