Updated Orchard home default content so it looks better when rendered in an empty template. Final CSS revisions for ThemeMachine 0.1. Included default CSS styling in ThemeMachine to support floating "EDIT" links and dotted outlines around widgets.

--HG--
branch : dev

src/Orchard.Web/Modules/Orchard.Setup/Services/SetupService.cs

@@ -275,7 +275,7 @@ namespace Orchard.Setup.Services {
             // create a welcome page that's promoted to the home page
             var page = contentManager.Create("Page");
             page.As<RoutePart>().Title = T("Welcome to Orchard!").Text;
-            page.As<BodyPart>().Text = "<p>Congratulations, you've successfully set-up your Orchard site.</p><p>This is the home page of your new site. We've taken the liberty to write here about a few things you could look at next in order to get familiar with the application. Once you feel confident you don't need this anymore, just click <a href=\"/Admin/Contents/Edit/7\">Edit</a> to go into edit mode and replace this with whatever you want on your home page to make it your own.</p><p>One thing you could do (but you don't have to) is go into <a href=\"Admin/Settings\">Manage Settings</a> (follow the <a href=\"Admin\">Admin</a> link and then look for it under \"Settings\" in the menu on the left) and check that everything is configured the way you want.</p><p>You probably want to make the site your own. One of the ways you can do that is by clicking <a href=\"Admin/Themes\">Manage Themes</a> in the admin menu. A theme is a packaged look and feel that affects the whole site.</p><p>Next, you can start playing with the content types that we installed. For example, go ahead and click <a href=\"Admin/Pages/Create\">Add New Page</a> in the admin menu and create an \"about\" page. Then, add it to the navigation menu by going to <a href=\"Admin/Navigation\">Manage Menu</a>. You can also click <a href=\"Admin/Blogs/Create\">Add New Blog</a> and start posting by clicking \"Add New Post\".</p><p>Finally, Orchard has been designed to be extended. It comes with a few built-in modules such as pages and blogs or themes. You can install new themes by going to <a href=\"Admin/Themes\">Manage Themes</a> and clicking <a href=\"Admin/Themes/Install\">Install a new Theme</a>. Like for themes, modules are created by other users of Orchard just like you so if you feel up to it, please <a href=\"http://www.orchardproject.net/\">consider participating</a>.</p><p>--The Orchard Crew</p>";
+            page.As<BodyPart>().Text = "<p>You’ve successfully setup your Orchard Site and this is the homepage of your new site. Here are a few things you can look at to get familiar with the application. Once you feel confident you don’t need this anymore, you can <a href=\"/Admin/Contents/Edit/7\">remove this by going into editing mode</a> and replacing it with whatever you want.</p><p>First things first - You’ll probably want to <a href=\"Admin/Settings\">manage your settings</a> and configure Orchard to your liking. After that, you can head over to <a href=\"Admin/Themes\">manage themes to change or install new themes</a> and really make it your own. Once you’re happy with a look and feel, it’s time for some content. You can start creating new custom content types or start with some built-in ones by <a href=\"Admin/Pages/Create\">adding a page</a>, <a href=\"Admin/Blogs/Create\">creating a blog</a> or <a href=\"Admin/Navigation\">managing your menus.</a></p><p>Finally, Orchard has been designed to be extended. It comes with a few built-in modules such as pages and blogs or themes. If you’re looking to add additional functionality, you can do so by creating your own module or installing a new one that someone has made. Modules are created by other users of Orchard just like you so if you feel up to it, <a href=\"http://www.orchardproject.net/\">please consider participating</a>. XOXO – The Orchard Team </p>";
 
             contentManager.Publish(page);
             siteSettings.Record.HomePage = "RoutableHomePageProvider;" + page.Id;

src/Orchard.Web/Themes/TheThemeMachine/Styles/Site.css

@@ -14,7 +14,6 @@ Text: #434343
 Secondary Text: #999999
 Main Accent: #999
 Links: #5f97af
-Hovers: #85b35c
 */
 
 
@@ -136,7 +135,7 @@ 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:hover     { text-decoration: underline; }
 a           { color: #5f97af; text-decoration: none; }
 
 blockquote  { margin: 1.5em; color: #666; font-style: italic; }
@@ -313,7 +312,7 @@ nav ul
 .blog-posts .blog-post header h1 a:hover {}
 .blog-posts .blog-post .tags { margin-top: 12px; }
 .blog-posts .blog-post .tags a { background-color: #dbdbdb; padding: 3px; color: #434343; }
-.blog-posts .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; }
+.blog-posts .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; text-decoration: none; }
 .blog-posts .blog-post .metadata { margin: 0 0 12px 0; color: #999; font-size: 1.1em; }
 .blog-posts .blog-post .metadata .published { display: inline; margin: 0 6px 0 0; }
 .blog-posts .blog-post .metadata .commentcount { display: inline; }
@@ -353,7 +352,7 @@ nav ul
 .tagged-posts .blog-post header h1 a:hover {}
 .tagged-posts .blog-post .tags { margin-top: 12px; }
 .tagged-posts .blog-post .tags a { background-color: #dbdbdb; padding: 3px; color: #434343; }
-.tagged-posts .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; }
+.tagged-posts .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; text-decoration: none; }
 .tagged-posts .blog-post .metadata { margin: 0 0 12px 0; color: #999; font-size: 1.1em; }
 .tagged-posts .blog-post .metadata .published { display: inline; margin: 0 6px 0 0; }
 .tagged-posts .blog-post .metadata .commentcount { display: inline; }
@@ -369,7 +368,7 @@ nav ul
 .search-results .blog-post header h1 a:hover {}
 .search-results .blog-post .tags { margin-top: 12px; }
 .search-results .blog-post .tags a { background-color: #dbdbdb; padding: 3px; color: #434343; }
-.search-results .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; }
+.search-results .blog-post .tags a:hover { background-color: #434343; padding: 3px; color: #fff; text-decoration: none; }
 .search-results .blog-post .metadata { margin: 0 0 12px 0; color: #999; font-size: 1.1em; }
 .search-results .blog-post .metadata .published { display: inline; margin: 0 6px 0 0; }
 .search-results .blog-post .metadata .commentcount { display: inline; }
@@ -464,11 +463,31 @@ nav ul
     top: 30px;
     right: 12px;
 }
+.widget-search-form h1 { font-size: 1.4em; }
+
 .search-form {}
-.search-form {} h1 { font-size: 1.4em; }
 .search-form input[type="text"] { float: left; }
 .search-form button[type="submit"] { float: left; margin: 0; margin-left: 6px; }
 
+/* Edit Mode Widgets */
+/* These are the edit controls that appear when you're logged-in */
+.widget-control { position: relative; border: 1px dotted #5f97af; }
+.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
+.widget-control .manage-actions a { display: block; background-color: #dbdbdb; font-size: 1.3em; color: #434343; padding: 3px 6px;  }
+.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }
+.widget-control .widget-search-form /* TODO: (mibach) Remove special case for Search Widget */
+{
+    position: absolute;
+    top: 0px;
+    right: 12px;
+}
+
+/* Content Mode */
+.content-control { position: relative; border: 1px dotted #5f97af; }
+.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
+.content-control .manage-actions a { display: block; background-color: #dbdbdb; font-size: 1.3em; color: #434343; padding: 3px 6px;  }
+.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }
+
 
 
 /* Misc