Install script refactor

.gitignore

@@ -1,3 +1,13 @@
 .DS_Store
 php/config.php
 
+lib/**
+css/*.css
+css/*.css.map
+!css/font-awesome.css
+!css/font-aweseome-ie7.css
+!css/iphone.css
+!css/loading.css
+!css/main.css
+!css/nav.css
+!css/setup.css

README.md

@@ -20,11 +20,11 @@ $ cp php/config-default.php php/config.php
 You will need to define the following strings in php/config.php:
 
 ```
-define(CONFIG_DB_NAME,          '');    // database name
-define(CONFIG_DB_HOSTNAME,      '');    // database hostname
-define(CONFIG_DB_USER,          '');    // database username
-define(CONFIG_DB_PASSWORD,      '');    // database password
-define(CONFIG_DATADIR,          '');    // path to read/writable data directory 
+define('CONFIG_DB_NAME',		'');	// database name
+define('CONFIG_DB_HOSTNAME',	'');	// database hostname
+define('CONFIG_DB_USER',		'');	// database username
+define('CONFIG_DB_PASSWORD',	'');	// database password
+define('CONFIG_DATADIR',		'');	// path to read/writable data directory
 ```
 
 Most of that is quite self explanatory, basically you just need an empty MySQL
@@ -40,5 +40,5 @@ Next, in a web browser open the following page to initialize the database:
 setup/install.php
 ```
 
-And thats it! 
+And thats it!
 

css/macros.less

@@ -0,0 +1,55 @@
+.border-radius(@a)
+{
+	-webkit-border-radius: @a;
+	-moz-border-radius: @a;
+	border-radius: @a;
+}
+
+.box-shadow(@a)
+{
+	-webkit-box-shadow: @a;
+	-moz-box-shadow: @a;
+	box-shadow: @a;
+}
+
+.transition(@a)
+{
+	-webkit-transition: @a;
+	-moz-transition: @a;
+	transition: @a;
+}
+
+.background-radial(@a, @b)
+{
+	background: radial-gradient(
+		center,
+		ellipse cover,
+		@a 0%,
+		@b 100%
+	);
+	background: -moz-radial-gradient(
+		center,
+		ellipse cover,
+		@a 0%,
+		@b 100%
+	);
+	background: -webkit-gradient(
+		radial,
+		center center,
+		0px,
+		center center,
+		100%,
+		color-stop(
+			0%,
+			@a
+		),
+		color-stop(
+			100%,
+			@b
+		)
+	);
+	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(196,220,255,1) 	100%);
+	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(196,220,255,1) 100%);
+	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(196,220,255,1) 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4dcff',GradientType=1 );
+}

css/setup.less

@@ -0,0 +1,67 @@
+@import 'shared.less';
+
+body.setup {
+	.pagetitle {
+		width: 100%;
+		text-align: center;
+		text-transform:lowercase;
+		font-size: 50px;
+		color: #66a;
+		font-weight: bold;
+		text-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
+	}
+}
+
+.initsteps {
+	width: 560px;
+	margin: 0px auto;
+	dt, dd {
+		display: block;
+		position: relative;
+		padding: 8px;
+		height: 20px;
+	}
+	dt {
+		float: left;
+		clear: both;
+		&.even {}
+		&.odd {}
+		&.success {
+			float: none;
+			margin: 0;
+			text-align: center;
+			font-weight: bold;
+		}
+	}
+	dd {
+		&.flag {
+			width: 64px;
+			float: right;
+			text-align: right;
+			margin: 0px;
+		}
+		&.dead {
+			clear: both;
+			margin: 0px 40px;
+
+			pre {
+				margin: 0px;
+			}
+		}
+		.result {
+			font-size: 11px;
+			font-weight: bold;
+			color: #fff;
+			text-transform: uppercase;
+
+			background-color: #00a65c;
+			border-radius: 4px;
+
+			padding: 2px 4px;
+
+			&.result-failed {
+				background-color: #cf0909;
+			}
+		}
+	}
+}

css/shared.less

@@ -0,0 +1,14 @@
+html, body{
+	width:100%; height:100%;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	background: #fff;
+
+	font-family: 'Lato', sans-serif;
+	-ms-user-select: none;
+}
+
+@import 'macros.less';

php/config-default.php

@@ -1,27 +1,19 @@
 <?php
+define('CONFIG_DB_NAME',		'');	// database name
+define('CONFIG_DB_HOSTNAME',	'');	// database hostname
+define('CONFIG_DB_USER',		'');	// database username
+define('CONFIG_DB_PASSWORD',	'');	// database password
+define('CONFIG_DATADIR',		'');	// path to read/writable data directory
 
-define(CONFIG_DB_NAME,		'');	// database name
-define(CONFIG_DB_HOSTNAME,	'');	// database hostname
-define(CONFIG_DB_USER,		'');	// database username
-define(CONFIG_DB_PASSWORD,	'');	// database password
-define(CONFIG_DATADIR,		'');	// path to read/writable data directory 
+define('CONFIG_SITE_TITLE',	'Pendactive');		// title of site
+define('CONFIG_BASEURL',		'http://pendactive.com');	// url of site
 
+define('CONFIG_NOREPLY_EMAIL','no-reply@pendactive.com');	// email address for automailer
+define('CONFIG_EXAMPLE_NOTE',	0);	// id of sample note given to first time users
 
-define(CONFIG_SITE_TITLE,	'Pendactive');		// title of site
-define(CONFIG_BASEURL,		'http://pendactive.com');	// url of site
+define('CONFIG_FEEDBACK_SCRIPT', '');
 
-define(CONFIG_NOREPLY_EMAIL,'no-reply@pendactive.com');	// email address for automailer
-define(CONFIG_EXAMPLE_NOTE,	0);	// id of sample note given to first time users 
-
-
-define(CONFIG_FEEDBACK_SCRIPT, '');	
-
-define(TWITTER_CONSUMER_KEY, 	'');
-define(TWITTER_CONSUMER_SECRET, '');
-define(TWITTER_OAUTH_CALLBACK, 	'');
-
-
-
-
-
-?>
+define('TWITTER_CONSUMER_KEY', 	'');
+define('TWITTER_CONSUMER_SECRET', '');
+define('TWITTER_OAUTH_CALLBACK', 	'');
+?>