Adding first rev of Contoso Theme

--HG--
branch : dev

src/Orchard.Web/Orchard.Web.csproj

@@ -161,22 +161,6 @@
   </ItemGroup>
   <ItemGroup>
     <None Include="Themes\TheAdmin\Styles\images\icons.psd" />
-    <Content Include="Themes\ClassicDark\Content\Images\bodyBackgroundgrey.gif" />
-    <Content Include="Themes\ClassicDark\Content\Images\sidebarBackground.gif" />
-    <Content Include="Themes\ClassicDark\Styles\blog.css" />
-    <Content Include="Themes\ClassicDark\Styles\site.css" />
-    <Content Include="Themes\ClassicDark\Theme.png" />
-    <Content Include="Themes\ClassicDark\Theme.txt" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Items\Blogs.Blog.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Items\Blogs.Blog.Summary.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Items\Blogs.BlogPost.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Items\Blogs.BlogPost.Summary.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Parts\Blogs.BlogPost.List.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Parts\Blogs.BlogPost.Metadata.ascx" />
-    <Content Include="Themes\ClassicDark\Views\DisplayTemplates\Parts\Pages.Page.Metadata.ascx" />
-    <Content Include="Themes\ClassicDark\Views\Footer.ascx" />
-    <Content Include="Themes\ClassicDark\Views\Layout.ascx" />
-    <Content Include="Themes\ClassicDark\Views\ZoneTest.ascx" />
     <Content Include="Themes\Classic\Content\Images\bodyBackground.gif" />
     <Content Include="Themes\Classic\Content\Images\bodyBackgroundgrey.gif" />
     <Content Include="Themes\Classic\Content\Images\footerBackground.gif" />
@@ -196,11 +180,53 @@
     <Content Include="Themes\Classic\Views\DisplayTemplates\Items\Blogs.BlogPost.ascx" />
     <Content Include="Themes\Classic\Views\DisplayTemplates\Items\Blogs.BlogPost.Summary.ascx" />
     <Content Include="Themes\Classic\Views\DisplayTemplates\Parts\Blogs.BlogPost.List.ascx" />
-    <Content Include="Themes\Classic\Views\DisplayTemplates\Parts\Blogs.BlogPost.Metadata.ascx" />
     <Content Include="Themes\Classic\Views\DisplayTemplates\Parts\Pages.Page.Metadata.ascx" />
     <Content Include="Themes\Classic\Views\Footer.ascx" />
     <Content Include="Themes\Classic\Views\Layout.ascx" />
     <Content Include="Themes\Classic\Views\ZoneTest.ascx" />
+    <Content Include="Themes\Contoso\Content\Images\bkg.jpg" />
+    <Content Include="Themes\Contoso\Content\Images\comment-arrow.png" />
+    <Content Include="Themes\Contoso\Content\Images\content-bkg.png" />
+    <Content Include="Themes\Contoso\Content\Images\content-bottom.png" />
+    <Content Include="Themes\Contoso\Content\Images\content-top.png" />
+    <Content Include="Themes\Contoso\Content\Images\feature-bkg-bottom.png" />
+    <Content Include="Themes\Contoso\Content\Images\feature-bkg-top.png" />
+    <Content Include="Themes\Contoso\Content\Images\Gallery\feature01.jpg" />
+    <Content Include="Themes\Contoso\Content\Images\Gallery\feature02.jpg" />
+    <Content Include="Themes\Contoso\Content\Images\Gallery\feature03.jpg" />
+    <Content Include="Themes\Contoso\Content\Images\icon-location.png" />
+    <Content Include="Themes\Contoso\Content\Images\menu-divider.png" />
+    <Content Include="Themes\Contoso\Content\Images\menu-hover-left.png" />
+    <Content Include="Themes\Contoso\Content\Images\menu-hover.png" />
+    <Content Include="Themes\Contoso\Content\Images\menu-left.png" />
+    <Content Include="Themes\Contoso\Content\Images\menu-right.png" />
+    <Content Include="Themes\Contoso\Content\Images\nav-arrow-left.png" />
+    <Content Include="Themes\Contoso\Content\Images\nav-arrow-right.png" />
+    <Content Include="Themes\Contoso\Content\Images\sub-header.png" />
+    <Content Include="Themes\Contoso\DesignerNotes\Sidebar-w2.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Sidebar-w3.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Highlights.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Home-Headline.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Home-Hero-Gallery.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Home-Hero.html" />
+    <Content Include="Themes\Contoso\DesignerNotes\Sidebar-w1.html" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Items\Blogs.Blog.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Items\Blogs.BlogPost.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Items\Pages.Page.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\ListOfComments.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Parts\Blogs.BlogPost.List.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Parts\Comments.HasComments.ascx" />
+    <Content Include="Themes\Contoso\Views\DisplayTemplates\Parts\Tags.ShowTags.ascx" />
+    <Content Include="Themes\Contoso\Views\Header.ascx" />
+    <Content Include="Themes\Contoso\Scripts\easySlider.js" />
+    <Content Include="Themes\Contoso\Styles\site.css" />
+    <Content Include="Themes\Contoso\Theme.png" />
+    <Content Include="Themes\Contoso\Theme.txt" />
+    <Content Include="Themes\Contoso\Views\Footer.ascx" />
+    <Content Include="Themes\Contoso\Views\Layout.ascx" />
+    <Content Include="Themes\Contoso\Views\Layout.HomePage.ascx" />
+    <Content Include="Themes\Contoso\Views\ListOfComments.ascx" />
+    <Content Include="Themes\Contoso\Views\User.ascx" />
     <Content Include="Themes\Green\Content\Images\bodyBackground.gif" />
     <Content Include="Themes\Green\Content\Images\bodyBackground.png" />
     <Content Include="Themes\Green\Content\Images\commentpointer.gif" />
