Split out the css.

diff --git a/experimental/palette/index.css b/experimental/palette/index.css
new file mode 100644 (file)
index 0000000..57ebaae
--- /dev/null
+++ b/experimental/palette/index.css
@@ -0,0 +1,9 @@
+@import url("palette.css");
+@import url("tooltip.css");
+@import url("textarea.css");
+
+#selector {
+  width: 150px;
+  margin-left: auto;
+  margin-right: auto;
+}

diff --git a/experimental/palette/palette.css b/experimental/palette/palette.css
index b5b6b79..28ab8a8 100644 (file)
--- a/experimental/palette/palette.css
+++ b/experimental/palette/palette.css
@@ -36,75 +36,3 @@
   border: 2px inset;
   border-color: #EEE;
 }
-
-.tooltip {
-  position: absolute;
-  border: 1px solid black;
-  background-color: lightyellow;
-  width: 280px;
-}
-
-.tooltip .prompt {
-  font-family: Inconsolata, Courier New, Courier;
-}
-
-.tooltip .type {
-  font-family: Inconsolata, Courier New, Courier;
-  margin-bottom: 0.5em;
-  font-size: smaller;
-}
-
-.tooltip .body {
-  font-size: smaller;
-}
-
-.textarea {
-  position: absolute;
-  border: 1px solid black;
-  background-color: #dddddd;
-  z-index: 12;
-}
-
-.new.textArea {
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 13;
-  background-color: white;
-  display: none;
-  width: 20em;
-  height: 10em;
-  border: 1px solid blue;
-}
-
-.textarea .prompt {
-  padding-left: 2px;
-}
-
-.textarea .buttons {
-  position: absolute;
-  bottom: 5px;
-  right: 5px;
-}
-
-.textarea button {
-  color: #222222;
-}
-
-.textarea .editor {
-  font-family: Inconsolata, Courier New, Courier;
-  margin: 4px;
-}
-
-#modalBackground {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 11;
-  background-color:#333333;
-  display: none;
-  opacity: 0.40;
-  filter: alpha(opacity=40)
-}

diff --git a/experimental/palette/textarea.css b/experimental/palette/textarea.css
new file mode 100644 (file)
index 0000000..85e0bb8
--- /dev/null
+++ b/experimental/palette/textarea.css
@@ -0,0 +1,38 @@
+.textarea {
+  position: absolute;
+  border: 1px solid black;
+  background-color: #dddddd;
+  z-index: 12;
+}
+
+.textarea .prompt {
+  padding-left: 2px;
+}
+
+.textarea .buttons {
+  position: absolute;
+  bottom: 5px;
+  right: 5px;
+}
+
+.textarea button {
+  color: #222222;
+}
+
+.textarea .editor {
+  font-family: Inconsolata, Courier New, Courier;
+  margin: 4px;
+}
+
+#modalBackground {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 11;
+  background-color:#333333;
+  display: none;
+  opacity: 0.40;
+  filter: alpha(opacity=40)
+}

diff --git a/experimental/palette/tooltip.css b/experimental/palette/tooltip.css
new file mode 100644 (file)
index 0000000..1210e34
--- /dev/null
+++ b/experimental/palette/tooltip.css
@@ -0,0 +1,20 @@
+.tooltip {
+  position: absolute;
+  border: 1px solid black;
+  background-color: lightyellow;
+  width: 280px;
+}
+
+.tooltip .prompt {
+  font-family: Inconsolata, Courier New, Courier;
+}
+
+.tooltip .type {
+  font-family: Inconsolata, Courier New, Courier;
+  margin-bottom: 0.5em;
+  font-size: smaller;
+}
+
+.tooltip .body {
+  font-size: smaller;
+}