separation of rows and cli, more refactoring for new world, copying images from skywriter

plugins/cockpit/lib/ui/plain.css

@@ -38,6 +38,29 @@
   border: none; outline: none;
 }
 
+.cptOutput {
+  border: 1px solid #AAA;
+  -moz-border-radius-topleft: 10px;
+  -moz-border-radius-topright: 10px;
+  border-top-left-radius: 4px; border-top-right-radius: 4px;
+  padding: 10px;
+  margin: 0 15px;
+  background: #DDD; color: #000;
+  font-family: consolas, courier, monospace;
+  font-size: 90%;
+  overflow: hidden;
+  position: absolute;
+  z-index: 999;
+}
+
+
+
+
+
+
+
+
+
 
 .cptHints article {
   margin-left: 25px;
@@ -96,14 +119,6 @@
 
 
 
-/* Layout */
-.cptOutput {
-  background: @bg; color: @text;
-  font-family: @fonts; font-size: 90%;
-  overflow: hidden;
-  position: absolute;
-}
-
 /* The input area */
 .cptInput {
   border-top: 1px solid @border_bg;
@@ -140,42 +155,3 @@
 }
 
 
-
-
-.cptRowIn {
-  display: box; display: -moz-box; display: -webkit-box;
-  box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-orient: horizontal;
-  box-align: center; -moz-box-align: center; -webkit-box-align: center;
-  color: @text;
-  background-color: @input_bg;
-  width: 100%;
-}
-.cptRowIn > * { padding-left: 2px; padding-right: 2px; }
-.cptRowIn > img { cursor: pointer; }
-.cptHover { display: none; }
-.cptRowIn:hover > .cptHover { display: block; }
-.cptRowIn:hover > .cptHover.cptHidden { display: none; }
-.cptOutTyped {
-  box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1;
-  font-weight: bold; color: @hi_text; font-size: 120%;
-}
-.cptRowOutput { padding-left: 10px; line-height: 1.2em; }
-.cptRowOutput strong,
-.cptRowOutput b,
-.cptRowOutput th,
-.cptRowOutput h1,
-.cptRowOutput h2,
-.cptRowOutput h3 { color: @hi_text; }
-.cptRowOutput a { font-weight: bold; color: @link_text; text-decoration: none; }
-.cptRowOutput a: hover { text-decoration: underline; cursor: pointer; }
-.cptRowOutput input[type=password],
-.cptRowOutput input[type=text],
-.cptRowOutput textarea {
-  color: @hi_text; font-size: 120%;
-  background: transparent; padding: 3px;
-  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-}
-.cptRowOutput table,
-.cptRowOutput td,
-.cptRowOutput th { border: 0; padding: 0 2px; }
-.cptRowOutput .right { text-align: right; }