mirror of
https://github.com/fooflington/wordsearch.git
synced 2025-01-22 09:19:55 +00:00
style harmonised
This commit is contained in:
parent
75114fcdcc
commit
432c597cec
@ -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
38
war/base.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
@ -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.*" %>
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user