added mysite theme

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/phpinstaller/branches/2.3@71148 467b73ca-7a2a-4603-9d3b-597d59a354a9

themes/mysite/css/editor.css

@@ -0,0 +1,17 @@
+/**
+ * This support file is used to style the WYSIWYG editor in the CMS
+ */
+
+@import "typography.css";
+
+body.mceContentBody {
+	min-height: 200px;
+	font-size: 62.5%;
+}
+body.mceContentBody a.broken {
+	background-color: #FF7B71;
+	border: 1px red solid;
+	color: #fff;
+	padding: 1px;
+	text-decoration: underline;
+}

themes/mysite/css/form.css

@@ -0,0 +1,116 @@
+/** 
+ * SilverStripe Black Candy Theme
+ * http://www.silverstripe.com
+ *
+ * Form Styling
+ */
+
+
+/* FIELDSETS
+---------------------------------------- */
+fieldset {
+	border: 0;
+	font-size: 1.2em;
+}
+
+/* ACTION BUTTONS
+---------------------------------------- */
+input.action {
+	padding: 2px;
+	font-size: 1em;
+	font-family: Verdana, Tahoma, Sans-serif;
+}
+input.action:hover,
+input.action:focus {
+	cursor: pointer;
+}
+
+/* FIELD FORMATING
+---------------------------------------- */
+form ul {
+	list-style: none;
+}
+.middleColumn {
+ 	display: block;
+ 	margin: 15px 10px 10px 0;
+	background: #E9E9E9;
+	padding: 4px;
+	width: 306px;
+	clear: left;
+}
+	#Sidebar .middleColumn {
+		margin: 0 0 0 8px;
+		display: inline;
+	}
+	
+	div.tab .field .middleColumn {
+		clear: none !important;
+ 		margin: 0 !important;
+		width: auto;
+	}
+	
+	.middleColumn .middleColumn {
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+	}
+	
+	.middleColumn .message {
+		margin: 0;
+	}
+/* INPUT BOXS
+---------------------------------------- */
+
+input.text, textarea, select {
+	padding: 2px;
+	border: 1px solid #A7A7A7;
+	color: #000;
+	font-size: 1.1em;
+	font-weight: bold;
+	width: 300px;
+}
+
+textarea {
+	font-family: Verdana, Tahoma, sans-serif;
+	font-size: 1.2em;
+}
+input:focus span, textarea:focus span {
+	border: 3px solid #000;
+}
+
+/* SELECT DROPDOWN
+---------------------------------------- */
+
+select {
+	width: auto;
+}
+
+/* LABELS
+---------------------------------------- */
+.typography label {
+ 	display: block;
+	margin: 10px 0 -10px 0;
+	color: #777;
+	font-size: 1em;
+}
+
+label.right {
+	display:inline;
+}
+/* SEARCH BOX 
+---------------------------------------- */
+#Search {
+	width: 105px;
+}
+	input#Search_Form_SearchForm_Search {
+		width: 110px;
+		padding: 3px;
+		margin-left: -4px;
+		font-size: 1.2em;
+	}
+#Sidebar input.action {
+	font-size: 1.2em;
+	float: right;
+	padding: 1px;
+	margin: -22px 10px 0 0;
+}

themes/mysite/css/ie6.css

@@ -0,0 +1,66 @@
+/**
+ SilverStripe Black Candy Theme
+ http://www.silverstripe.com
+ 
+ IE6 Hacks Stylesheet.
+*/
+#Sidebar ul#Menu2 li a {
+	width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
+}
+	#Sidebar ul#Menu2 li li a {
+		width: 183px;
+	}
+	#Sidebar ul#Menu2 li a:hover,
+    #Sidebar ul#Menu2 li a.current,
+    #Sidebar ul#Menu2 li a.current:hover {
+			background-image: none;
+          background: #DCDCDC;
+    }
+#Sidebar ul#Menu2 li li a.levelb:hover {
+	 background: #BCBCBC;
+}
+#Sidebar ul#Menu2 li li a.current {
+	 background: #BCBCBC;
+}
+/* Again IE does not like Margins and padding around my nice forms **/
+label {
+	margin-bottom: -10px;
+}
+
+/**
+ * Hack to get the member login form (with tabs) looking good in IE6.
+ * Otherwise, it looks really bad.
+ */
+div.tab .field {
+	clear: none !important;
+	padding: 0 !important;
+	margin: 0 !important;
+}
+	div.tab .field label {
+		margin: 0 !important;
+	}
+
+input.action {
+	padding: 2px !important;
+}
+#Sidebar input.action {
+	width: 50px;
+	margin-top: -27px;
+}
+#Sidebar .middleColumn {
+	width: 112px;
+}
+span.middleColumn {
+	display: inline-block;
+}
+
+/* SEARCH FORM 
+-----------------------------------------------*/
+html body #SearchForm_SearchForm {
+	width: 240px;
+	margin-top: -5px;
+}
+html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
+	float: right;
+	margin-top: -25px;
+}

