From 8447f159682b67b4bf745a8c4e8c02c0f3128d2d Mon Sep 17 00:00:00 2001
From: Paul Schneider <paulschneider@free.fr>
Date: Fri, 5 Jun 2015 17:40:25 +0200
Subject: [PATCH] * mdd_styles.css: Modifies the colors used for the markdown
 toolbar, in order to see the button images built in black on transparent.
 (Black theme)

* Edit.aspx: Makes resizable the Markdown editor textarea

* EventPub.aspx: Code formatting

* Web.csproj: Fixes the Mardown styles deployment.
---
 web/Theme/mdd_styles.css            | 395 ++++++++++++++--------------
 web/Views/Blogs/Edit.aspx           |   7 +-
 web/Views/FrontOffice/EventPub.aspx |   3 -
 web/Web.csproj                      |   1 +
 4 files changed, 203 insertions(+), 203 deletions(-)

diff --git a/web/Theme/mdd_styles.css b/web/Theme/mdd_styles.css
index 13f69a57..dd984fb9 100644
--- a/web/Theme/mdd_styles.css
+++ b/web/Theme/mdd_styles.css
@@ -1,197 +1,198 @@
-div.mdd_modal
-{
-	position:fixed;
-	top:0;
-	left:0;
-	padding:0;
-	margin:0;
-	width:100%;
-	height:100%;
-	z-index:1000;
-	display:none;
-	font-size:10pt;
-	background-image:url(/Theme/md/mdd_modal_background.png);
-}
-div.mdd_modal_frame
-{
-	width:650px;
-	height:400px;
-	z-index:2000;
-	margin:0 auto;
-	margin-top:60px;
-	border:solid 5px #808080;
-	position:relative;
-	border-radius:5px;	
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-}
-
-div.mdd_modal_button
-{
-	position:absolute;
-	top:-33px;
-	right:-5px;
-	padding-left:10px;
-	padding-right:10px;
-	padding-top:4px;
-	padding-bottom:0px;
-	height:20px;
-	z-index:1999;
-	border-radius:4px;	
-	-moz-border-radius:4px;
-	-webkit-border-radius:4px;
-	line-height:1em;
-}
-
-div.mdd_modal_button a
-{
-	text-decoration:none;
-}
-
-div.mdd_modal_button a:hover
-{
-}
-
-div.mdd_modal_content
-{
-	overflow:scroll;
-	overflow-x:hidden;
-	position:relative;
-	width:100%;
-	height:100%;
-}
-
-div.mdd_ajax_loader
-{
-	background-position: center center;
-	background-image: url(/Theme/md/mdd_ajax_loader.gif);
-	background-repeat: no-repeat;
-	width:100%;
-	height:200px;
-}
-
-div.mdd_syntax
-{
-	font-size:12pt;
-	padding:10px;
-}
-
-div.mdd_syntax h2
-{
-	font-size:14pt;
-}
-div.mdd_syntax h3
-{
-	font-size:12pt;
-}
-div.mdd_syntax pre
-{				
-	font-size:10pt;
-	border:solid 1px silver;
-	padding:4px;
-        color: black;
-	background-color:#f8f8f8;
-}
-
-div.mdd_toolbar
-{
-	float:left;
-	padding:5px;
-	width:100%;
-	height:20px;
-}
-
-div.mdd_toolbar ul
-{
-	margin:0;
-	padding:0;
-}
-
-div.mdd_toolbar li
-{
-	float:left;
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-
-div.mdd_toolbar a.mdd_button
-{
-	background-image:url(/Theme/md/mdd_toolbar.png);
-	width:20px;
-	height:20px;
-	display:block;
-}
-
-span.mdd_sep
-{
-	width:5px;
-	height:20px;
-	display:block;
-	border-left:solid 1px #808080;
-	margin-left:5px;
-}
-
-#mdd_bold			{ background-position:-1px -1px;}
-#mdd_bold:hover		{ background-position:-1px -23px; }
-#mdd_italic			{ background-position:-23px -1px; }
-#mdd_italic:hover	{ background-position:-23px -23px; }
-#mdd_ullist			{ background-position:-177px -1px; }
-#mdd_ullist:hover	{ background-position:-177px -23px; }
-#mdd_ollist			{ background-position:-155px -1px; }
-#mdd_ollist:hover	{ background-position:-155px -23px; }
-#mdd_indent			{ background-position:-67px -1px; }
-#mdd_indent:hover	{ background-position:-67px -23px; }
-#mdd_outdent		{ background-position:-89px -1px; }
-#mdd_outdent:hover	{ background-position:-89px -23px; }
-#mdd_link			{ background-position:-45px -1px; }
-#mdd_link:hover		{ background-position:-45px -23px; }
-#mdd_img			{ background-position:-133px -1px; }
-#mdd_img:hover		{ background-position:-133px -23px; }
-#mdd_hr				{ background-position:-221px -1px; }
-#mdd_hr:hover		{ background-position:-221px -23px; }
-#mdd_code			{ background-position:-111px -1px; }
-#mdd_code:hover		{ background-position:-111px -23px; }
-#mdd_heading		{ background-position:-199px -1px; }
-#mdd_heading:hover	{ background-position:-199px -23px; }
-#mdd_undo			{ background-position:-243px -1px; }
-#mdd_undo:hover		{ background-position:-243px -23px; }
-#mdd_redo			{ background-position:-265px -1px; }
-#mdd_redo:hover		{ background-position:-265px -23px; }
-
-div.mdd_links
-{
-	float:right;
-}
-
-div.mdd_links a
-{
-	text-decoration:none;
-	font-size:smaller;
-}
-div.mdd_links a:hover
-{
-}
-
-textarea.mdd_editor
-{
-	width:100%;
-	resize:none;
-	margin:0;
-}
-
-div.mdd_resizer
-{
-	background:#f8f8f8; 
-	background-image:url("/Theme/md/mdd_gripper.png");
-	background-position:center center;
-	background-repeat:no-repeat;
-	width:100%;
-	padding-left:2px;
-	padding-right:2px;
-	height:9px;
-	border:solid 1px #d0d0d0;
-	margin-top:-1px;
-	cursor:n-resize;
-}
-
+div.mdd_modal
+{
+	position:fixed;
+	top:0;
+	left:0;
+	padding:0;
+	margin:0;
+	width:100%;
+	height:100%;
+	z-index:1000;
+	display:none;
+	font-size:10pt;
+	background-image:url(/Theme/md/mdd_modal_background.png);
+}
+div.mdd_modal_frame
+{
+	width:650px;
+	height:400px;
+	z-index:2000;
+	margin:0 auto;
+	margin-top:60px;
+	border:solid 5px #808080;
+	position:relative;
+	border-radius:5px;	
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+}
+
+div.mdd_modal_button
+{
+	position:absolute;
+	top:-33px;
+	right:-5px;
+	padding-left:10px;
+	padding-right:10px;
+	padding-top:4px;
+	padding-bottom:0px;
+	height:20px;
+	z-index:1999;
+	border-radius:4px;	
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	line-height:1em;
+}
+
+div.mdd_modal_button a
+{
+	text-decoration:none;
+}
+
+div.mdd_modal_button a:hover
+{
+}
+
+div.mdd_modal_content
+{
+	overflow:scroll;
+	overflow-x:hidden;
+	position:relative;
+	width:100%;
+	height:100%;
+}
+
+div.mdd_ajax_loader
+{
+	background-position: center center;
+	background-image: url(/Theme/md/mdd_ajax_loader.gif);
+	background-repeat: no-repeat;
+	width:100%;
+	height:200px;
+}
+
+div.mdd_syntax
+{
+	font-size:12pt;
+	padding:10px;
+}
+
+div.mdd_syntax h2
+{
+	font-size:14pt;
+}
+div.mdd_syntax h3
+{
+	font-size:12pt;
+}
+div.mdd_syntax pre
+{				
+	font-size:10pt;
+	border:solid 1px silver;
+	padding:4px;
+        color: black;
+	background-color:#f8f8f8;
+}
+
+div.mdd_toolbar
+{
+	float:left;
+	padding:5px;
+	width:100%;
+	height:20px;
+}
+
+div.mdd_toolbar ul
+{
+	margin:0;
+	padding:0;
+}
+
+div.mdd_toolbar li
+{
+	float:left;
+	margin:0;
+	padding:0;
+	list-style:none;
+	background-color:#777;
+	color:black;
+}
+
+div.mdd_toolbar a.mdd_button
+{
+	background-image:url(/Theme/md/mdd_toolbar.png);
+	width:20px;
+	height:20px;
+	display:block;
+}
+
+span.mdd_sep
+{
+	width:5px;
+	height:20px;
+	display:block;
+	border-left:solid 1px #808080;
+	margin-left:5px;
+}
+
+#mdd_bold			{ background-position:-1px -1px;}
+#mdd_bold:hover		{ background-position:-1px -23px; }
+#mdd_italic			{ background-position:-23px -1px; }
+#mdd_italic:hover	{ background-position:-23px -23px; }
+#mdd_ullist			{ background-position:-177px -1px; }
+#mdd_ullist:hover	{ background-position:-177px -23px; }
+#mdd_ollist			{ background-position:-155px -1px; }
+#mdd_ollist:hover	{ background-position:-155px -23px; }
+#mdd_indent			{ background-position:-67px -1px; }
+#mdd_indent:hover	{ background-position:-67px -23px; }
+#mdd_outdent		{ background-position:-89px -1px; }
+#mdd_outdent:hover	{ background-position:-89px -23px; }
+#mdd_link			{ background-position:-45px -1px; }
+#mdd_link:hover		{ background-position:-45px -23px; }
+#mdd_img			{ background-position:-133px -1px; }
+#mdd_img:hover		{ background-position:-133px -23px; }
+#mdd_hr				{ background-position:-221px -1px; }
+#mdd_hr:hover		{ background-position:-221px -23px; }
+#mdd_code			{ background-position:-111px -1px; }
+#mdd_code:hover		{ background-position:-111px -23px; }
+#mdd_heading		{ background-position:-199px -1px; }
+#mdd_heading:hover	{ background-position:-199px -23px; }
+#mdd_undo			{ background-position:-243px -1px; }
+#mdd_undo:hover		{ background-position:-243px -23px; }
+#mdd_redo			{ background-position:-265px -1px; }
+#mdd_redo:hover		{ background-position:-265px -23px; }
+
+div.mdd_links
+{
+	float:right;
+}
+
+div.mdd_links a
+{
+	text-decoration:none;
+	font-size:smaller;
+}
+div.mdd_links a:hover
+{
+}
+
+textarea.mdd_editor
+{
+	width:100%;
+	margin:0;
+}
+
+div.mdd_resizer
+{
+	background:#f8f8f8; 
+	background-image:url("/Theme/md/mdd_gripper.png");
+	background-position:center center;
+	background-repeat:no-repeat;
+	width:100%;
+	padding-left:2px;
+	padding-right:2px;
+	height:9px;
+	border:solid 1px #d0d0d0;
+	margin-top:-1px;
+	cursor:n-resize;
+}
+
diff --git a/web/Views/Blogs/Edit.aspx b/web/Views/Blogs/Edit.aspx
index d2eb9775..cc78ab15 100644
--- a/web/Views/Blogs/Edit.aspx
+++ b/web/Views/Blogs/Edit.aspx
@@ -22,7 +22,7 @@
 <br/>
 <%= Html.LabelFor(model => model.Content) %>:<br/>
 <div class="mdd_toolbar"></div>
-<%= Html.TextArea( "Content" , new { @class="mdd_editor", @rows="15" }) %>
+<%= Html.TextArea( "Content" , new { @class="mdd_editor"}) %>
 <div class="mdd_resizer"></div>
 <div class="mdd_preview"></div>
 <%= Html.ValidationMessage("Content", "*") %>
@@ -43,10 +43,11 @@
 
 
 <script>
+ $(document).ready(function () {
  $("textarea.mdd_editor").MarkdownDeep({ 
     help_location: "/Scripts/html/mdd_help.htm",
-    disableTabHandling:true
- });
+    disableTabHandling:false
+ });});
 </script>
 
 </asp:Content>
diff --git a/web/Views/FrontOffice/EventPub.aspx b/web/Views/FrontOffice/EventPub.aspx
index 4d0a3cf2..5073df24 100644
--- a/web/Views/FrontOffice/EventPub.aspx
+++ b/web/Views/FrontOffice/EventPub.aspx
@@ -17,7 +17,4 @@
 
 <% } %>
 
-
-
-
 </asp:Content>
\ No newline at end of file
diff --git a/web/Web.csproj b/web/Web.csproj
index 2da183ce..3fe8ec19 100644
--- a/web/Web.csproj
+++ b/web/Web.csproj
@@ -351,6 +351,7 @@
     <Content Include="Theme\md\mdd_ajax_loader.gif" />
     <Content Include="Theme\md\mdd_gripper.png" />
     <Content Include="Theme\md\mdd_modal_background.png" />
+    <Content Include="Theme\mdd_styles.css" />
   </ItemGroup>
   <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
   <Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />