style harmonised

This commit is contained in:
foo 2016-12-19 15:44:06 +00:00
parent 75114fcdcc
commit 432c597cec
4 changed files with 45 additions and 31 deletions

View File

@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<title>About</title> <title>About</title>
<link rel="stylesheet" type="text/css" href="base.css" />
</head> </head>
<body> <body>

38
war/base.css Normal file
View File

@ -0,0 +1,38 @@
body {
font-family: sans-serif;
}
.tooltip {
border-bottom: 1px dotted #000;
text-decoration: none;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 2px 4px;
}
#grid {
font-family: monospace; font-size: 16;
}
#wrapper {
width: 80%;
margin: 0 auto;
}
#wordsearch {
float: left;
}
#words {
float: right;
width: 200px;
}
@media only print {
.noprint {
display: none;
}
}

View File

@ -1,36 +1,8 @@
<html> <html>
<head> <head>
<title>Wordsearch builder</title> <title>Wordsearch builder</title>
<link rel="stylesheet" type="text/css" href="base.css" />
<style> <style>
body { font-family: sans-serif; }
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 2px 4px;
}
#grid {
font-family: monospace; font-size: 16;
}
#wrapper {
width: 80%;
margin: 0 auto;
}
#wordsearch {
float: left;
}
#words {
float: right;
width: 200px;
}
@media only print {
.noprint {
display: none;
}
}
</style> </style>
</head> </head>
<%@ page import="uk.org.mafoo.wordsearch.*" %> <%@ page import="uk.org.mafoo.wordsearch.*" %>

View File

@ -1,5 +1,8 @@
<html> <html>
<head><title>Wordsearch builder</title></head> <head>
<title>Wordsearch builder</title>
<link rel="stylesheet" type="text/css" href="base.css" />
</head>
<body> <body>
<h1>Wordsearch builder</h1> <h1>Wordsearch builder</h1>
<a href="about.html">About</a> <a href="about.html">About</a>
@ -21,7 +24,7 @@ Dining Room
<br /> <br />
<input type="number" name="height" min="3" max="50" value="15" /> <input type="number" name="height" min="3" max="50" value="15" />
<input type="number" name="width" min="3" max="50" value="15" /> <input type="number" name="width" min="3" max="50" value="15" />
<input type="checkbox" name="simple" value="yes">Simple? <input type="checkbox" name="simple" value="yes">Simple [<span class="tooltip" title="In simple mode, words are only placed Left-to-Right or Top-to-Bottom">?</span>]</span>
<input type="submit" value="Build!" /> <input type="submit" value="Build!" />
</form> </form>