themes/mysite/css/ie7.css

@@ -0,0 +1,36 @@
+/**
+ SilverStripe Black Candy Theme
+ http://www.silverstripe.com
+ 
+ IE7 Hacks Stylesheet. 
+ */
+
+
+label {
+	margin-bottom: -10px;
+}
+
+/** The fonts are soo ugly. **/
+#Sidebar li li {
+	font-size: 0.8em;
+}
+#Sidebar li li li a {
+	font-size: 0.8em;
+}
+#Sidebar ul#Menu2 li a.levelb {
+	width: 180px;
+}
+#Sidebar ul#Menu2 li a.levelb:hover {
+	width: 188px;
+}
+
+/* SEARCH FORM 
+-----------------------------------------------*/
+html body #SearchForm_SearchForm {
+	width: 240px;
+	margin-top: -5px;
+}
+html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
+	float: right;
+	margin-top: -25px;
+}

themes/mysite/css/layout.css

@@ -0,0 +1,527 @@
+/** 
+ * SilverStripe Black Candy Theme
+ * http://www.silverstripe.com
+ *
+ * Main Layout File
+ */
+ 
+/* Misc Styles and defaults 
+-------------------------------------------- */
+  
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	color: #333;
+ 	font-size: 62.5%; 
+ 	margin-bottom: 40px;
+	font-family: Verdana, Lucida, sans-serif; 
+}
+
+html {
+	background: #626467 url(../images/bg.gif) repeat;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+
+.clear{
+	clear:both;
+}
+
+/* CONTAINER
+----------------------------------------- */
+#BgContainer {
+	width: 800px;  
+	margin: 0 auto; 
+}
+#Container { 
+	width: 800px;
+	padding-bottom: 15px;
+	background: #fff url(../images/containerbg.gif) repeat-y;
+}
+#Layout {
+	width: 760px;
+	clear: both;
+	overflow: hidden;
+	margin: 15px auto;
+}
+#Content {
+	width: 538px;
+	float: right; 	
+	margin: 0;
+	text-align: left;
+}
+/* HEADER
+----------------------------------------- */
+#Header { 
+ 	width: 768px; 
+ 	margin: 0 auto;
+	overflow: hidden;
+	background: #58ade1 url(../images/header.gif) repeat-x left center;
+}
+ 	#Header h1 { 
+	  	color: #fff; 
+		font-size: 3.2em; 
+		font-family: Tahoma, Verdana, sans-serif;
+		font-weight: 300;
+		padding: 20px 0 0 30px;
+	}
+	#Header p {
+		font-size: 1.4em;
+		color: #fff;
+		clear: left;
+		margin: 0 0 0 100px;
+	}
+
+/* MAIN NAVIGATION - TABS
+----------------------------------------- */
+#Navigation {
+	width: 768px;
+	margin: 0 auto;
+	padding-top: 5px;
+	overflow: hidden;
+	background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;
+}
+	#Navigation ul { 
+ 		float: right; 
+		margin-right: 10px;
+	}
+		#Navigation ul li { 
+	 		list-style: none; 
+			margin: 0 2px; 
+			float: left;
+			line-height: 2.8em;
+			display: block;
+		}
+  			#Navigation ul li a { 
+				float: left;
+				text-decoration: none;
+				display: block; 
+				height: 2.3em; 
+				font-size: 1.2em; 
+				padding: 0 0 0 10px;
+				color: #fff;
+			}
+				#Navigation ul li a span {
+					text-align: center;
+	        		float: left;
+					padding-right: 10px;
+					height: 2.3em;
+				}
+					#Navigation ul li a:hover { 
+			 			background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; 
+						color: #fff;
+						cursor: pointer;
+					}
+					#Navigation ul li a:hover span {
+						background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;
+						cursor: pointer;
+					}
+					
+    			#Navigation ul li a.current,
+	    		#Navigation ul li a.section,
+	    		#Navigation ul li a.section:hover,
+	    		#Navigation ul li a.current:hover { 
+				 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 
+				 	color: #444;
+					}
+				#Navigation ul li a.current span,
+				#Navigation ul li a.section span,
+	    		#Navigation ul li a.section:hover span,
+				#Navigation ul li a.current:hover span {
+					background: #fff url(../images/activeTabRight.png) no-repeat right top;
+					color: #444;
+				}
+    
+/* BREADCRUMBS
+-------------------------------------------- */
+#Breadcrumbs { 
+ 	color: #B7C0C5;
+	text-align: left;
+	font-size: 0.9em; 
+	margin: 0px 5px 10px 0;
+}
+	#Breadcrumbs p {
+		margin: 0;
+	}
+
+
+/* SIDEBAR
+-------------------------------------- */
+#Sidebar { 
+ 	width: 200px; 
+	float: left;  
+	margin: 10px 0 0 0;
+	padding: 0;
+}
+	#Sidebar .sidebarBox {
+		margin: 0 0 5px 0;
+		padding-bottom: 2px;
+		background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
+	}
+	#Sidebar ul {
+		margin: 2px 0 5px 3px;
+	}
+		#Sidebar li {
+			margin: 8px 2px;
+			list-style: none;
+		}
+	#Sidebar h3 { 
+		clear: both; 
+		text-transform: lowercase;
+		color: #fff;
+		font-weight: 700; 
+		font-size: 1.4em; 
+		margin: 0 0 10px 0;
+		line-height: 1.8;
+		padding: 1px 0 0 10px;
+		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;
+	}
+	
+	#Sidebar .sidebarBottom {
+		height: 15px;
+		display: block;
+		width: 200px;
+		margin: -5px 0 0 0;
+		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
+	}
+	#Sidebar a em {
+		font-style: normal;
+	}
+	#Sidebar p {
+		font-size: 11px;
+	 	clear: both;
+	 	margin: 10px 10px 0 10px;
+	}
+	
+	/* MENU2 */
+    ul#Menu2 li { 
+    	font-size: 0.9em; 
+    	margin: 1px 0 5px 4px;
+        list-style: none;
+    }
+    	ul#Menu2 li a {
+            display: block;
+            width: 196px;
+            font-size: 1.2em;
+            height: 1.8em;
+            line-height: 1.8em;
+            color: #898989;
+      	}
+			ul#Menu2 li em {
+				padding-left: 8px;
+				display: block;
+			}
+				ul#Menu2 li li em {
+					padding-left: 0;
+				}
+      	/* Level 1 
+      	- We use 3 elements for the nav to get 3 background images applied.
+            * span - topleft rounded corner
+            * em - bottomleft rounded corner
+            * a - arrow on the right
+            <a><span><em></em></span></a>
+      	*/
+      	ul#Menu2 li a:hover,
+      	ul#Menu2 li a.current,
+      	ul#Menu2 li a.current:hover {
+        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
+        	color: #666;
+			cursor: pointer;
+            text-decoration: none;
+      	}
+	  	ul#Menu2 li a.current {
+	  		font-weight: 700;
+	  	}
+      	ul#Menu2 li a.section,
+      	ul#Menu2 li a.section:hover {
+            background: #DCDCDC;
+            font-weight: 700;
+            width: 193px; 
+      	}
+      	ul#Menu2 li a.levela:hover span,
+      	ul#Menu2 li a.current span,
+      	ul#Menu2 li a.section span,
+      	ul#Menu2 li a.section:hover span,
+      	ul#Menu2 li a.current:hover span {
+			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
+			display: block;
+			width: 100%;
+			height: 100%;
+		} 
+		ul#Menu2 li a.levela:hover em,
+		ul#Menu2 li a.current em,
+		ul#Menu2 li a.section em,
+		ul#Menu2 li a.section:hover em,
+		ul#Menu2 li a.current:hover em {
+        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
+			display: block;
+			width: 100%;
+            height: 100%;
+      	}
+      		ul#Menu2 li ul {
+            	height: 100%;
+            	position: relative;
+            	margin: -4px 0 0 0;
+            	width: 193px;
+            	padding: 4px 0 10px 0;
+            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
+      		}
+      			ul#Menu2 li ul li {
+            		width: 160px;
+            		background: #DCDCDC;
+            		padding: 0;
+            		font-size: 0.8em;
+            		display: inline;
+            		margin: 0;
+      			}
+      				ul#Menu2 li ul li ul {
+            			background: #DCDCDC;
+            			margin-left: 0;
+      				}	
+      
+					ul#Menu2 li li a.current,
+      				ul#Menu2 li li a.section,
+      				ul#Menu2 li li a.section:hover,
+      				ul#Menu2 li li a.current:hover {
+            			color: #555;
+            			font-weight: 700;
+            			background: #DCDCDC;
+      				}
+      					ul#Menu2 li li ul {
+            				margin: 0 0 0 10px;
+            				padding: 0;
+            				width: 175px;
+      					}
+      					ul#Menu2 li li ul .roundWhite {
+            				margin-bottom: -10px;
+      					}
+      			
+			/* Sub Menu */
+      		ul#Menu2 li a.levelb {
+            	font-size: 1.7em;
+            	text-indent: 8px;
+            	width: 188px;
+				background: transparent;
+            	margin-left: 10px;
+      		}
+	  		ul#Menu2 li a.levelb:hover,
+      		ul#Menu2 li li a.current,
+      		ul#Menu2 li li a.current:hover,
+      		ul#Menu2 li li a.section,
+      		ul#Menu2 li li a.section:hover {
+            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
+            	text-decoration: none;
+            	display: block;
+            	color: #fff;
+      		}
+      		ul#Menu2 li a.levelb:hover span,
+      		ul#Menu2 li li a.current span,
+      		ul#Menu2 li li a.current:hover span,
+      		ul#Menu2 li li a.section span,
+      		ul#Menu2 li li a.section:hover span {
+            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
+            	display: block;
+            	width: 100%;
+            	height: 100%;
+      		} 	
+      		ul#Menu2 li a.levelb:hover em,
+      		ul#Menu2 li li a.current em,
+      		ul#Menu2 li li a.current:hover em,
+      		ul#Menu2 li li a.section em,
+      		ul#Menu2 li li a.section:hover em {
+            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
+            	display: block;
+            	width: 100%;
+            	height: 100%;
+      		}
+
+/* COMMENTS
+---------------------------------------- */
+#CommentHolder ul {
+	list-style: none;
+	margin: 20px 0;
+}
+#PageComments li {
+	margin: 5px 0;
+	padding: 1px;
+	width: 88%;
+}
+	#PageComments li.odd {
+		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
+		padding-left: 40px;
+		padding-right: 10px;
+		border-bottom: 2px solid #BCE4FE;
+	}
+	#PageComments li.even {
+		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
+		padding-right: 40px;
+		padding-left: 10px;
+	}
+
+		#PageComments li.odd p.info {
+			color: #3AA0C3;
+		}
+
+		.actionLinks li {
+		   display: inline;
+		   border-right: 1px solid;
+		}
+			.actionLinks li a {
+				padding-right: 3px;
+				font-size: 10px;
+			}
+   			.actionLinks li.last {
+      			border-right: none;
+   			}
+
+.commentrss {
+	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
+	padding-left: 20px;
+	font-size: 1.1em;
+	line-height: 1.6em;
+}
+#PageCommentsPagination p {
+	text-align: center;
+	font-size: 1.2em;
+}
+#PageComments p {
+	font-size: 1em;
+}
+	#PageComments p.info {
+		color: #999;
+		margin: 0px;
+		padding: 0;
+		line-height: 1em;
+		font-size: 0.9em;
+	}
+
+/* SEARCH RESULTS STYLES
+------------------------------------------------ */
+ul#SearchResults {
+	margin: 10px 0;
+}
+	ul#SearchResults li {
+		list-style: none;
+		margin: 5px 0;
+		font-size: 1em;
+	}
+
+/* SEARCH FORM 
+-----------------------------------------------*/
+html #SearchForm_SearchForm {
+	float: right;
+	width: 240px;
+	margin: 5px;
+}
+html #SearchForm_SearchForm .middleColumn {
+	float: left;
+	width: 164px;
+	margin: 0 5px 0 0;
+	padding: 2px;
+	background-color: #51a9df;
+	
+}
+	html #SearchForm_SearchForm .middleColumn input.text {
+		width: 160px;
+		border: none;
+		color: #666;
+	}
+html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
+	float: left;
+	margin-top: 2px;
+}
+
+/* MESSAGEBOXS
+--------------------------------------------- */
+.message {
+	margin: 15px;
+	padding: 5px;
+	width: 92%;
+	color: #979908;
+	border: 4px solid #F7F8B4;
+	background: #FFFFEA;
+}
+span.middleColumn .message {
+	margin: 4px 0 0 3px;
+}
+.required {
+	margin: 4px 0 0 3px;
+	padding: 5px;
+	width: 92%;
+	color: #DC1313;
+	border: 4px solid #FF7373;
+	background: #FED0D0;
+}
+
+
+
+p#Remember label {
+	margin: -24px 0 0 20px;
+	text-align: left;
+}
+.entry {
+	border-bottom: 1px solid #eee;
+}
+
+.typography #Content p.authorDate {
+	color: #444;
+	margin-top: -15px;
+	}
+/* UNSUBSCRIBE NEWSLETTER
+------------------------------------------------ */
+#Unsubscribe_MailingListForm_MailingListForm{
+	min-height:100px;
+}
+
+	#Unsubscribe_MailingListForm_MailingListForm p{
+		margin:0 !important;
+		padding:10px;
+	}
+		#Unsubscribe_MailingListForm_MailingListForm p label{
+			display: inline;
+		}
+	#Unsubscribe_MailingListForm_MailingListForm label{
+		margin:0;
+	}
+
+
+/* FOOTER
+----------------------------------------------- */
+
+#Footer { 
+ 	clear: both;  
+	width: 800px; 
+	height: 5em; 
+	background: transparent url(../images/footerBottom.gif) no-repeat bottom left; 
+	text-align: center; 
+}
+	#Footer .footerTop {
+		width: 100%;
+		background: transparent url(../images/footerTop.gif) no-repeat top left;
+		display: block;
+		height: 2em;
+	}
+  	#Footer p { 
+		color: #fff;
+		font-size: 1.1em;
+		text-align: center;
+		margin-top: -0.6em;
+	}
+  		#Footer a { 
+	   		color: #fff; 
+	   		text-decoration: none;
+		}
+			#Footer a:hover {
+				color: #fff;
+				text-decoration: underline;
+			}

