From 8771b905d40f862b64c39ddd91fcc6873743e3f3 Mon Sep 17 00:00:00 2001 From: Simon Brooke Date: Sun, 17 Feb 2019 12:46:26 +0000 Subject: [PATCH] Added a test form --- resources/html/testform.html | 21 +++ resources/public/css/standard.css | 287 ++++++++++++++++++++++++++++++ 2 files changed, 308 insertions(+) create mode 100644 resources/html/testform.html create mode 100644 resources/public/css/standard.css diff --git a/resources/html/testform.html b/resources/html/testform.html new file mode 100644 index 0000000..c5b09da --- /dev/null +++ b/resources/html/testform.html @@ -0,0 +1,21 @@ + + + + + + IReadIt test form. + + + +
+

+ + +

+

+ + +

+
+ + diff --git a/resources/public/css/standard.css b/resources/public/css/standard.css new file mode 100644 index 0000000..17fdd3e --- /dev/null +++ b/resources/public/css/standard.css @@ -0,0 +1,287 @@ +/* + * Smeagol: a very simple Wiki engine + * Copyright (C) 2014 Simon Brooke + + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License + * as published by the Free Software Foundation; either version 2 + * of the License, or (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, + * USA. + */ + +body { + margin: 0; + padding: 0; + font-family: sans-serif; +} + +/* ids generally in document order */ + +/* top-of-page navigation, not editable, provided by Smeagol */ +#nav{ + margin: 0; + padding: 0; + top: 0; + width: 100%; + _position: absolute; + _top: expression(document.documentElement.scrollTop); + z-index: 149; + background:rgba(40,40,40,0.8); +} + +#user { + font-height: 66%; + float: right; + padding: 0.1em 0.75em; + margin: 0; + color: white; +} + +#user a { + color: silver; +} + +/* only needed for fly-out menu effect on tablet and phone stylesheets */ +#nav-icon { + display: none; +} + +#nav-menu { + margin: 0; + padding: 0; +} + +#nav ul li { + padding: 0; + margin: 0; + display: inline; +} + +#nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + padding: 0.1em 0.75em; + margin: 0; +} + +#nav ul li.active a { background: silver;} +li.nav-item a:hover { background: rgb( 240, 240, 240) } +li.nav-item a:active { background: gray; color: white; } + +/* Overall container div, holds all content of page. Yes, I know it shouldn't have fixed width */ +#main-container{ +} + + +/* header for all pages in the Wiki - editable, provided by users. Within main-container */ +#header { + margin-top: 0; + width:100%; + background-color: gray; + color: white; +} + +#header h1 { + margin-top: 0; +} + +/* left bar for all pages in the Wiki - editable, provided by users. Within main-container */ +#left-bar { + width: 17%; + height: 100%; + float: left; +} + +/* content of the current in the Wiki - editable, provided by users. Within main-container */ +#content { + border: thin solid silver; + width: 80%; + float: right; + padding-bottom: 5em; +} + +/* cookies information box, fixed, in right margin, just above footer */ +#cookies { + width: 30%; + float: right; + position: fixed; + bottom: 1.5em; + right: 0; + z-index: 150; + background: transparent; +} + +/* about-cookies box: permanently visible part of cookies information box */ +#about-cookies { + clear: right; + width: 10em; + font-size: 66%; + float: right; + text-align: right; + padding: 0.25em 2em; + color: white; + background:rgba(40,40,40,0.8); +} + +/* more-about-cookies box, normally hidden */ +#more-about-cookies { + display: none; + padding: 0.25em 2em; + color: white; + background:rgba(40,40,40,0.8); + border-bottom: thin solid white; +} + +/* but magically appears on mouseover */ +#cookies:hover #more-about-cookies { + display: block; +} + +/* footer of the page - not-editable, provided by Smeagol */ +#footer { + clear: both; + font-size: smaller; + text-align: center; + color:white; + background:rgba(128,128,128,0.95); + width: 100%; + margin: 0; + padding: 0.25em 0; + bottom:0; + position:fixed; + vertical-align: top; + z-index:150; + _position:absolute; + _top:expression(eval(document.documentElement.scrollTop+ + (document.documentElement.clientHeight-this.offsetHeight))); +} + + +.change { + background-color: rgb( 223, 223, 223); + border: thin solid silver; +} + + +.error { + width: 100%; + background-color: red; + color: white; +} + +.message { + border: thin solid red; +} + +.minor-controls { + width: 10em; + float: right; + padding: 0.25em 2em; + color: white; + background:rgba(40,40,40,0.8); + font-size: 66%; +} + +.minor-controls a { + float: right; + color: white; +} + +.warn { + color: maroon; +} + +.widget { + background-color: silver; + border: thin solid white; + margin-top: 0; + margin-bottom: 0; + width: 100%; +} + +.wiki { + margin: 0; +} + +form { + border: thin solid silver; +} + +del { + color: red; +} + +div.content, form, p, pre, h1, h2, h3, h4, h5 { + padding: 0.25em 5%; +} + +dl, menu, ol, table, ul { + margin: 0.25em 5%; +} + +input { + background-color: white; +} + +input.action { + background-color: green; +} + +input.action-dangerous { + color: white; + background-color: red; +} + +input.required:after { + content: " \*"; + color: red; +} + +ins { + color: green; +} + +label { + width: 20%; + min-width: 20em; + border-right: thin solid gray; +} + +menu li { + display: inline; +} + +menu li::before { + content: "|| "; +} + +table { + border: 2px solid black; + border-collapse: collapse; +} + +table.music-ruled tr:nth-child(odd) { + background-color: silver; +} + +th, td { + text-align: left; + vertical-align: top; + padding: 0.15em 1.5em; + border: 1px solid gray; +} + +th { + background-color: silver; +} +