Re-configured samples page.

src/site/samples/terminal/example/terminal.css

Index: src/site/samples/terminal/example/terminal.css
diff --git a/src/site/samples/terminal/example/terminal.css b/src/site/samples/terminal/example/terminal.css
new file mode 100644
index 0000000000000000000000000000000000000000..d88d5d8b9193b3aa140e769b834cb8ed1d745dda
--- /dev/null
+++ b/src/site/samples/terminal/example/terminal.css
@@ -0,0 +1,127 @@
+/*
+  Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
+  for details. All rights reserved. Use of this source code is governed by a
+  BSD-style license that can be found in the COPYING file.
+*/
+
+::selection {
+  background: #FF5E99;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+
+body {
+  font-size: 12px;
+  font-family: Inconsolata, monospace;
+  color: white;
+  background-color: black;
+}
+
+.dropping {
+  background-image: -webkit-gradient(
+    linear, left bottom, left top,
+    color-stop(0.13, rgb(209,144,23)),
+    color-stop(0.57, rgb(251,173,51)),
+    color-stop(0.79, rgb(255,208,77))
+  );
+  background-image: -moz-linear-gradient(
+    center bottom,
+    rgb(209,144,23) 13%,
+    rgb(251,173,51) 57%,
+    rgb(255,208,77) 79%
+  );
+}
+
+#container {
+  padding: 1em 1.5em 1em 1em;
+}
+
+#container output {
+  clear: both;
+  width: 100%;
+}
+#container output h3 {
+  margin: 0;
+}
+
+#container output pre {
+  margin: 0;
+}
+
+.input-line {
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: stretch;
+  display: -moz-box;
+  -moz-box-orient: horizontal;
+  -moz-box-align: stretch;
+  display: box;
+  box-orient: horizontal;
+  box-align: stretch;
+  clear: both;
+}
+
+.input-line > div:nth-child(2) {
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  box-flex: 1;
+}
+
+.prompt {
+  white-space: nowrap;
+  color: green;
+  margin-right: 7px;
+  display: -webkit-box;
+  -webkit-box-pack: center;
+  -webkit-box-orient: vertical;
+  display: -moz-box;
+  -moz-box-pack: center;
+  -moz-box-orient: vertical;
+  display: box;
+  box-pack: center;
+  box-orient: vertical;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.cmdline {
+  outline: none;
+  background-color: transparent;
+  margin: 0;
+  width: 100%;
+  font: inherit;
+  border: none;
+  color: inherit;
+}
+
+.folder {
+  color: blue;
+}
+
+.ls-files {
+  height: 45px;
+  /* Default, but changed by js depending on length of filename */
+  -webkit-column-width: 100px;
+  -moz-column-width: 100px;
+  -o-column-width: 100px;
+  column-width: 100px;
+}
+
+/* Themes */
+body.cream {
+  color: black;
+  background-color: #fffff3;
+}
+
+.cream .prompt {
+  color: purple;
+}
+
+.cream .cmdline {
+  color: black;
+}