themes/mysite/css/typography.css

@@ -0,0 +1,232 @@
+/** 
+ * SilverStripe Black Candy Theme
+ * http://www.silverstripe.com
+ *
+ * This typography file is included in the WYSIWYG editor and the front end. It provides
+ * a place to add link styles and font styles you would like in the CMS and the Front End.
+ */
+
+ 
+/* GENERIC STYLES 
+-------------------------------------------- */
+ 
+.typography * {
+	font-family: Verdana, Lucida, Arial, sans-serif; 
+}
+
+/* PARAGRAPHS 
+-------------------------------------------- */
+.typography p { 
+ 	color: #666;
+ 	line-height: 18px;
+ 	font-size: 11px;
+	margin: 0 0 18px 0;
+}
+
+/* QUOTES
+-------------------------------------------- */
+.typography blockquote {
+	margin: 10px;
+	font-size: 1.4em;
+	color: #777;
+	font-style: italic;
+}	
+.typography q {
+	display:block;
+	font-size: 0.8em;
+	margin: 1em 1em;
+	padding: 0.5em;
+	border: 1px #ccc solid;
+}
+
+/* LINKS 
+-------------------------------------------- */
+
+.typography a { 
+ 	text-decoration: none; 
+	color: #3E91C4;
+}
+	.typography a:hover { 
+ 		text-decoration: underline;
+	}
+
+	/* LINK ICONS - shows type of file
+	------------------------------------ */
+	.typography a[href$=".pdf"],
+	.typography a[href$=".PDF"],
+	.typography a.pdf {
+		padding: 2px;
+		padding-left: 20px;
+		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
+	}
+	.typography a[href$=".doc"],
+	.typography a[href$=".DOC"],
+	.typography a.doc {
+		padding: 2px;
+		padding-left: 20px;
+		background: url(../images/icons/page_word.png) no-repeat left center;
+	}
+	.typography a[href$=".xls"],
+	.typography a[href$=".XLS"],
+	.typography a.xls {
+		padding: 2px;
+		padding-left: 20px;
+		background: url(../images/icons/page_excel.png) no-repeat left center;
+	}
+	.typography a[href$=".gz"],
+	.typography a[href$=".GZ"],
+	.typography a[href$=".gzip"],
+	.typography a[href$=".GZIP"],
+	.typography a[href$=".zip"],
+	.typography a[href$=".ZIP"],
+	.typography a.archive {
+		padding: 2px;
+		padding-left: 20px;
+		background: url(../images/icons/page_white_zip.png) no-repeat left center;
+	}
+	.typography a[href$=".exe"],
+	.typography a[href$=".EXE"],
+	.typography a.application {
+		padding: 2px;
+		padding-left: 20px;
+		background: url(../images/icons/application.png) no-repeat left center;
+	}
+
+/* LIST STYLES 
+-------------------------------------------- */
+.typography ul, 
+.typography ol {
+	margin: 0 0 18px 24px;
+	color: #666;
+}
+	.typography li {
+		margin: 5px 10px;
+		font-size: 11px;
+	}
+		.typography li li {
+			font-size: 10px;
+		}
+		
+/* HEADER STYLES 
+-------------------------------------------- */
+
+.typography h1,
+.typography h2 { 
+	color: #4EA3D7; 
+	margin: 0 0 18px 0;
+	font-weight: 300;
+	font-family: Tahoma, Verdana, sans-serif;
+}
+
+.typography h1 {
+	font-size: 24px;
+}
+.typography h2 { 
+ 	font-size: 20px; 
+}	
+.typography h3 {
+	color: #222;
+	margin: 0 0 18px 0;
+	font-weight: 300;
+	clear: both;
+	font-size: 18px;
+}
+.typography h4 {
+	font-size: 16px;
+	color: #222;
+	width: 95%;
+	font-weight: 300;
+	line-height: 18px;
+	border-bottom: 1px solid #ccc;
+	margin: 0 0 16px 0;
+}
+.typography h5 {
+	font-size: 14px;
+	color: #222;
+	font-weight: 700;
+	margin: 0 0 12px 0;
+}
+.typography h6 {
+	font-size: 13px;
+	color: #555;
+	line-height: 1.4em;
+	margin: 0 0 12px 0;
+}
+
+/* PRE STYLES 
+-------------------------------------------- */	
+.typography pre {
+	font-family:"Courier New",Courier;
+	display:block;
+	font-size:1.2em;
+	margin:2em 5em;
+	padding:0.5em;
+	border:1px #ccc solid;
+	background:#eee;;
+}
+
+/* TABLE STYLING 
+-------------------------------------------- */
+.typography table {
+	margin: 0 0 18px 0;
+	font-size: 11px;
+	color: #666;
+	border-collapse:collapse;
+}
+	.typography tr {}
+	
+		.typography td {
+			border:1px solid #999;
+			padding:5px;
+		}
+
+/* WYSIWYG EDITOR ALIGNMENT CLASSES 
+-------------------------------------------- */
+.typography .left {
+	text-align: left;
+}
+.typography .center {
+	text-align: center;
+}
+.typography .right {
+	text-align: right;
+}
+
+/* IMAGES 
+-------------------------------------------- */
+.typography img {
+	border: none;
+}
+	.typography div.image.right,
+	.typography div.captionImage.right {
+		float: right;
+		margin-left: 20px;
+	}
+	
+	.typography .captionImage {
+		border: 1px solid #aaa;
+		padding: 5px;
+	}
+	
+	.typography div.image.left,
+	.typography div.captionImage.left {
+		float: left;
+	}
+	.typography div.image.leftAlone,
+	.typography div.captionImage.leftAlone {
+		float: left;
+		margin-right: 100%;
+	}
+	.typography div.image.center,
+	.typography div.captionImage.center {
+		float: none;
+		margin-left: auto;
+		margin-right: auto;
+		display: block;
+	}
+	
+	.typography .caption {
+		font-weight: bold;
+		text-align: center;
+		color: #666;
+	}

