notazof
/
yavsc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

* 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.
main
Paul Schneider 11 years ago
parent 624c29d5db
commit 8447f15968
4 changed files with 203 additions and 203 deletions
Show Stats Download Patch File Download Diff File

395
web/Theme/mdd_styles.css
Unescape Escape View File

@ -1,197 +1,198 @@
div.mdd_modal div.mdd_modal
{ {
position:fixed; position:fixed;
top:0; top:0;
left:0; left:0;
padding:0; padding:0;
margin:0; margin:0;
width:100%; width:100%;
height:100%; height:100%;
z-index:1000; z-index:1000;
display:none; display:none;
font-size:10pt; font-size:10pt;
background-image:url(/Theme/md/mdd_modal_background.png); background-image:url(/Theme/md/mdd_modal_background.png);
} }
div.mdd_modal_frame div.mdd_modal_frame
{ {
width:650px; width:650px;
height:400px; height:400px;
z-index:2000; z-index:2000;
margin:0 auto; margin:0 auto;
margin-top:60px; margin-top:60px;
border:solid 5px #808080; border:solid 5px #808080;
position:relative; position:relative;
border-radius:5px; border-radius:5px;
-moz-border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -webkit-border-radius:5px;
} }
div.mdd_modal_button div.mdd_modal_button
{ {
position:absolute; position:absolute;
top:-33px; top:-33px;
right:-5px; right:-5px;
padding-left:10px; padding-left:10px;
padding-right:10px; padding-right:10px;
padding-top:4px; padding-top:4px;
padding-bottom:0px; padding-bottom:0px;
height:20px; height:20px;
z-index:1999; z-index:1999;
border-radius:4px; border-radius:4px;
-moz-border-radius:4px; -moz-border-radius:4px;
-webkit-border-radius:4px; -webkit-border-radius:4px;
line-height:1em; line-height:1em;
} }
div.mdd_modal_button a div.mdd_modal_button a
{ {
text-decoration:none; text-decoration:none;
} }
div.mdd_modal_button a:hover div.mdd_modal_button a:hover
{ {
} }
div.mdd_modal_content div.mdd_modal_content
{ {
overflow:scroll; overflow:scroll;
overflow-x:hidden; overflow-x:hidden;
position:relative; position:relative;
width:100%; width:100%;
height:100%; height:100%;
} }
div.mdd_ajax_loader div.mdd_ajax_loader
{ {
background-position: center center; background-position: center center;
background-image: url(/Theme/md/mdd_ajax_loader.gif); background-image: url(/Theme/md/mdd_ajax_loader.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
width:100%; width:100%;
height:200px; height:200px;
} }
div.mdd_syntax div.mdd_syntax
{ {
font-size:12pt; font-size:12pt;
padding:10px; padding:10px;
} }
div.mdd_syntax h2 div.mdd_syntax h2
{ {
font-size:14pt; font-size:14pt;
} }
div.mdd_syntax h3 div.mdd_syntax h3
{ {
font-size:12pt; font-size:12pt;
} }
div.mdd_syntax pre div.mdd_syntax pre
{ {
font-size:10pt; font-size:10pt;
border:solid 1px silver; border:solid 1px silver;
padding:4px; padding:4px;
color: black; color: black;
background-color:#f8f8f8; background-color:#f8f8f8;
} }
div.mdd_toolbar div.mdd_toolbar
{ {
float:left; float:left;
padding:5px; padding:5px;
width:100%; width:100%;
height:20px; height:20px;
} }
div.mdd_toolbar ul div.mdd_toolbar ul
{ {
margin:0; margin:0;
padding:0; padding:0;
} }
div.mdd_toolbar li div.mdd_toolbar li
{ {
float:left; float:left;
margin:0; margin:0;
padding:0; padding:0;
list-style:none; list-style:none;
} background-color:#777;
color:black;
div.mdd_toolbar a.mdd_button }
{
background-image:url(/Theme/md/mdd_toolbar.png); div.mdd_toolbar a.mdd_button
width:20px; {
height:20px; background-image:url(/Theme/md/mdd_toolbar.png);
display:block; width:20px;
} height:20px;
display:block;
span.mdd_sep }
{
width:5px; span.mdd_sep
height:20px; {
display:block; width:5px;
border-left:solid 1px #808080; height:20px;
margin-left:5px; 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_bold { background-position:-1px -1px;}
#mdd_italic:hover { background-position:-23px -23px; } #mdd_bold:hover { background-position:-1px -23px; }
#mdd_ullist { background-position:-177px -1px; } #mdd_italic { background-position:-23px -1px; }
#mdd_ullist:hover { background-position:-177px -23px; } #mdd_italic:hover { background-position:-23px -23px; }
#mdd_ollist { background-position:-155px -1px; } #mdd_ullist { background-position:-177px -1px; }
#mdd_ollist:hover { background-position:-155px -23px; } #mdd_ullist:hover { background-position:-177px -23px; }
#mdd_indent { background-position:-67px -1px; } #mdd_ollist { background-position:-155px -1px; }
#mdd_indent:hover { background-position:-67px -23px; } #mdd_ollist:hover { background-position:-155px -23px; }
#mdd_outdent { background-position:-89px -1px; } #mdd_indent { background-position:-67px -1px; }
#mdd_outdent:hover { background-position:-89px -23px; } #mdd_indent:hover { background-position:-67px -23px; }
#mdd_link { background-position:-45px -1px; } #mdd_outdent { background-position:-89px -1px; }
#mdd_link:hover { background-position:-45px -23px; } #mdd_outdent:hover { background-position:-89px -23px; }
#mdd_img { background-position:-133px -1px; } #mdd_link { background-position:-45px -1px; }
#mdd_img:hover { background-position:-133px -23px; } #mdd_link:hover { background-position:-45px -23px; }
#mdd_hr { background-position:-221px -1px; } #mdd_img { background-position:-133px -1px; }
#mdd_hr:hover { background-position:-221px -23px; } #mdd_img:hover { background-position:-133px -23px; }
#mdd_code { background-position:-111px -1px; } #mdd_hr { background-position:-221px -1px; }
#mdd_code:hover { background-position:-111px -23px; } #mdd_hr:hover { background-position:-221px -23px; }
#mdd_heading { background-position:-199px -1px; } #mdd_code { background-position:-111px -1px; }
#mdd_heading:hover { background-position:-199px -23px; } #mdd_code:hover { background-position:-111px -23px; }
#mdd_undo { background-position:-243px -1px; } #mdd_heading { background-position:-199px -1px; }
#mdd_undo:hover { background-position:-243px -23px; } #mdd_heading:hover { background-position:-199px -23px; }
#mdd_redo { background-position:-265px -1px; } #mdd_undo { background-position:-243px -1px; }
#mdd_redo:hover { background-position:-265px -23px; } #mdd_undo:hover { background-position:-243px -23px; }
#mdd_redo { background-position:-265px -1px; }
div.mdd_links #mdd_redo:hover { background-position:-265px -23px; }
{
float:right; div.mdd_links
} {
float:right;
div.mdd_links a }
{
text-decoration:none; div.mdd_links a
font-size:smaller; {
} text-decoration:none;
div.mdd_links a:hover font-size:smaller;
{ }
} div.mdd_links a:hover
{
textarea.mdd_editor }
{
width:100%; textarea.mdd_editor
resize:none; {
margin:0; width:100%;
} margin:0;
}
div.mdd_resizer
{ div.mdd_resizer
background:#f8f8f8; {
background-image:url("/Theme/md/mdd_gripper.png"); background:#f8f8f8;
background-position:center center; background-image:url("/Theme/md/mdd_gripper.png");
background-repeat:no-repeat; background-position:center center;
width:100%; background-repeat:no-repeat;
padding-left:2px; width:100%;
padding-right:2px; padding-left:2px;
height:9px; padding-right:2px;
border:solid 1px #d0d0d0; height:9px;
margin-top:-1px; border:solid 1px #d0d0d0;
cursor:n-resize; margin-top:-1px;
} cursor:n-resize;
}

7
web/Views/Blogs/Edit.aspx
Unescape Escape View File

@ -22,7 +22,7 @@
<br/> <br/>
<%= Html.LabelFor(model => model.Content) %>:<br/> <%= Html.LabelFor(model => model.Content) %>:<br/>
<div class="mdd_toolbar"></div> <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_resizer"></div>
<div class="mdd_preview"></div> <div class="mdd_preview"></div>
<%= Html.ValidationMessage("Content", "*") %> <%= Html.ValidationMessage("Content", "*") %>
@ -43,10 +43,11 @@
<script> <script>
$(document).ready(function () {
$("textarea.mdd_editor").MarkdownDeep({ $("textarea.mdd_editor").MarkdownDeep({
help_location: "/Scripts/html/mdd_help.htm", help_location: "/Scripts/html/mdd_help.htm",
disableTabHandling:true disableTabHandling:false
}); });});
</script> </script>
</asp:Content> </asp:Content>

3
web/Views/FrontOffice/EventPub.aspx
Unescape Escape View File

@ -17,7 +17,4 @@
<% } %> <% } %>
</asp:Content> </asp:Content>

1
web/Web.csproj
Unescape Escape View File

@ -351,6 +351,7 @@
<Content Include="Theme\md\mdd_ajax_loader.gif" /> <Content Include="Theme\md\mdd_ajax_loader.gif" />
<Content Include="Theme\md\mdd_gripper.png" /> <Content Include="Theme\md\mdd_gripper.png" />
<Content Include="Theme\md\mdd_modal_background.png" /> <Content Include="Theme\md\mdd_modal_background.png" />
<Content Include="Theme\mdd_styles.css" />
</ItemGroup> </ItemGroup>
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" /> <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
<Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" /> <Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />

Write Preview
Loading…