Add new template-assets to the project.

assets/css/form.css

@@ -0,0 +1,65 @@
+/* Form Style */
+
+form ul li {
+	margin: 0 0 15px;
+	padding: 0;
+	list-style: none;
+}
+
+form ul li label {
+	color: #222;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+label.note {
+	color: #444;
+	font-weight: normal;
+	font-size: 10px;
+}
+
+label.choice {
+	margin: 0 15px 0 0;
+	font-weight: normal;
+	font-size: 12px;
+	color: #666;
+}
+
+input.text,
+textarea {
+	margin: 5px 0 5px 0;
+	padding: 3px 5px;
+	border: 1px solid #d2d2d2;
+	font-size: 12px;
+}
+
+input.radio,
+input.checkbox,
+input.file {
+	margin: 5px 5px 0 0;
+}
+
+input.button {
+	padding: 0 5px 3px 5px;
+	font-size: 12px;
+}
+
+select.drop {
+	font-size: 12px;
+	margin: 5px 5px 0 0;
+	border: 1px solid #d2d2d2;
+}
+
+input.short { width: 20%;}
+input.medium { width: 45%;}
+input.long { width:70%;}
+input.max { width: 95%;}
+
+.success {
+	color: #008000;
+}
+
+.error, .req {
+	color: #d8122d;
+	font-weight: normal;
+}

assets/css/style.css

@@ -0,0 +1,277 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	font: 12px/14px Arial, Helvetica, sans-serif;
+	color: #666;
+	text-align: left;
+	background: #f7f7f7 url(../images/background.gif) repeat-x;
+}
+
+/* Styles */
+
+a { color: #0088cc; text-decoration: none;}
+a:hover { text-decoration: underline;}
+a img { border: none;}
+
+p { margin: 0px 0px 20px 0px; line-height: 18px;}
+
+ul { margin: 5px 0px 15px 0px; padding: 0px;}
+li { margin-left: 20px;}
+
+#notice {
+	clear: both;
+	margin: 0 0 15px;
+	padding: 0 10px;
+	background: #fffbcc;
+	border: 1px solid #e6db55;
+	line-height: 25px;
+	color: #222;
+}
+
+#succeed {
+	clear: both;
+	margin: 0 0 15px;
+	padding: 0 10px;
+	background: #d1ecb8;
+	border: 1px solid #81c445;
+	line-height: 25px;
+	color: #222;
+}
+
+#error {
+	clear: both;
+	margin: 0 0 15px;
+	padding: 0 10px;
+	background: #ffebe8;
+	border: 1px solid #f0baa2;
+	line-height: 25px;
+	color: #222;
+}
+
+.clear { clear:both;}
+
+/* Header */
+
+#header {
+	height: 45px;
+	margin: 0 auto;
+	padding: 0 20px;
+	max-width: 1280px;
+	min-width: 760px;
+}
+
+#header h1 {
+	float: left;
+	font: bold 20px/21px Helvetica, Arial, sans-serif;
+	line-height: 45px;
+}
+
+#header h1 a {
+	color: #fff;
+	text-decoration: none;
+}
+
+#header .menu {
+	float: right;
+	line-height: 45px;
+}
+
+#header .menu a {
+	color: #fff;
+}
+
+/* Wrapper */
+
+#wrapper {
+	margin: 0 auto;
+	padding: 25px 20px;
+	max-width: 1280px;
+	min-width: 760px;
+}
+
+#wrapper h2 {
+	margin: 0 0 10px;
+	font: bold 20px/21px Helvetica, Arial, sans-serif;
+	color: #333;
+}
+
+.box {
+	margin: 0 0 20px;
+	padding: 15px 15px 0 15px;
+	border: 1px solid #e8e8e8;
+	background: #fff;
+	position: relative;
+}
+
+/* Sidebar */
+
+#sidebar {
+	float: left;
+	width: 220px;
+	position: relative;
+}
+
+/* Navigation */
+
+.navigation {
+	margin: 0 0 20px;
+	background: #fff;
+	border-left: 1px solid #e8e8e8;
+	border-right: 1px solid #e8e8e8;
+	border-bottom: 1px solid #e8e8e8;
+}
+
+.navigation ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.navigation ul li {
+	margin: 0;
+	padding: 0 15px;
+	border-top: 1px solid #e8e8e8;
+	background: url(../images/navigation-off.gif) repeat-x;
+	line-height: 24px;
+	height: 100%;
+	display: block;
+	font-size: 12px;
+}
+
+.navigation ul li a {
+	color: #666;
+	height: 100%;
+	width: 100%;
+	display: block;
+}
+
+.navigation ul li.active {
+	background: url(../images/navigation-on.gif) repeat-x;
+}
+
+.navigation ul li.active a {
+	color: #fff;
+}
+
+.navigation ul li ul {
+	margin: 5px 0;
+}
+
+.navigation ul li ul li {
+	margin: 0;
+	padding: 0;
+	font-size: 11px;
+	border: none;
+	background: none;
+}
+
+.navigation ul li ul li a {
+	color: #0088cc;
+}
+
+/* Search */
+
+#search-form {
+	height: 33px;
+}
+
+.search-input {
+	border: 1px solid #d2d2d2;
+	width: 133px;
+	height: 12px;
+	padding: 3px 5px;
+	position: absolute;
+	font-size: 11px;
+}
+
+.search-submit {
+	left: 160px;
+	position: absolute;
+}
+
+/* Blog */
+
+#blog li {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#blog li h4 {
+	margin: 0 0 5px;
+	font-size: 12px;
+	font-weight: normal;
+}
+
+#blog li h4 abbr {
+	font-size: 10px;
+	color: #999;
+	border: none;
+}
+
+/* Content */
+
+#content {
+	padding-left: 240px;
+}
+
+#content h3 {
+	margin: 0 0 15px;
+	padding: 0 0 10px;
+	color: #222;
+	font-size: 16px;
+	border-bottom: 1px dotted #d2d2d2;
+}
+
+#content h4 {
+	margin: 0 0 15px;
+	color: #222;
+	font-size: 14px;
+}
+
+/* Pagination */
+
+.pagination {
+	text-align: right;
+	display: block;
+	margin: 0 0 15px;
+	font-weight: bold;
+	position: relative;
+}
+
+.pagination ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.pagination ul li {
+	display: inline;
+	margin: 0 5px 0 0;
+	padding: 0;
+	color: #222;
+}
+
+.pagination ul li a {
+}
+
+/* Footer */
+
+#footer {
+	background: #fff;
+	border: 1px solid #e8e8e8;
+	padding: 15px;
+	height: 12px;
+	clear: both;
+}
+
+#footer .left { float: left;}
+#footer .right { float: right;}
+
+
+
+
+