themes/mysite/templates/Includes/BreadCrumbs.ss

@@ -0,0 +1,5 @@
+<% if Level(2) %>
+	<div id="Breadcrumbs">
+	   	<p>$Breadcrumbs</p>
+	</div>
+<% end_if %>

themes/mysite/templates/Includes/Footer.ss

@@ -0,0 +1,4 @@
+<div class="footerTop">
+	<!-- -->
+</div>
+<p>Copyright &copy; 2007-2008 | Powered by <a href="http://www.silverstripe.com" title="This site runs on the SilverStripe CMS">SilverStripe Open Source CMS</a></p>

themes/mysite/templates/Includes/Navigation.ss

@@ -0,0 +1,5 @@
+<ul>
+ 	<% control Menu(1) %>	  
+  		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode"><span>$MenuTitle.XML</span></a></li>
+   	<% end_control %>
+ </ul>

themes/mysite/templates/Includes/SideBar.ss

@@ -0,0 +1,37 @@
+<div id="Sidebar" class="typography">
+	<div class="sidebarBox">
+ 		<h3>
+			<% control Level(1) %>
+				$Title
+			<% end_control %>
+  		</h3>
+  		
+  		<ul id="Menu2">
+		  	<% control Menu(2) %>
+  	    		<% if Children %>
+			  	    <li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
+	  	    	<% else %>
+		  			<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
+				<% end_if %>	  
+	  		
+	  			<% if LinkOrSection = section %>
+	  				<% if Children %>
+						<ul class="sub">
+							<li>
+								<ul class="roundWhite">
+									<% control Children %>
+										<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levelb"><span><em>$MenuTitle.XML</em></span></a></li>
+									<% end_control %>
+								</ul>
+							</li>
+						</ul>
+			 		 <% end_if %>
+				<% end_if %> 
+			</li> 
+  			<% end_control %>
+  		</ul>
+		<div class="clear"></div>
+	</div>
+	<div class="sidebarBottom"></div>
+</div>
+  

