Initial Commit

This is still totally work in progress
feejin · Dec 4, 2012 · c05e908 · c05e908
commit c05e908
Show file tree

Hide file tree

Showing 8 changed files with 206 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/_config.php b/_config.php
@@ -0,0 +1,5 @@
+<?php
+
+/**
+ * some configy thingy
+ */
diff --git a/css/login.css b/css/login.css
diff --git a/less/_reset.less b/less/_reset.less
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0b1 | 201101 
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+img { -ms-interpolation-mode: bicubic; }
diff --git a/less/login.less b/less/login.less
@@ -0,0 +1,86 @@
+// CSS RESET
+@import '_reset';
+
+// LOGIN VARIABLES AND MIXINS
+@sec-bg: #e6eaed;
+
+@sec-box-header-light: #002e4f;
+@sec-box-header-dark: #001220;
+@sec-box-header-border: #728d9e;
+
+@sec-box-bg-light: #b0bec7;
+@sec-box-bg-dark: #90a5b3;
+
+@sec-black: #000;
+@sec-grey: #444;
+@sec-white: #fff;
+
+@sec-action-primary-light: #93BE42;
+@sec-action-primary-mid: #1F9433;
+@sec-action-primary-dark: #166A24;
+
+@sec-message-bad: #B94A48;
+@sec-message-bad-bg: #F2DEDE;
+@sec-message-bad-border: #EED3D7;
+
+// ROUNDED CORNERS
+.rounded(@radius: 10px) {
+	-moz-border-radius: @radius;
+	-webkit-border-radius: @radius;
+	border-radius: @radius;
+}
+
+// SIMPLE GRADIENTS FOR BUTTONS
+.gradient(@colour-start, @colour-finish) {	
+	background: @colour-finish; // FOR NON-GRADIENTS
+	background: -webkit-linear-gradient(top, @colour-start 0%, @colour-finish 100%); // MODERN WEBKITS
+	background: linear-gradient(to bottom, @colour-start 0%, @colour-finish 100%); // W3C
+}
+
+// GRADIENT FOR MAIN AREA
+.gradient-box(@colour-start, @colour-finish) {	
+	background: @colour-start; // FOR NON-GRADIENTS
+	background: -webkit-linear-gradient(top, @colour-start 0%, @colour-start 60%, @colour-finish 100%); // MODERN WEBKITS
+	background: linear-gradient(to bottom, @colour-start 0%, @colour-start 60%, @colour-finish 100%); // W3C
+}
+
+// WEBSITE
+// ----------------------------------------------------------------------------------
+
+body {
+	background: @sec-bg;
+	font: 62.5% arial,sans-serif;
+}
+
+// FORM
+// --------------------------------------------------------------------------------
+
+#top {
+	width: 580px;
+	margin: 50px auto 0;
+	.gradient-box(@sec-box-bg-light, @sec-box-bg-dark);
+}
+
+.header {
+	height: 40px;
+	font-weight: bold;
+	font-size: 140%; line-height: 40px;
+	color: @sec-white;
+	border-bottom: 1px solid #728d9e;
+	.gradient(@sec-box-header-light, @sec-box-header-dark);
+	// SHADOW
+}
+
+form {
+	padding: 20px;
+}
+
+
+.message {
+	font-size: 100%; font-weight: bold;
+	margin: 0 0 1em; padding: 10px;
+	background: @sec-message-bad-bg;
+	color: @sec-message-bad;
+	border: 1px solid @sec-message-bad-border;
+	.rounded(10px);
+}
diff --git a/templates/Security_login.ss b/templates/Security_login.ss
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="$ContentLocale">
+<head>
+	<% base_tag %>
+	<title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
+	<meta charset="utf-8">
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta name="description" content="<% if MetaDescription %>$MetaDescription<% else %>$Content.FirstParagraph<% end_if %>">
+	$MetaTags(false)
+	<% require themedCSS(login) %>
+	<link rel="shortcut icon" href="{$BaseURL}favicon.ico" />
+</head>
+<body class="$ClassName">
+
+<div id="top">
+	<header class="header"><h1>{$SiteConfig.Title} Admin</h1></header>
+	$Form
+</div>
+
+</body>
+</html>
diff --git a/templates/Security_lostpassword.ss b/templates/Security_lostpassword.ss
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="$ContentLocale">
+<head>
+	<% base_tag %>
+	<title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
+	<meta charset="utf-8">
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta name="description" content="<% if MetaDescription %>$MetaDescription<% else %>$Content.FirstParagraph<% end_if %>">
+	$MetaTags(false)
+	<% require themedCSS(login) %>
+	<link rel="shortcut icon" href="{$BaseURL}favicon.ico" />
+</head>
+<body class="$ClassName">
+
+<div id="top">
+	<header><h1>Password Reset</h1></header>
+	$Form
+</div>
+
+</body>
+</html>
diff --git a/templates/Security_passwordsent.ss b/templates/Security_passwordsent.ss
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="$ContentLocale">
+<head>
+	<% base_tag %>
+	<title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
+	<meta charset="utf-8">
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta name="description" content="<% if MetaDescription %>$MetaDescription<% else %>$Content.FirstParagraph<% end_if %>">
+	$MetaTags(false)
+	<% require themedCSS(login) %>
+	<link rel="shortcut icon" href="{$BaseURL}favicon.ico" />
+</head>
+<body class="$ClassName">
+
+<div id="top">
+	<header><h1>Password Reset Confirmation</h1></header>
+	<div class="content">
+		$Content
+	</div>
+</div>
+
+</body>
+</html>