@@ -210,17 +236,15 @@
     <Content Include="Themes\Green\Content\Images\tabLeftOn.gif" />
     <Content Include="Themes\Green\Content\Images\tabRightOff.gif" />
     <Content Include="Themes\Green\Content\Images\tabRightOn.gif" />
-    <Content Include="Themes\Green\DesignerNotes\User1.html" />
+    <Content Include="Themes\Green\DesignerNotes\Sidebar.html" />
     <Content Include="Themes\Green\DesignerNotes\User2.html" />
     <Content Include="Themes\Green\DesignerNotes\User3.html" />
-    <Content Include="Themes\Green\DesignerNotes\Widget.html" />
-    <Content Include="Themes\Green\DesignerNotes\Widget1.html" />
+    <Content Include="Themes\Green\DesignerNotes\User1.html" />
     <Content Include="Themes\Green\Styles\blog.css" />
     <Content Include="Themes\Green\Styles\site.css" />
     <Content Include="Themes\Green\Styles\yui.css" />
     <Content Include="Themes\Green\Theme.png" />
     <Content Include="Themes\Green\Theme.txt" />
-    <Content Include="Themes\Green\Views\DisplayTemplates\Parts\Blogs.BlogPost.Metadata.ascx" />
     <Content Include="Themes\Green\Views\DisplayTemplates\Parts\Pages.Page.Metadata.ascx" />
     <Content Include="Themes\Green\Views\Layout.HomePage.ascx" />
     <Content Include="Themes\Green\Views\DisplayTemplates\Items\Blogs.Blog.ascx" />
@@ -229,6 +253,7 @@
     <Content Include="Themes\Green\Views\Footer.ascx" />
     <Content Include="Themes\Green\Views\Layout.ascx" />
     <Content Include="Themes\Green\Views\ListOfComments.ascx" />
+    <Content Include="Themes\SafeMode\Content\orchard.ico" />
     <Content Include="Themes\SafeMode\Styles\ie6.css" />
     <Content Include="Themes\SafeMode\Styles\images\backgroundHeader.gif" />
     <Content Include="Themes\SafeMode\Styles\images\backgroundVines.gif" />
@@ -250,7 +275,6 @@
   </ItemGroup>
   <ItemGroup>
     <Folder Include="App_Data\" />
-    <Folder Include="Themes\ClassicDark\DesignerNotes\" />
     <Folder Include="Themes\SafeMode\Content\Images\" />
   </ItemGroup>
   <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />

src/Orchard.Web/Themes/Contoso/DesignerNotes/Highlights.html

@@ -0,0 +1,28 @@
+<div class="hightlights group">
+    <div class="one">
+        <h3>
+            MVC Area One</h3>
+        <p>
+            Perfect place to talk about your company. Contoso is a fictious company that provides
+            technology sevices to a varierty of sectors.
+        </p>
+    </div>
+    <div class="two">
+        <h3>
+            MVC Area Two</h3>
+        <p>
+            We are saying free shipping on all software today! Yup this is a good place to put
+            this.
+        </p>
+    </div>
+    <div class="three">
+        <img src="/Themes/Contoso/Content/Images/icon-location.png" />
+        <p>
+            1 Microsoft Way<br />
+            Redmond, WA 98444<br />
+            United States<br />
+            <br />
+            Tel: 111-222-333-444<br />
+            Fax: 555-444-333-999</p>
+    </div>
+</div>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Home-Headline.html

@@ -0,0 +1,2 @@
+<h2>Another Headline</h2>
+<p>This is another area for you to modify to your needs. You can feature another product or service, give an introduction to your company, highlight product or service testimonials and more. All it takes is modifying this MVC area in your admin. </p>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Home-Hero-Gallery.html

@@ -0,0 +1,7 @@
+<div id="slider">
+    <ul>
+        <li><img src="/Themes/Contoso/Content/Images/Gallery/feature01.jpg" alt="Orchard Rocks" /></li>
+        <li><img src="/Themes/Contoso/Content/Images/Gallery/feature02.jpg" alt="Orchard FTW" /></li>
+        <li><img src="/Themes/Contoso/Content/Images/Gallery/feature03.jpg" alt="Orchard Time" /></li>
+    </ul>
+</div>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Home-Hero.html

@@ -0,0 +1,2 @@
+<h1>Change your super duper headline to something that works for you.</h1>
+<p>This is a great place to give an introduction to your product or services. Login to modify your homepage MVC area and update it to your brand spanking new marketing copy. You can also change the image on the left.</p>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Sidebar-w1.html