themes/mysite/templates/Layout/Page.ss

@@ -0,0 +1,23 @@
+<div class="typography">
+	<% if Menu(2) %>
+		<% include SideBar %>
+		<div id="Content">
+	<% end_if %>
+			
+	<% if Level(2) %>
+	  	<% include BreadCrumbs %>
+	<% end_if %>
+	
+		<h2>$Title</h2>
+	
+		$Content
+		$Form
+		$PageComments
+	<% if Menu(2) %>
+		</div>
+	<% end_if %>
+</div>
+
+	
+	
+	

themes/mysite/templates/Layout/Page_results.ss

@@ -0,0 +1,42 @@
+<div class="typography">
+	<% if Results %>
+	    <ul id="SearchResults">
+	      <% control Results %>
+	        <li>
+	            <% if MenuTitle %>
+	              <h3><a class="searchResultHeader" href="$Link">$MenuTitle</a></h3>
+	            <% else %>
+	              <h3><a class="searchResultHeader" href="$Link">$Title</a></h3>
+	            <% end_if %>
+			  <% if Content %>
+	          	$Content.FirstParagraph(html)
+			  <% end_if %>
+	          <a class="readMoreLink" href="$Link" title="Read more about &quot;{$Title}&quot;">Read more about &quot;{$Title}&quot;...</a>
+	        </li>
+	      <% end_control %>
+	    </ul>
+	  <% else %>
+	    <p>Sorry, your search query did not return any results.</p>
+	  <% end_if %>
+
+	  <% if Results.MoreThanOnePage %>
+	    <div id="PageNumbers">
+	      <% if Results.NotLastPage %>
+	        <a class="next" href="$Results.NextLink" title="View the next page">Next</a>
+	      <% end_if %>
+	      <% if Results.NotFirstPage %>
+	        <a class="prev" href="$Results.PrevLink" title="View the previous page">Prev</a>
+	      <% end_if %>
+	      <span>
+	        <% control Results.SummaryPagination(5) %>
+	          <% if CurrentBool %>
+	            $PageNum
+	          <% else %>
+	            <a href="$Link" title="View page number $PageNum">$PageNum</a>
+	          <% end_if %>
+	        <% end_control %>
+	      </span>
+      
+	    </div>
+	 <% end_if %>
+</div>

