From: Brian Flowers Date: Mon, 10 Oct 2016 21:56:11 +0000 (-0400) Subject: Moving styles to external stylesheet X-Git-Url: http://git.slightlycyberpunk.com%2C%20git.slightlycyberpunk.com/git/?a=commitdiff_plain;h=402b212ec2de3a3094531cc7c8113a0e3dc0de05;p=bdsm-web.git Moving styles to external stylesheet --- diff --git a/README b/README index 58745b7..2f976a2 100644 --- a/README +++ b/README @@ -15,6 +15,9 @@ Install the Apache web browser with php5, sqlite3, and the associated Apache plu 2) CONFIGURATION +Ensure the /home/bdsm/ directory can be written by your web server. +And ensure bdsm is configured for sqlite3 logging to /home/bdsm/bdsm.sqlite3 + Visit the index.php page in your browser and navigate to the configuration page. Each reading found in the database can be renamed and configured to display on diff --git a/configure.php b/configure.php index 0b9e66b..3d45c40 100755 --- a/configure.php +++ b/configure.php @@ -53,61 +53,7 @@ if( isset($_POST) ) bdsm at monitor.slightlycyberpunk.com - +
diff --git a/index.php b/index.php index a504978..13e40b6 100755 --- a/index.php +++ b/index.php @@ -1,57 +1,14 @@ bdsm at monitor.slightlycyberpunk.com - +
diff --git a/style.css b/style.css new file mode 100644 index 0000000..265041d --- /dev/null +++ b/style.css @@ -0,0 +1,72 @@ +#vmenu +{ + position: absolute; + left: 0px; + top: 0px; + height: 100%; + width: 15%; + background: linear-gradient(to right, #000 0%,#222 80%,#555 100%); + padding-top: 5em; +} + +#vmenu a +{ + display: inline-block; + color: white; + font-weight: bold; + text-decoration: none; + width: 100%; + text-align: center; + border-top: 1px solid white; + padding: .5em .2em; + font-size: larger; +} + +#charts +{ + display: block; + position: absolute; + top: 0px; + left: 15%; + width: 75%; + height: 100%; + padding: 1em; +} + +.chart +{ + display: inline-block; + border: 1px solid black; + width: 400px; + height: 400px; +} + +options +{ + display: block; + position: absolute; + top: 0px; + left: 15%; + width: 85%; + height: 100%; +} + +.short +{ + width: 3em; +} + +tr +{ + text-align: center; +} + +th +{ + padding-top: 2em; +} + +#logo +{ + width: 100%; +} \ No newline at end of file