From bf774eaa59db068accb5ef4629aad4d30cb65871 Mon Sep 17 00:00:00 2001 From: "Endi S. Dewata" Date: Mon, 25 Nov 2013 06:49:47 +0000 Subject: Renamed to CLI Demo. --- css/cli-demo.css | 83 ++++++++++++++++++++++++++++++++++++++++++++++ css/terminal-animation.css | 83 ---------------------------------------------- 2 files changed, 83 insertions(+), 83 deletions(-) create mode 100644 css/cli-demo.css delete mode 100644 css/terminal-animation.css (limited to 'css') diff --git a/css/cli-demo.css b/css/cli-demo.css new file mode 100644 index 0000000..38ac595 --- /dev/null +++ b/css/cli-demo.css @@ -0,0 +1,83 @@ +.cli-demo { + position: relative; + width: 700px; + min-height: 300px; + padding: 5px; + margin: 1em 0px; + + font-family: courier, fixed; + font-size: 13px; + white-space: pre-wrap; + + border: 1px solid gray; + border-radius: 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + background: black; + color: lightgray; +} + +.cli-demo-console { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 40px; + + padding: 5px; + overflow: auto; +} + +.cli-demo-content { +} + +.cli-demo-caret { + background: lightgray; +} + +.cli-demo-control { + position: absolute; + left: 0px; + right: 0px; + bottom: 0px; + height: 30px; + + padding: 5px; + background: gray; + color: black; +} + +.cli-demo-button { + margin: 1px 2px; + padding: 5px 10px; + vertical-align: bottom; + + border: 1px solid white; + border-radius: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + background: dimgray; + color: white; +} + +.cli-demo-button:hover { + background: lightgray; + color: black; +} + +.cli-demo-input { + font-weight: bold; + color: white; +} + +.cli-demo-input:hover { + background: #303233; +} + +.cli-demo-output:hover { + background: #303233; +} diff --git a/css/terminal-animation.css b/css/terminal-animation.css deleted file mode 100644 index e270376..0000000 --- a/css/terminal-animation.css +++ /dev/null @@ -1,83 +0,0 @@ -.terminal-animation { - position: relative; - width: 700px; - min-height: 300px; - padding: 5px; - margin: 1em 0px; - - font-family: courier, fixed; - font-size: 13px; - white-space: pre-wrap; - - border: 1px solid gray; - border-radius: 8px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - - background: black; - color: lightgray; -} - -.terminal-animation-console { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 40px; - - padding: 5px; - overflow: auto; -} - -.terminal-animation-content { -} - -.terminal-animation-caret { - background: lightgray; -} - -.terminal-animation-control { - position: absolute; - left: 0px; - right: 0px; - bottom: 0px; - height: 30px; - - padding: 5px; - background: gray; - color: black; -} - -.terminal-animation-button { - margin: 1px 2px; - padding: 5px 10px; - vertical-align: bottom; - - border: 1px solid white; - border-radius: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - - background: dimgray; - color: white; -} - -.terminal-animation-button:hover { - background: lightgray; - color: black; -} - -.terminal-animation-input { - font-weight: bold; - color: white; -} - -.terminal-animation-input:hover { - background: #303233; -} - -.terminal-animation-output:hover { - background: #303233; -} -- cgit