themes/mysite/templates/Page.ss

@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
+
+  <head>
+		<% base_tag %>
+		<title>$Title &raquo; Your Site Name</title>
+		$MetaTags(false)
+		<link rel="shortcut icon" href="/favicon.ico" />
+		
+		<% require themedCSS(layout) %> 
+		<% require themedCSS(typography) %> 
+		<% require themedCSS(form) %> 
+		
+		<!--[if IE 6]>
+			<style type="text/css">
+			 @import url(themes/blackcandy/css/ie6.css);
+			</style> 
+		<![endif]-->
+		
+		<!--[if IE 7]>
+			<style type="text/css">
+			 @import url(themes/blackcandy/css/ie7.css);
+			</style> 
+		<![endif]-->
+	</head>
+<body>
+<div id="BgContainer">
+	<div id="Container">
+		<div id="Header">
+			$SearchForm
+	   		<h1>Your Site Name</h1>
+	    	<p>your site&#39;s tagline here</p>
+		</div>
+		
+		<div id="Navigation">
+			<% include Navigation %>
+	  	</div>
+	  	
+	  	<div class="clear"><!-- --></div>
+		
+		<div id="Layout">
+		  $Layout
+		</div>
+		
+	   <div class="clear"><!-- --></div>
+	</div>
+	<div id="Footer">
+		<% include Footer %>
+	</div> 
+</div>
+
+</body>
+</html>