assets/css/table.css

@@ -0,0 +1,34 @@
+/* Table Style */
+
+table {
+	width: 99%;
+	height: 100%;
+	margin: 0 0 15px;
+	text-align: left;
+	border-collapse: collapse;
+}
+
+table thead,
+table tfoot {
+	background: url(../images/background-table.gif) repeat-x;
+}
+
+table th {
+	font-weight: bold;
+	padding: 5px 8px;
+	color: #444;
+}
+
+table td {
+	padding: 8px;
+	color: #444;
+	border-bottom: 1px solid #d2d2d2;
+}
+
+table td span.active { color: #55a34a;}
+table td span.pending { color: #c5a059;}
+table td span.closed { color: #a02b2b;}
+
+table .odd {
+	background: #f6f6f6; 
+}

assets/js/minmax.js

@@ -0,0 +1,5 @@
+// minmax.js: make IE5+/Win support CSS min/max-width/height
+// version 1.0, 08-Aug-2003
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+/*@cc_on@if(@_win32&&@_jscript_version>4)var minmax_elements;minmax_props=new Array(new Array('min-width','minWidth'),new Array('max-width','maxWidth'),new Array('min-height','minHeight'),new Array('max-height','maxHeight'));function minmax_bind(el){var i,em,ms;var st=el.style,cs=el.currentStyle;if(minmax_elements==window.undefined){if(!document.body||!document.body.currentStyle)return;minmax_elements=new Array();window.attachEvent('onresize',minmax_delayout);em=document.createElement('div');em.setAttribute('id','minmax_em');em.style.position='absolute';em.style.visibility='hidden';em.style.fontSize='xx-large';em.style.height='5em';em.style.top='-5em';em.style.left='0';if(em.style.setExpression){em.style.setExpression('width','minmax_checkFont()');document.body.insertBefore(em,document.body.firstChild)}}for(i=minmax_props.length;i-->0;)if(cs[minmax_props[i][0]])st[minmax_props[i][1]]=cs[minmax_props[i][0]];for(i=minmax_props.length;i-->0;){ms=cs[minmax_props[i][1]];if(ms&&ms!='auto'&&ms!='none'&&ms!='0'&&ms!=''){st.minmaxWidth=cs.width;st.minmaxHeight=cs.height;minmax_elements[minmax_elements.length]=el;minmax_delayout();break}}}var minmax_fontsize=0;function minmax_checkFont(){var fs=document.getElementById('minmax_em').offsetHeight;if(minmax_fontsize!=fs&&minmax_fontsize!=0)minmax_delayout();minmax_fontsize=fs;return'5em'}var minmax_delaying=false;function minmax_delayout(){if(minmax_delaying)return;minmax_delaying=true;window.setTimeout(minmax_layout,0)}function minmax_stopdelaying(){minmax_delaying=false}function minmax_layout(){window.setTimeout(minmax_stopdelaying,100);var i,el,st,cs,optimal,inrange;for(i=minmax_elements.length;i-->0;){el=minmax_elements[i];st=el.style;cs=el.currentStyle;st.width=st.minmaxWidth;optimal=el.offsetWidth;inrange=true;if(inrange&&cs.minWidth&&cs.minWidth!='0'&&cs.minWidth!='auto'&&cs.minWidth!=''){st.width=cs.minWidth;inrange=(el.offsetWidth<optimal)}if(inrange&&cs.maxWidth&&cs.maxWidth!='none'&&cs.maxWidth!='auto'&&cs.maxWidth!=''){st.width=cs.maxWidth;inrange=(el.offsetWidth>optimal)}if(inrange)st.width=st.minmaxWidth;st.height=st.minmaxHeight;optimal=el.offsetHeight;inrange=true;if(inrange&&cs.minHeight&&cs.minHeight!='0'&&cs.minHeight!='auto'&&cs.minHeight!=''){st.height=cs.minHeight;inrange=(el.offsetHeight<optimal)}if(inrange&&cs.maxHeight&&cs.maxHeight!='none'&&cs.maxHeight!='auto'&&cs.maxHeight!=''){st.height=cs.maxHeight;inrange=(el.offsetHeight>optimal)}if(inrange)st.height=st.minmaxHeight}}var minmax_SCANDELAY=500;function minmax_scan(){var el;for(var i=0;i<document.all.length;i++){el=document.all[i];if(!el.minmax_bound){el.minmax_bound=true;minmax_bind(el)}}}var minmax_scanner;function minmax_stop(){window.clearInterval(minmax_scanner);minmax_scan()}minmax_scan();minmax_scanner=window.setInterval(minmax_scan,minmax_SCANDELAY);window.attachEvent('onload',minmax_stop);@end@*/