1 files changed, 105 insertions, 0 deletions
diff --git a/toolkit/devtools/markupview/markup-view.xhtml b/toolkit/devtools/markupview/markup-view.xhtml
new file mode 100644
index 000000000..bf11ad0f9
--- /dev/null
+++ b/toolkit/devtools/markupview/markup-view.xhtml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+  <link rel="stylesheet" href="chrome://browser/content/devtools/markup-view.css" type="text/css"/>
+  <link rel="stylesheet" href="chrome://browser/skin/devtools/markup-view.css" type="text/css"/>
+  <link rel="stylesheet" href="chrome://browser/skin/devtools/common.css" type="text/css"/>
+
+  <script type="application/javascript;version=1.8"
+          src="chrome://browser/content/devtools/theme-switching.js"/>
+
+</head>
+<body class="theme-body devtools-monospace" role="application">
+
+<!-- NOTE THAT WE MAKE EXTENSIVE USE OF HTML COMMENTS IN THIS FILE IN ORDER -->
+<!-- TO MAKE SPANS READABLE WHILST AVOIDING SIGNIFICANT WHITESPACE          -->
+
+  <div id="root-wrapper">
+    <div id="root"></div>
+  </div>
+  <div id="templates" style="display:none">
+
+    <ul class="children">
+      <li id="template-elementcontainer" save="${elt}" class="child collapsed">
+        <div save="${tagLine}" class="tag-line"><!--
+        --><span save="${tagState}" class="tag-state"></span><!--
+        --><span save="${expander}" class="theme-twisty expander"></span><!--
+     --></div>
+        <ul save="${children}" class="children"></ul>
+      </li>
+
+      <li id="template-textcontainer" save="${elt}" class="child collapsed">
+        <div save="${tagLine}" class="tag-line"><span save="${tagState}" class="tag-state"></span></div>
+        <ul save="${children}" class="children"></ul>
+      </li>
+
+      <li id="template-readonlycontainer" save="${elt}" class="child collapsed">
+        <div save="${tagLine}" class="tag-line"><!--
+        --><span save="${tagState}" class="tag-state"></span><!--
+        --><span save="${expander}" class="theme-twisty expander"></span><!--
+     --></div>
+        <ul save="${children}" class="children"></ul>
+      </li>
+
+      <li id="template-more-nodes"
+          class="more-nodes devtools-class-comment"
+          save="${elt}"><!--
+      --><span>${showing}</span> <!--
+      --><button href="#" onclick="${allButtonClick}">${showAll}</button>
+      </li>
+    </ul>
+
+    <span id="template-generic" save="${elt}" class="editor"><span save="${tag}" class="tag"></span></span>
+
+    <span id="template-element" save="${elt}" class="editor"><!--
+   --><span class="open">&lt;<!--
+     --><span save="${tag}" class="tag theme-fg-color3" tabindex="0"></span><!--
+     --><span save="${attrList}"></span><!--
+     --><span save="${newAttr}" class="newattr" tabindex="0"></span><!--
+     --><span class="closing-bracket">&gt;</span><!--
+   --></span><!--
+   --><span class="close">&lt;/<!--
+     --><span save="${closeTag}" class="tag theme-fg-color3"></span><!--
+     -->&gt;<!--
+   --></span><!--
+     --><div save="${eventNode}" class="markupview-events" data-event="true">ev</div><!--
+ --></span>
+
+    <span id="template-attribute"
+          save="${attr}"
+          data-attr="${attrName}"
+          class="attreditor"
+          style="display:none"> <!--
+   --><span class="editable" save="${inner}" tabindex="0"><!--
+     --><span save="${name}" class="attr-name theme-fg-color2"></span><!--
+     -->=&quot;<!--
+     --><span save="${val}" class="attr-value theme-fg-color6"></span><!--
+     -->&quot;<!--
+   --></span><!--
+ --></span>
+
+    <span id="template-text" save="${elt}" class="editor text">
+      <pre save="${value}" style="display:inline-block;" tabindex="0"></pre>
+    </span>
+
+    <span id="template-comment"
+          save="${elt}"
+          class="editor comment theme-comment"><!--
+   --><span>&lt;!--</span><!--
+   --><pre save="${value}" style="display:inline-block;" tabindex="0"></pre><!--
+   --><span>--&gt;</span><!--
+ --></span>
+
+  </div>
+  <div id="previewbar" class="disabled">
+     <div id="preview"/>
+     <div id="viewbox"/>
+  </div>
+</body>
+</html>