themes/mysite_blog/css/bbcodehelp.css

@@ -0,0 +1,57 @@
+/*
+	This stylesheet is used for styling the BBCode hints
+*/
+
+#BBTagsHolder.hide {
+	display: none;
+}
+#BBTagsHolder.show {
+	display: block;
+}
+
+/* These are for the BBCode example tags at the top of the start topic/reply to topic/edit post forms */
+
+#BBTagsHolder h2{
+	margin: 0;
+	padding: 0;
+	font-size:1.2em;
+}
+
+ul.bbcodeExamples li {
+	list-style-type:square;
+	font-size: 1em;
+}
+ul.bbcodeExamples li.last {
+	border: none;
+}
+ul.bbcodeExamples li span.example {
+	
+}
+
+#BBTagsHolder{
+	float:right;
+	padding: 5px;
+	width: 270px;
+	background-color: #fff;
+	border: 1px solid #777;
+	font-size:0.8em;
+}
+
+
+.bbcodeExamples{
+	margin: 0 !important;
+	padding: 0;
+}
+
+#BBTagsHolder ul{
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+}
+
+#BlogEntry_Form_BlogEntryForm #tagsnote{
+	float:left:
+	margin: 0;
+	margin-top: -10px;
+	margin-bottom: 10px;
+}