@@ -0,0 +1,6 @@
+<h3>
+    MVC Area One</h3>
+<p>
+    Perfect place to talk about your company. Contoso is a fictious company that provides
+    technology sevices to a varierty of sectors.
+</p>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Sidebar-w2.html

@@ -0,0 +1,6 @@
+<h3>
+    MVC Area Two</h3>
+<p>
+    We are saying free shipping on all software today! Yup this is a good place to put
+    this.
+</p>

src/Orchard.Web/Themes/Contoso/DesignerNotes/Sidebar-w3.html

@@ -0,0 +1,8 @@
+<h3>Contact Us</h3>
+<p>
+    1 Microsoft Way<br />
+    Redmond, WA 98444<br />
+    United States<br />
+    <br />
+    Tel: 111-222-333-444<br />
+    Fax: 555-444-333-999</p>

src/Orchard.Web/Themes/Contoso/Scripts/easySlider.js

@@ -0,0 +1,94 @@
+/*
+ * 	Easy Slider - jQuery plugin
+ *	written by Alen Grakalic	
+ *	http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
+ *
+ *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
+ *	Dual licensed under the MIT (MIT-LICENSE.txt)
+ *	and GPL (GPL-LICENSE.txt) licenses.
+ *
+ *	Built for jQuery library
+ *	http://jquery.com
+ *
+ */
+ 
+/*
+ *	markup example for $("#images").easySlider();
+ *	
+ * 	<div id="images">
+ *		<ul>
+ *			<li><img src="images/01.jpg" alt="" /></li>
+ *			<li><img src="images/02.jpg" alt="" /></li>
+ *			<li><img src="images/03.jpg" alt="" /></li>
+ *			<li><img src="images/04.jpg" alt="" /></li>
+ *			<li><img src="images/05.jpg" alt="" /></li>
+ *		</ul>
+ *	</div>
+ *
+ */
+
+(function($) {
+
+	$.fn.easySlider = function(options){
+	  
+		// default configuration properties
+		var defaults = {
+			prevId: 		'prevBtn',
+			prevText: 		'Previous',
+			nextId: 		'nextBtn',	
+			nextText: 		'Next',
+			orientation:	'', //  'vertical' is optional;
+			speed: 			800			
+		}; 
+		
+		var options = $.extend(defaults, options);  
+		
+		return this.each(function() {  
+			obj = $(this); 				
+			var s = $("li", obj).length;
+			var w = obj.width(); 
+			var h = obj.height(); 
+			var ts = s-1;
+			var t = 0;
+			var vertical = (options.orientation == 'vertical');
+			$("ul", obj).css('width',s*w);			
+			if(!vertical) $("li", obj).css('float','left');
+			$(obj).after('<span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span> <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>');		
+			//$("a","#"+options.prevId).hide();
+			//$("a","#"+options.nextId).hide();
+			$("a","#"+options.nextId).click(function(){		
+				animate("next");
+				//if (t>=ts) $(this).fadeOut();
+				$("a","#"+options.prevId).fadeIn();
+			});
+			$("a","#"+options.prevId).click(function(){		
+				animate("prev");
+				//if (t<=0) $(this).fadeOut();
+				$("a","#"+options.nextId).fadeIn();
+			});	
+			function animate(dir){
+				if(dir == "next"){
+					t = (t>=ts) ? ts : t+1;	
+				} else {
+					t = (t<=0) ? 0 : t-1;
+				};								
+				if(!vertical) {
+					p = (t*w*-1);
+					$("ul",obj).animate(
+						{ marginLeft: p }, 
+						options.speed
+					);				
+				} else {
+					p = (t*h*-1);
+					$("ul",obj).animate(
+						{ marginTop: p }, 
+						options.speed
+					);					
+				}
+			};
+			if(s>1) $("a","#"+options.nextId).fadeIn();	
+		});
+	  
+	};
+
+})(jQuery);

src/Orchard.Web/Themes/Contoso/Styles/site.css

