Eclipse WikiText Editor Rules & CSS

 


WikiText Markdown Editor Styling

Open Mode

Files to open in preview mode ( regex ) (?i)readme.\w+

Block Modifiers

  • h1. = font-size: 18px; font-weight: bold; color: #118bbd;
  • h2. = font-size: 16px; font-weight: bold; color: #118bbd;
  • h3. = font-size: 14px; font-weight: bold; color: #118bbd;
  • h4. = font-weight: bold; color: #118bbd;
  • h5. = font-size: 90%; font-weight: bold; color: #118bbd;
  • h6. = font-size: 80%; font-weight: bold; color: #118bbd;
  • bc. = font-family: monospace; color: #569cd6;
  • pre. = font-family: monospace;
  • bq. = color: rgb(38,86,145);
  • dt = font-weight: bold;

Phrase Modifiers

  • empahsis= font-style: italic;
  • strong = font-weight: bold;
  • italic= font-style: italic;
  • bold = font-weight: bold;
  • ??citation?? = font-style: italic;
  • -deleted text- = text-decoration: line-through;
  • +inserted text + = text-decoration: underline;
  • ^superscript^ = font-size: smaller; vertical-align: super;
  • subscript = font-size: smaller; vertical-align: sub;
  • %span%
  • @code@ = font-family: monospace; color: #6d72f6;
  • monospace = font-family: monospace;
  • underlined = text-decoration: underline;
  • quote = color: rgb(38,86,145);
  • mark = background-color: yellow;

This Section Still Needs Work

It isn't rendering in Markdown Preview Need to test in other renderers & check the syntaxt

Block Modifiers

h1. Heading1

h2. Heading2

h2. Heading3

h2. Heading4

h2. Heading5

h2. Heading6

bc. = font-family: monospace; color: #569cd6;

pre. Preformatted Text

bq. Block Quote

dt = font-weight: bold;

Phrase Modifiers

empahsis

strong

italic

bold

??citation??

-deleted text-

+inserted text+

^superscript^

subscript

%span%

@code@

monospace

underlined

quote My Quotes

mark My Mark

# # #

 


/*
 * WikiText MarkDown CSS Styling
 * 
 * 
 * Paste the following into a file ending in *.md
 * to see how the h1-h6 tags compare to each other & the body tag
 * 
#=================
##=================
###===================
####====================
#####=========================
######============================

 */

* {
	 font-family:  Arial, Helvetica, sans-serif;
     color: #222222;
}

/*
 * !important is required to override IDE stying
 */
body {
	font-size: 16px !important;
}



h1 {
	font-size: 30px;
	font-weight: bold;
	color: #172f47;
}

h2 {
	font-size: 21px;
	font-weight: bold;
	color: #172f47;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	xolor: #172f47;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #172f47;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #172f47;
}
		
h6 {
	font-size: 11px;
	font-weight: bold;
	color: #172f47;
}

b {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

cite {
	font-style: italic;
}

em {
	font-style: italic;
}

mark {
	background-color:yellow;
}

var {
	font-style: italic;
}

dfn {
	font-style: italic;
}

code {
	font-family: monospace;
	color:#4444CC;
}

pre {
	font-family: monospace;
}

/* Java stack traces
pre.javaStackTrace {
	font-family: monospace;
}
*/

/* sections beginning with -- Error Details --
pre.eclipseErrorDetails {
	font-family: monospace;
}
*/
 
ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

a {
	text-decoration: underline;
	color: blue;
}

sup a {
	text-decoration: none;
}

sub {
	font-size: smaller;
	vertical-align: sub;
}

dt {
	font-weight: bold;
}

blockquote {
	color: rgb(38, 86, 145);
}

tt {
	font-family: monospace;	
}

q {
	color: rgb(38, 86, 145);
}

h1.editorPreview, h2.editorPreview, h3.editorPreview, h4.editorPreview {
  padding-bottom: 0.3em;
/*   font-size: 1.75em; <== this property was causing h1-4 to be the same size.. DO NOT ENABLE */
  border-bottom: 1px solid #eee;
}



pre.editorPreview {
  padding: 16px;
  overflow: auto;
  line-height: 1.45;
  background-color: #f7f7f7;
  border-radius: 3px;
}
  
table.editorPreview {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: grey;
}
  
tr.editorPreview td.editorPreview {
  border:1px solid #ddd;
  padding: 6px 13px;
}

tr.editorPreview th.editorPreview {
  border:1px solid #ddd;
  padding: 6px 13px;
  background-color: #f0f0f0;
}