themes/mysite_blog/css/blog.css

@@ -0,0 +1,80 @@
+#BlogContent {
+	width: 538px;
+	float: right; 	
+	margin: 0;
+	text-align: left;
+}
+
+.BlogError {
+	text-align: center;
+}
+/* IE cuts the bottom of the tags off */
+* html #Sidebar p.tagcloud {
+	padding-bottom: 10px;
+}
+.BlogError p {
+	color: #fff;
+	display: inline;
+	background-color:	#f77;
+	padding: 7px;
+	font-weight:bold;
+}
+
+#BlogEntry_Form_BlogEntryForm #ContentLabel{
+	display:inline;
+}
+
+#BlogEntry_Form_BlogEntryForm .CompositeField {
+	position: relative;
+	width: 100%;
+}
+
+#BlogEntry_Form_BlogEntryForm #BBCodeHint {
+	cursor: pointer;
+	font-size:0.8em;
+	position: absolute;
+	left: 240px;
+	top: 3px;
+}
+#BlogEntry_Form_BlogEntryForm #BBTagsHolder{
+	display: block;
+	position: absolute;
+	top: 30px;
+	left: 325px;
+}
+.blogSummary {
+	border-bottom: 1px solid #ddd;
+	padding-bottom: 8px;
+}
+#Content label{
+	margin-top: 0px;
+}
+#Layout p.authorDate,
+#Layout p.tags {
+	font-size: 0.9em;
+	color: #777;
+	margin: -15px 0 12px 0;
+}
+p.blogVitals {
+	text-align: right;
+	margin: 0;
+	color: #999;
+}
+a.comments {
+	background: url(../images/comments.gif) no-repeat left center;
+	padding: 3px 0 3px 25px;
+}
+a.readmore {
+	background: url(../images/readmore.gif) no-repeat left center;
+	padding: 3px 0 3px 25px;
+}
+
+a#editpost{
+	background: url(../images/edit.gif) no-repeat left center;
+	padding: 3px 0 3px 25px;
+}
+
+a#unpublishpost{
+	background: url(../images/delete.gif) no-repeat left center;
+	padding: 3px 0 3px 25px;
+}

themes/mysite_blog/templates/WidgetHolder.ss

@@ -0,0 +1,6 @@
+<div class="sidebarBox">
+	<h3>$Title</h3>
+	$Content
+	<div class="clear"><!--  --></div>
+</div>
+<div class="sidebarBottom"><!-- --></div>