@@ -0,0 +1,386 @@
+/*========= SETUP =========*/
+
+/*- Reset -*/
+
+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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}
+
+/*- Clear Fix -*/
+
+.group:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+
+/*========= General Typography =========*/
+
+/* Default font settings. 
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+body { 
+  font-size: 75%;
+  color: #67747a; 
+  background: #fff;
+  font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
+
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 1.3em; margin-bottom: 0.75em; color: #444d51; }
+h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; color: #444d51; }
+h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; color: #444d51; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color: #444d51; }
+h6 { font-size: 1em; font-weight: bold; }
+
+h1 img, h2 img, h3 img, 
+h4 img, h5 img, h6 img {
+  margin: 0;
+}
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p           { margin: 0 0 1.5em; line-height: 175%; }
+p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
+
+a:focus, 
+a:hover     { color: #85b35c; }
+a           { color: #4c5c64; text-decoration: none; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
+strong      { font-weight: bold; }
+em,dfn      { font-style: italic; }
+dfn         { font-weight: bold; }
+sup, sub    { line-height: 0; }
+
+abbr, 
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin: 0 0 1.5em; font-style: italic; }
+del         { color:#666; }
+
+pre 				{ margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul, 
+li ol       { margin:0 1.5em; }
+ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
+
+ul          { list-style-type: disc; }
+ol          { list-style-type: decimal; }
+
+dl          { margin: 0 0 1.5em 0; }
+dl dt       { font-weight: bold; }
+dd          { margin-left: 1.5em;}
+
+/* Tables
+-------------------------------------------------------------- */
+
+table       { margin-bottom: 1.4em; width:100%; }
+th          { font-weight: bold; }
+thead th 		{ background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even td  { background: #e5ecf9; }
+tfoot       { font-style: italic; }
+caption     { background: #eee; }
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide       { display: none; }
+
+.quiet      { color: #666; }
+.loud       { color: #000; }
+.highlight  { background:#ff0; }
+.added      { background:#060; color: #fff; }
+.removed    { background:#900; color: #fff; }
+
+.first      { margin-left:0; padding-left:0; }
+.last       { margin-right:0; padding-right:0; }
+.top        { margin-top:0; padding-top:0; }
+.bottom     { margin-bottom:0; padding-bottom:0; }
+
+
+/*========= FORMS =========*/
+
+/* -------------------------------------------------------------- 
+   
+   forms.css
+   * Sets up some default styling for forms
+   * Gives you classes to enhance your forms
+   
+   Usage:
+   * For text fields, use class .title or .text
+   
+-------------------------------------------------------------- */
+
+label       { font-weight: normal; }
+fieldset    { padding:0em; margin: 0 0 0em 0; border: 0px solid #ccc; }
+legend      { font-weight: bold; font-size:1.2em; }
+
+
+/* Form fields
+-------------------------------------------------------------- */
+
+input[type=text],
+input.text, input.title, 
+textarea, select { 
+  background-color:#fff; 
+  border:1px solid #bbb; 
+}
+input[type=text]:focus, 
+input.text:focus, input.title:focus, 
+textarea:focus, select:focus { 
+  border-color:#a5cc7a;
+  background-color: #fbfff7;
+}
+
+input[type=text], 
+input.text, input.title,
+textarea, select {
+  margin:0.5em 0;
+}
+
+input.text, 
+input.title   { width: 300px; padding:5px; }
+input.title   { font-size:1.5em; }
+textarea      { width: 390px; height: 250px; padding:5px; }
+
+input[type=checkbox], input[type=radio], 
+input.checkbox, input.radio { 
+  position:relative; top:.25em; 
+}
+
+form.inline { line-height:3; }
+form.inline p { margin-bottom:0; }
+
+/*- Login Control -*/
+
+.login-form { border: solid 1px #e2e2e2; padding: 20px; font-size: 1.2em; font-weight: normal; }
+.login-form div { padding: 5px 0px 5px 0px; }
+.login-form input[type=submit] { margin: 5px 0px 5px 0px; }
+.validation-summary-errors { padding: 20px 20px 0px 20px; border: solid 1px #fff54f; background-color: #fffcca; margin-bottom: 20px; }
+
+.edit-form { display: none; }
+.static_text_div { border: dashed 1px #CCCCCC; display:block; color: inherit; }
+.static_text_div:hover { border: dashed 1px red; color: inherit; }
+
+
+
+/* Success, notice and error boxes
+-------------------------------------------------------------- */
+
+.error,
+.notice, 
+.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
+
+.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
+.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
+.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
+.error a    { color: #8a1f11; }
+.notice a   { color: #514721; }
+.success a  { color: #264409; }
+
+
+
+
+/*========= GENERAL =========*/
+
+body { background: #f3f4f4 url('../Content/Images/bkg.jpg') repeat-x; }
+
+#container { width: 962px; margin: 0px auto 0px auto; }
+
+
+
+/*========= HEADER =========*/
+
+/*- Page Navigation -*/
+
+#nav { background: transparent url('../Content/Images/menu-left.png') no-repeat left top; margin: 20px 0px 20px 0px; }
+#nav  .menu { margin: 0px; padding: 0px; height: 40px; background: transparent url('../Content/Images/menu-right.png') no-repeat right top; }
+#nav  .menu li { float:left; list-style: none; background: transparent url('../Content/Images/menu-divider.png') repeat-y right top; }
+#nav .menu li a { display:block; margin: 0px 2px 1px 0px; padding: 11px 39px 0px 39px; height: 28px; color: #FFF; font-size: 1.2em; text-decoration: none; text-shadow: 0px -1px 0px #535550; }
+#nav  .menu li a:hover { background: #9dc975 url('../Content/Images/menu-hover.png') repeat-x right top; }
+#nav  .menu li:first-child a:hover { margin: 0px 2px 1px 0px; background: #9dc975 url('../Content/Images/menu-hover-left.png') no-repeat left top;  }
+
+.admin { float: right; margin: 0px; padding: 25px 0px 0px 0px; }
+.admin li { float:left; list-style: none; padding: 0px 0px 0px 20px; }
+.admin li a {}
+
+/*- Brand -*/
+
+.brand {}
+.brand .title { padding: 20px 0px 0px 0px; font-size: 1.6em; font-family: Segoe UI, Segoe, Arial, Sans-Serif; color:#4c5c64; float: left;  }
+
+
+
+/*========= Footer =========*/
+
+.footer { width: 962px; border-top: solid 1px #e2e2e2; padding: 20px 0px 40px 0px; margin: 20px 0px 0px 0px; }
+.footer ul { margin: 0px; padding: 0px; float: right; }
+.footer ul li { float:left; list-style: none; color: #98bac8; padding: 0px 0px 0px 20px; }
+
+
+
+/*========= Home =========*/
+
+.home-hero-container { width: 962px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; background: transparent url('../Content/Images/feature-bkg-bottom.png') no-repeat left bottom; }
+.home-hero { width: 922px; position: relative; min-height: 317px; padding: 20px; background: transparent url('../Content/Images/feature-bkg-top.png') no-repeat left top; }
+.home-hero .hero-content { width: 329px; margin: 40px 0px 0px 60px; color: #ffffff; float: left; }
+.home-hero .hero-content p { font-size: 1.2em; line-height: 150%; }
+.home-hero .hero-content h1 { color: #ffffff; font-size: 2em; line-height: 1.2em; text-shadow: 0px -1px 0px #558599; }
+.home-hero .hero-content a { color: #ffffff; }
+
+.home-hero .hero-gallery { float:left; position: relative; margin: 0px 0px 0px 40px; }
+.home-hero .hero-gallery #slider { position: relative; border: solid 1px #4d8298; }
+
+    
+
+/*========= Page =========*/
+
+.content-container { background: transparent url('../Content/Images/content-bottom.png') no-repeat left bottom; padding: 0px 0px 0px 0px; }
+.content { position: relative; background: transparent url('../Content/Images/content-top.png') no-repeat left top; padding: 20px 0px 20px 0px; }
+.content-items { width: 882px; padding: 20px 40px 0px 40px; background: transparent url('../Content/Images/content-bkg.png') repeat-y left top; }
+.content-items .item { width: 421px; float: left; }
+.content-items .item:first-child {margin: 0px 40px 0px 0px; }
+.content-items h1 { font-size: 1.3em; margin-bottom: 0.75em; color: #444d51; }
+
+/*- Content Pages -*/
+.content .page-title { display: none; }
+.sub .page-title { display: block; background: transparent url('../Content/Images/sub-header.png') no-repeat left top; width: 962px; height: 46px; position: absolute; top: 1px; left: 1px; color: #ffffff; font-size: 2em; text-shadow: 0px -1px 0px #5f8b9e; padding: 15px 0px 0px 40px; }
+.content-items .main { float: left; width: 574px; margin: 0px 60px 20px 0px; padding: 50px 0px 0px 0px; }
+.content-items .sidebar { float: left; width: 232px; padding: 45px 0px 0px 0px; }
+.content-items .side-block { float: left; width: 232px; border-bottom: solid 1px #e2e2e2; padding: 20px 0px 0px 0px; }
+
+/*- Highlight Area -*/
+.hightlights { width: 882px; padding: 40px 40px 0px 40px; }
+.hightlights .one { float: left; width: 266px; margin-right: 40px; }
+.hightlights .two { float: left; width: 266px; margin-right: 40px; }
+.hightlights .three { float: left; width: 266px; }
+.hightlights h3 { margin: 0px 0px 0.75em 0px; }
+.hightlights img { float: left; padding: 0px 0px 0px 0px; }
+
+
+
+/*========= BLOGS =========*/
+
+.blogPosts { margin: 0px; padding: 0px; }
+.blogPosts li { padding: 30px 0px 0px 0px; list-style: none; border-top: solid 1px #e2e2e2; } 
+.blog-desc { font-size: 1.3em; line-height: 150%; color: #6da8c0; }
+
+#comments { padding-top: 20px; border-top: dashed 1px #e8e8e8; padding-bottom: 10px; margin-top: 30px; }
+.comments { position: relative;  padding: 0px; margin: 0px; clear: both; }
+.comments li { display: block; position: relative; list-style: none; background-color: #fbfff7; border: solid 1px #ebf4e3; border-bottom-color: #d5ebbd; border-right-color: #d5ebbd; padding: 20px 20px 0px 20px; margin: 0px 0px 50px 0px; }
+.comments .comment {position: absolute; bottom: -27px; left: 20px; color: #a5cc7a; background: transparent url('../Content/Images/comment-arrow.png') no-repeat 20px 0px; padding: 15px 0px 0px 0px; }
+
+.comment-form { border: solid 1px #e8e8e8; padding: 20px; }
+.comment-form h2 { border-bottom: dashed 1px #e8e8e8; padding-bottom: 10px; }
+.comment-form .who {}
+.comment-form .who label { float: left; text-align: right; width: 50px; padding: 12px 10px 0px 0px; }
+.comment-form .what { padding: 10px 0px 0px 60px;}
+.comment-form .what label[for=CommentText] { float: none; display:block; }
+.comment-form .what input[type=submit] { margin: 10px 0px; }
+
+.posted { margin: 0px 0px 10px 0px; color: #999999; }
+
+.tags span { display: block; float: left; padding: 3px 10px 5px 0px; }
+.tags a { display: block; float: left; padding: 3px 5px 5px 5px; background-color: #ebebeb; color: #c8c8c8; text-shadow: 1px 1px 0px #FFF; -moz-border-radius: 5px;
+-webkit-border-radius: 5px; margin: 0px 10px 0px 0px; }
+.tags a:hover { display: block; float: left; padding: 3px 5px 5px 5px; background-color: #a5cc7a; color: #668b3e; text-shadow: 1px 1px 0px #c8e6a6; -moz-border-radius: 5px;
+-webkit-border-radius: 5px; margin: 0px 10px 0px 0px; }
+
+/*========= PLUGINS =========*/
+
+/*- Easy Slider -*/
+
+#slider ul, #slider li {
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+#slider, #slider li { 
+	/* 
+		define width and height of container element and list item (slide)
+		list items must be the same size as the slider area
+	*/ 
+	width:471px;
+	height:319px;
+	overflow:hidden; 
+}
+
+span#prevBtn a { display: block; width: 29px; height: 29px; position: absolute; top: 135px; left: -40px; background: transparent url('../Content/Images/nav-arrow-left.png') no-repeat; }
+span#nextBtn a { display: block; width: 29px; height: 29px; position: absolute; top: 135px; left: 485px; background: transparent url('../Content/Images/nav-arrow-right.png') no-repeat; }					
+
+/* // Easy Slider */
+
+/*
+
+.manage {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+
+.manage a {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background-color: Yellow;
+}
+
+*/

src/Orchard.Web/Themes/Contoso/Theme.txt

@@ -0,0 +1,6 @@
+name: Contoso Business
+author: Michael Dorian Bach
+description: A simple CMS theme perfect for any modern product or service business website. 
+version: 1.0
+tags: business, cms, modern
+homepage: http://www.orchardproject.net

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Items/Blogs.Blog.ascx

@@ -0,0 +1,20 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<ContentItemViewModel<Blog>>" %>
+<%@ Import Namespace="Orchard.Security"%>
+<%@ Import Namespace="Orchard.UI.Resources"%>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+<%@ Import Namespace="Orchard.Blogs.Extensions"%>
+<%@ Import Namespace="Orchard.Blogs.Models"%>
+<%-- todo: (heskew) selectively display to those who have access --%>
+<h1 class="page-title"><%=Html.TitleForPage(Model.Item.Name) %></h1>
+<% Html.RegisterLink(new LinkEntry { Rel = "wlwmanifest", Type = "application/wlwmanifest+xml", Href = Url.BlogLiveWriterManifest(Model.Item.Slug) });%>
+<% Html.RegisterLink(new LinkEntry { Rel = "EditURI", Type = "application/rsd+xml", Title = "RSD", Href = Url.BlogRsd(Model.Item.Slug) });%>
+
+<% if (Html.Resolve<IAuthenticationService>().GetAuthenticatedUser() != null){ %>
+<div class="manage"><a href="<%=Url.BlogEdit(Model.Item.Slug) %>" class="ibutton edit"><%=_Encoded("edit") %></a></div>
+<%} %>
+
+<p class="blog-desc"><%=Html.Encode(Model.Item.Description) %></p>
+
+<% Html.Zone("primary");
+   Html.ZonesAny(); %>
+   

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Items/Blogs.BlogPost.ascx

@@ -0,0 +1,12 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<ContentItemViewModel<BlogPost>>" %>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+<%@ Import Namespace="Orchard.Blogs.Extensions"%>
+<%@ Import Namespace="Orchard.Blogs.Models"%>
+<h1 class="page-title"><%=Html.TitleForPage(Model.Item.Title)%></h1>
+<div class="metadata">
+    <% if (Model.Item.Creator != null) { 
+       %><div class="posted"><%=_Encoded("Posted by {0} {1}", Model.Item.Creator.UserName, Html.PublishedWhen(Model.Item)) %></div><%
+       } %>
+</div>
+<% Html.Zone("primary");
+   Html.ZonesAny(); %>

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Items/Pages.Page.ascx

@@ -0,0 +1,17 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<ContentItemViewModel<Orchard.Pages.Models.Page>>" %>
+<%@ Import Namespace="Orchard.Security"%>
+<%@ Import Namespace="Orchard.Mvc.Html"%>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+
+<div class="page-title"><%=Html.TitleForPage(Model.Item.Title)%></div>
+
+<% if (Html.Resolve<IAuthenticationService>().GetAuthenticatedUser() != null){ %>
+<a href="<%=Url.Action(T("Edit").ToString(), "Admin", new {id = Model.Item.Id, area = "Orchard.Pages"}) %>" class="ibutton edit static_text_div">
+<%} %>
+
+<% Html.Zone("primary");
+   Html.ZonesAny(); %>
+   
+<% if (Html.Resolve<IAuthenticationService>().GetAuthenticatedUser() != null){ %>
+</a>
+<%} %>

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/ListOfComments.ascx

@@ -0,0 +1,17 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<IEnumerable<Comment>>" %>
+<%@ Import Namespace="Orchard.Comments.Models"%>
+<ul class="comments"><%
+foreach (var comment in Model) { %>
+    <li>
+        <div class="comment">
+            <span class="who"><%=Html.LinkOrDefault(Html.Encode(comment.Record.UserName), Html.Encode(comment.Record.SiteName), new { rel = "nofollow" })%></span>
+            <%-- todo: (heskew) need comment permalink --%>
+            <span>said <%=Html.Link(Html.DateTimeRelative(comment.Record.CommentDateUtc), "#")%></span>
+        </div>
+        <div class="text">
+            <%-- todo: (heskew) comment text needs processing depending on comment markup style --%>
+            <p><%=Html.Encode(comment.Record.CommentText)%></p>
+        </div>
+    </li><%
+} %>
+</ul>

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Blogs.BlogPost.List.ascx

@@ -0,0 +1,6 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<IEnumerable<ContentItemViewModel<BlogPost>>>" %>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+<%@ Import Namespace="Orchard.Blogs.Models"%>
+
+<%=Html.UnorderedList(Model, (bp, i) => Html.DisplayForItem(bp).ToHtmlString(), "blogPosts contentItems") %>
+<% if (Model.Count() < 1) { %><p><%=_Encoded("There are no posts for this blog.") %></p><% } %>

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Blogs.BlogPost.Metadata.ascx

@@ -0,0 +1,7 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<BlogPost>" %>
+<%@ Import Namespace="Orchard.Blogs.Extensions"%>
+<%@ Import Namespace="Orchard.Blogs.Models"%>
+<%
+    if (Model.Creator != null) { 
+       %><%=_Encoded(" | Posted by {0} {1}", Model.Creator.UserName, Html.PublishedWhen(Model)) %><%
+    } %>

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Comments.HasComments.ascx

@@ -0,0 +1,43 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<HasComments>" %>
+<%@ Import Namespace="Orchard.Comments.Models"%>
+<h2 id="comments"><%=_Encoded("{0} Comment{1}", Model.Comments.Count, Model.Comments.Count == 1 ? "" : "s")%></h2><%
+if (Model.Comments.Count > 0) { Html.RenderPartial("ListOfComments", Model.Comments); }
+if (Model.CommentsActive == false) { %>
+    <p><%=_Encoded("Comments have been disabled for this content.") %></p><%
+} else { %>
+    <% using(Html.BeginForm("Create", "Comment", new { area = "Orchard.Comments" }, FormMethod.Post, new { @class = "comment-form" })) { %>
+        <%=Html.ValidationSummary() %>
+        <% 
+    if (!Request.IsAuthenticated) { %>
+        <h2>Leave a Reply</h2>
+        <fieldset class="who">
+            <div class="name group">
+                <label for="Name"><%=_Encoded("Name") %></label>
+                <input id="Name" class="text" name="Name" type="text" />
+            </div>
+            <div class="email group">
+                <label for="Email"><%=_Encoded("Email") %></label>
+                <input id="Email" class="text" name="Email" type="text" />				
+            </div>
+            <div class="site group">
+                <label for="SiteName"><%=_Encoded("Url") %></label>
+                <input id="SiteName" class="text" name="SiteName" type="text" />
+            </div>
+        </fieldset><%    
+    } %>
+        <fieldset class="what">
+            <div>
+                <label for="CommentText"><% if (Request.IsAuthenticated) { %><%=T("Hi, {0}!", Html.Encode(Page.User.Identity.Name)) %><br /><% } %><%=_Encoded("Message") %></label>
+                <textarea id="CommentText" rows="10" cols="30" name="CommentText"></textarea>
+            </div>
+            <div>
+                <input type="submit" class="button" value="<%=_Encoded("Submit Comment") %>" />
+                <%=Html.Hidden("CommentedOn", Model.ContentItem.Id) %>
+                <%=Html.Hidden("ReturnUrl", Context.Request.Url) %>
+		        <%=Html.AntiForgeryTokenOrchard() %>
+            </div>
+        </fieldset><%
+   }
+} %>
+
+    

src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Tags.ShowTags.ascx

@@ -0,0 +1,8 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<HasTags>" %>
+<%@ Import Namespace="Orchard.Tags.Models" %>
+<% if (Model.CurrentTags.Count > 0) { %>
+    <p class="tags group">
+        <span><%=_Encoded("Tags:") %></span>
+        <%=string.Join("", Model.CurrentTags.Select(t => Html.ActionLink(Html.Encode(t.TagName), "Search", "Home", new { area = "Orchard.Tags", tagName = t.TagName }, new { }).ToHtmlString()).ToArray())%>
+    </p><%
+} %>

src/Orchard.Web/Themes/Contoso/Views/Footer.ascx

@@ -0,0 +1,8 @@
+<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<BaseViewModel>" %>
+<%@ Import Namespace="Orchard.Mvc.ViewModels" %>
+<div class="footer group">
+    <ul class="group">
+        <li>&copy 2010 <%=Html.TitleForPage(Html.SiteName()) %>. All rights reserved.</li>
+        <li><a href="http://www.orchardproject.net" title="Orchard Project">Powered by Orchard</a></li>
+    </ul>
+</div>

src/Orchard.Web/Themes/Contoso/Views/Header.ascx

@@ -0,0 +1,8 @@
+<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
+
+<div class="header">
+    <div class="brand group">
+        <div class="title"><%=Html.TitleForPage(Html.SiteName()) %></div>
+        <% Html.Include("User"); %>
+    </div>
+</div>

src/Orchard.Web/Themes/Contoso/Views/Layout.HomePage.ascx

@@ -0,0 +1,68 @@
+<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<BaseViewModel>" %>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+<%@ Import Namespace="Orchard.Mvc.Html" %>
+
+<%
+    Html.RegisterScript("easySlider.js");
+    Html.RegisterStyle("site.css");
+   
+    Model.Zones.AddRenderPartial("header", "Header", Model);
+    Model.Zones.AddRenderPartial("menu", "Menu", Model);
+    Model.Zones.AddRenderPartial("footer", "Footer", Model);
+    
+%>
+
+<div id="container">
+    <!-- Header -->
+    <% Html.Zone("header"); %>
+	
+	<!-- Main Menu -->
+	<div id="nav">
+        <% Html.Zone("menu"); %>
+    </div>
+    
+    <!-- Home Hero -->
+	<div class="home-hero-container">
+	    <div class="home-hero">
+	        <!-- Init jQuery Slider -->
+	        <script src="/Themes/Contoso/Scripts/easySlider.js" type="text/javascript"></script>
+            <script type="text/javascript">
+                $(document).ready(function() {
+                    $("#slider").easySlider({
+                        prevText: '',
+		                nextText: '',
+		                speed: '1600',
+                    });
+            });
+            </script>
+           
+            <div class="hero-gallery">
+                <% Html.Zone("home-hero-gallery"); %>
+            </div>
+            
+		    <div class="hero-content">
+		        <% Html.Zone("home-hero"); %>
+		    </div>
+		</div>
+	</div>
+	
+	<!-- Main Content Area -->
+	<div class="content-container">
+	    <div class="content">
+	        <div class="content-items group">
+		        <div class="item">
+			        <% Html.ZoneBody("content"); %>
+		        </div>
+		        <div class="item">
+			        <% Html.Zone("home-headline"); %>
+		        </div>
+		    </div>
+	    </div>
+	</div>
+	
+	<!-- (Optional) Highlights Area -->
+    <% Html.Zone("highlights"); %>    
+	
+	<!-- Footer -->
+	<% Html.Zone("footer"); %>
+</div>

src/Orchard.Web/Themes/Contoso/Views/Layout.ascx

@@ -0,0 +1,46 @@
+<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<BaseViewModel>" %>
+<%@ Import Namespace="Orchard.Mvc.ViewModels"%>
+<%@ Import Namespace="Orchard.Mvc.Html" %>
+
+<%
+    Html.RegisterStyle("site.css");
+    
+    Model.Zones.AddRenderPartial("header", "Header", Model);
+    Model.Zones.AddRenderPartial("menu", "Menu", Model);
+    Model.Zones.AddRenderPartial("footer", "Footer", Model);
+%>
+
+<div id="container">
+    <!-- Header -->
+    <% Html.Zone("header"); %>
+	
+	<!-- Main Menu -->
+	<div id="nav">
+        <% Html.Zone("menu"); %>
+    </div>
+	
+	<!-- Main Content Area -->
+	
+	<div class="content-container">
+	    <div class="content sub">
+	        <div class="content-items group">
+		        <div class="main">
+			        <% Html.ZoneBody("content"); %>
+		        </div>
+		        <div class="sidebar">
+                    <div class="side-block">
+                        <% Html.Zone("sidebar-w1"); %>
+                    </div>
+                    <div class="side-block">
+                        <% Html.Zone("sidebar-w2"); %>
+                    </div>
+                    <div class="side-block">
+                        <% Html.Zone("sidebar-w3"); %>
+                    </div>
+		        </div>
+		    </div>
+	    </div>
+	</div>
+	
+	<!-- Footer -->
+	<% Html.Zone("footer"); %>

src/Orchard.Web/Themes/Contoso/Views/ListOfComments.ascx

@@ -0,0 +1,17 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<IEnumerable<Comment>>" %>
+<%@ Import Namespace="Orchard.Comments.Models"%>
+<ul class="comments"><%
+foreach (var comment in Model) { %>
+    <li>
+
+<div class="comment">
+<p><%=Html.Encode(comment.Record.CommentText) %></p>
+</div>
+        
+<div class="commentauthor">
+<span class="who"><%=Html.LinkOrDefault(Html.Encode(comment.Record.UserName), Html.Encode(comment.Record.SiteName), new { rel = "nofollow" })%></span>&nbsp;<span>said <%=Html.Link(Html.DateTimeRelative(comment.Record.CommentDateUtc.GetValueOrDefault()), "#")%></span>
+</div>       
+        
+    </li><%
+} %>
+</ul>

src/Orchard.Web/Themes/Contoso/Views/User.ascx

@@ -0,0 +1,13 @@
+<%@ Control Language="C#" Inherits="Orchard.Mvc.ViewUserControl<object>" %>
+<ul class="admin group">
+    <% if (Request.IsAuthenticated)
+       { %>
+        <li><%=_Encoded("Welcome")%> <%=Html.Encode(Page.User.Identity.Name) %></li>
+        <li><%=Html.ActionLink(T("Log Off").ToString(), "LogOff", new { Controller = "Account", Area = "Orchard.Users" })%></li>
+        <li><%= Html.ActionLink("Admin", "Index", new {Area = "Dashboard", Controller = "Admin"})%></li>
+    <% }
+       else
+       { %>
+        <li><%=Html.ActionLink(T("Login").ToString(), "LogOn", new { Controller = "Account", Area = "Orchard.Users", ReturnUrl = Context.Request.RawUrl })%></li>
+    <% } %>
+</ul>