AmberRack 0.1.0

data/public/CodeMirror/theme/default.css

@@ -0,0 +1,18 @@
+.cm-s-default span.cm-keyword {color: #708;}
+.cm-s-default span.cm-atom {color: #219;}
+.cm-s-default span.cm-number {color: #164;}
+.cm-s-default span.cm-def {color: #00f;}
+.cm-s-default span.cm-variable {color: black;}
+.cm-s-default span.cm-variable-2 {color: #05a;}
+.cm-s-default span.cm-variable-3 {color: #0a5;}
+.cm-s-default span.cm-property {color: black;}
+.cm-s-default span.cm-operator {color: black;}
+.cm-s-default span.cm-comment {color: #a50;}
+.cm-s-default span.cm-string {color: #a11;}
+.cm-s-default span.cm-meta {color: #555;}
+.cm-s-default span.cm-error {color: #f00;}
+.cm-s-default span.cm-qualifier {color: #555;}
+.cm-s-default span.cm-builtin {color: #30a;}
+.cm-s-default span.cm-bracket {color: #cc7;}
+.cm-s-default span.cm-tag {color: #170;}
+.cm-s-default span.cm-attribute {color: #00c;}

data/public/CodeMirror/theme/elegant.css

@@ -0,0 +1,9 @@
+.cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom {color: #762;}
+.cm-s-elegant span.cm-comment {color: #262;font-style: italic;}
+.cm-s-elegant span.cm-meta {color: #555;font-style: italic;}
+.cm-s-elegant span.cm-variable {color: black;}
+.cm-s-elegant span.cm-variable-2 {color: #b11;}
+.cm-s-elegant span.cm-qualifier {color: #555;}
+.cm-s-elegant span.cm-keyword {color: #730;}
+.cm-s-elegant span.cm-builtin {color: #30a;}
+.cm-s-elegant span.cm-error {background-color: #fdd;}

data/public/CodeMirror/theme/jtalk.css

@@ -0,0 +1,21 @@
+.cm-s-jtalk span.cm-keyword {color: #7F0000; font-weight: bold;}
+.cm-s-jtalk span.cm-className {font-weight: bold;}
+.cm-s-jtalk span.cm-assignment {font-weight: bold;}
+.cm-s-jtalk span.cm-return {font-weight: bold;}
+.cm-s-jtalk span.cm-atom {color: #219;}
+.cm-s-jtalk span.cm-number {color: #7F0000;}
+.cm-s-jtalk span.cm-def {color: #00f;}
+.cm-s-jtalk span.cm-variable {color: grey;}
+.cm-s-jtalk span.cm-variable-2 {color: #05a;}
+.cm-s-jtalk span.cm-variable-3 {color: #0a5;}
+.cm-s-jtalk span.cm-property {color: black;}
+.cm-s-jtalk span.cm-operator {color: #00007F;}
+.cm-s-jtalk span.cm-comment {color: #007F00;}
+.cm-s-jtalk span.cm-string {color: #7F007F;}
+.cm-s-jtalk span.cm-meta {color: #555;}
+.cm-s-jtalk span.cm-error {color: #f00;}
+.cm-s-jtalk span.cm-qualifier {color: #555;}
+.cm-s-jtalk span.cm-builtin {color: #30a;}
+.cm-s-jtalk span.cm-bracket {color: #cc7;}
+.cm-s-jtalk span.cm-tag {color: #170;}
+.cm-s-jtalk span.cm-attribute {color: #00c;}

data/public/CodeMirror/theme/neat.css

@@ -0,0 +1,8 @@
+.cm-s-neat span.cm-comment { color: #a86; }
+.cm-s-neat span.cm-keyword { font-weight: bold; color: blue; }
+.cm-s-neat span.cm-string { color: #a22; }
+.cm-s-neat span.cm-builtin { font-weight: bold; color: #077; }
+.cm-s-neat span.cm-special { font-weight: bold; color: #0aa; }
+.cm-s-neat span.cm-variable { color: black; }
+.cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
+.cm-s-neat span.cm-meta {color: #555;}

data/public/CodeMirror/theme/night.css

@@ -0,0 +1,20 @@
+/* Loosely based on the Midnight Textmate theme */
+
+.cm-s-night { background: #0a001f; color: #f8f8f8; }
+.cm-s-night span.CodeMirror-selected { background: #a8f !important; }
+.cm-s-night .CodeMirror-gutter { background: #0a001f; border-right: 1px solid #aaa; }
+.cm-s-night .CodeMirror-gutter-text { color: #f8f8f8; }
+.cm-s-night .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-night span.cm-comment { color: #6900a1; }
+.cm-s-night span.cm-atom { color: #845dc4; }
+.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
+.cm-s-night span.cm-keyword { color: #599eff; }
+.cm-s-night span.cm-string { color: #37f14a; }
+.cm-s-night span.cm-meta { color: #7678e2; }
+.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
+.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def { color: white; }
+.cm-s-night span.cm-error { color: #9d1e15; }
+.cm-s-night span.cm-bracket { color: #8da6ce; }
+.cm-s-night span.cm-comment { color: #6900a1; }
+.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }

data/public/css/jtalk.css

@@ -0,0 +1,362 @@
+body.jtalkBody {
+    margin-bottom: 350px;
+}
+
+#jtalkTabs {
+    position: fixed;
+    font-family: helvetica,arial,sans;
+    font-size: 12px;
+    line-height: 1;
+    z-index: 1001;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0;
+    padding: 0 0 3px 0;
+    height: 20px;
+    background: transparent;
+}
+#jtalkTabs li {
+    list-style-type: none;
+    display: inline;
+    background: #c8c8c8;
+    font-weight: bold;
+    color: #414141;
+    padding: 4px;
+    border: 1px solid #acacac;
+    cursor: pointer;
+    line-height: 14px;
+    margin: 0;
+}
+
+#jtalkTabs li.selected {
+    background: #dbdbdb;
+    border-top: 0 none;
+    padding: 5px 4px;
+    color: #222;
+}
+
+#jtalkTabs li span.close {
+    margin-left: 3px;
+    margin-right: 5px;
+}
+
+#jtalkTabs li span.close:hover {
+    color: #e72a2a;
+}
+
+#jtalkTabs li.closeAll {
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background: #ef3b3b;
+    color: #e3e3e3;
+    font-weight: bold;
+    border: 1px solid #ac1616;
+    margin: 4px;
+    padding: 2px 6px;
+    font-size: 10px;
+}
+
+#jtalkTabs li.closeAll:hover {		
+    background: #e72a2a;
+}
+
+#jtalk {
+       position: fixed;
+       bottom: 27px;
+       left: 0;
+       right: 0;
+       height: 330px;
+       z-index: 1000;
+}
+
+#jtalk .ui-resizable-handle {
+    background-color: #a8a8a8;
+    top: 0;
+    cursor: row-resize;
+    height: 4px;
+    left: 0;
+    position: absolute;
+    right: 0;
+    width: auto !important;
+}
+
+.jtalkTool {
+    width: 98%;
+    background: #dbdbdb;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #a8a8a8;
+    color: @dark;
+    font-family: Arial, Helvetica, sans;
+    font-size: 12px;
+    line-height: 1.5em;
+    padding: 15px 1%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    top: 4px;
+    z-index: 1000;
+}
+
+.jtalkTool .jt_box {
+    width: 98%;
+    margin: 0;
+    position: absolute;
+    top: 15px;
+    bottom: 45px;
+}
+
+.jtalkTool .jt_buttons {
+    position: absolute;
+    width: 98%;
+    bottom: 15px;    
+}
+
+.jtalkTool .jt_buttons .right {
+    float: right;
+}
+
+.jtalkTool .important {
+    font-weight: bold;
+}
+
+.jtalkTool li {
+    margin: 0;
+    padding: 0;
+}
+    
+.jtalkTool .jt_buttons button,
+.jtalkTool .jt_buttons select {
+    font-size: 12px;
+}
+
+.jtalkTool .source {
+    height: 100%;
+}
+
+.jtalkTool textarea,
+.jtalkTool input {
+    border: 1px solid;
+    border-color: #a8a8a8;
+    font-family: Arial, Helvetica, sans;
+    line-height: 1.2em;
+    font-size: 13px;
+    position: relative;
+    padding: 0;
+}
+
+.jtalkTool .CodeMirror {
+    border: 1px solid;
+    border-color: #a8a8a8;
+    font-family: Arial, Helvetica, sans;
+    font-size: 13px;
+    line-height: 1.3em;
+    height: 100%;
+    background: white;
+}
+
+.jtalkTool .CodeMirror-scroll {
+    height: 100%;
+}
+
+.talkTool .CodeMirror-scroll pre {
+    font-family: Arial, Helvetica, sans;
+}
+
+.jtalkTool .jt_clear {	 
+    clear: both;
+}
+
+.jtalkTool .jt_transcript,
+.jtalkTool .jt_workspace {
+    width: 100%;
+    height: 100%;
+}
+
+.jtalkTool .jt_commit {
+    position: absolute;
+    top: 140px;
+    left: 0;
+    font-size: 12px;
+}
+
+.jtalkTool .jt_column {
+    width: 24%;
+    padding: 0;
+    margin: 0;
+    float: left;
+    border: 1px solid;
+    border-color: #a8a8a8;
+    height: 130px;
+    overflow-y: scroll;
+    background: #fff;
+    position: absolute;
+    top: 0;
+}
+
+.jtalkTool .jt_column.value {
+    left: 25.2%;
+    width: 74.8%;
+}
+
+.jtalkTool .jt_column.browser {
+    top: 30px;
+}
+
+.jtalkTool .jt_column.categories {
+    left: 0%;
+    height: 105px;
+}
+
+.jtalkTool .jt_column.classes {
+    height: 105px;
+    left: 25.2%
+}
+
+.jtalkTool .jt_column.classes ul {
+    margin-left: 0;
+}
+
+.jtalkTool .jt_column.classes ul li {
+    padding-left: 10px;
+    margin-left: 0;
+}
+
+.jtalkTool .jt_column.protocols {
+    left: 50.4%
+}
+
+.jtalkTool .jt_column.methods {
+    left: 75.6%
+}
+
+.jtalkTool .jt_column li {
+    list-style-type: none;
+    padding-left: 5px;
+    cursor: pointer;
+    color: #333;
+    font-weight: bold;
+}
+
+.jtalkTool .jt_column li.selected {
+	background: #e3e3e3;
+	color: #222;
+}
+
+.jtalkTool .jt_column li:hover {
+    background: #08c;
+    color: white;
+}
+
+.jtalkTool .jt_tabs {
+    top: 136px;
+    position: absolute;
+    left: 25.2%;
+    padding: 0;
+    margin: 0;
+}
+
+.jtalkTool .jt_tabs li {
+    color: #666;
+    font-weight: bold;
+    cursor: pointer;
+    list-style-type: none;
+    float: left;
+    padding: 2px 4px;
+    margin-right: 2px;
+    background: #ccc;
+    border: 1px solid #a8a8a8;
+    -moz-border-radius-bottomleft: 8px;
+    -moz-border-radius-bottomright: 8px;
+    -webkit-border-bottom-left-radius: 8px;
+    -webkit-border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    height: 20px;
+    line-height: 18px;
+}
+
+/* .jtalkTool .jt_tabs li:hover { */
+/*     background: #08c; */
+/*     color: white; */
+/*     border-color: #08c; */
+/* } */
+
+.jtalkTool .jt_tabs li.selected,
+.jtalkTool .jt_tabs li.selected:hover {
+    background: white;
+    border: 1px solid #b3b3b3;
+    border-top: 1px solid white;
+    color: #222;
+}
+
+
+.jtalkTool .jt_sourceCode {
+    position: absolute;
+    top: 175px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.jtalkTool .jt_sourceCode textarea.source {
+    width: 100%;
+    height: 100%;
+}
+
+/* Debugger */
+
+.jtalkTool .jt_box .label {
+	width: 98%;
+	font-weight: bold;
+	text-align: center;
+	position: absolute;
+	line-height: 1.2em;
+	font-size: 16px;
+	color: red;
+}
+
+.jtalkTool .jt_box .jt_column.debugger.contexts {
+    width: 100%;
+    top: 30px;
+    
+}
+
+/***** IDE - ReferencesBrowser ******/
+
+.jtalkTool .jt_box .implementors {
+	width: 100%
+}
+
+.jtalkTool .jt_box .jt_column.implementors,
+.jtalkTool .jt_box .jt_column.senders,
+.jtalkTool .jt_box .jt_column.referenced_classes {
+	top: 30px;
+	height: 100%;
+	bottom: 0px;
+	width: 33%;
+}
+
+.jtalkTool .jt_box .jt_column.senders {
+	left: 33.6%
+}
+
+.jtalkTool .jt_box .jt_column.referenced_classes {
+        left: 67.3%
+}
+
+.jtalkTool .jt_box .jt_column.implementors .column_label, 
+.jtalkTool .jt_box .jt_column.senders .column_label,
+.jtalkTool .jt_box .jt_column.referenced_classes .column_label {
+	background: #dbdbdb
+}
+
+.jtalkTool .jt_box .jt_column.implementors .column_label:hover,
+.jtalkTool .jt_box .jt_column.senders .column_label:hover,
+.jtalkTool .jt_box .jt_column.referenced_classes .column_label:hover {
+	font-weight: bold;
+	color: #000;
+	cursor: default
+}

data/public/css/style.css

@@ -0,0 +1,456 @@
+/* CSS Reset */
+
+html,body {
+	margin: 0;
+	padding: 0;
+	font: 16px/1.6em Georgia,Times,Serif;
+}
+
+/* Layout */
+
+.clear {clear:both}
+
+.main {
+    margin: 0 auto;
+    width: 960px;
+}
+
+#header {
+	background: transparent url("../images/background_header.png") top center repeat-x;
+	height: 210px;
+}
+
+#header .main {
+    background: url("../images/balloon_header.png") no-repeat scroll right bottom;
+    height: 210px;
+    width: 973px;
+}
+
+#menu {
+    background: #d0def1;
+    border-top: 1px solid #aaa;
+    border-bottom: 1px solid #aaa;
+    position: absolute;
+    width: 100%;
+    height: 36px;
+    top: 210px;
+    font-family: arial,helvetica,sans;
+    z-index: 1;
+}
+
+#menu ul {
+    padding: 5px 0;
+    margin: 0;
+}
+
+#menu li {
+	display: inline;
+	padding: 1px;
+}
+
+#menu a {
+	color: #515a6a;
+	text-decoration: none;
+	padding: 10px 15px;
+}
+
+#menu a:hover {
+	color: #072d5a;
+	text-decoration: underline;
+}
+
+#menu .selected a,
+#menu a:hover {
+	color: #072d5a;
+	text-decoration: none;
+}
+
+#menu #dropdown {
+    float: left;
+    margin-left: 220px;
+    background: #d0def1;
+    border: 1px solid #aaa;
+    border-top: 0 none;
+    width: auto; 
+    display: none;
+}
+
+#menu #dropdown li {
+    display: block;
+    padding: 5px 0;
+}
+	
+#content .main {
+	width: 980px;
+	margin: 0 auto;
+}
+
+.box {
+    padding: 30px;
+    margin: 40px 0;
+    color: #777;
+    box-shadow: 0 0 8px #aaa;
+    -moz-box-shadow: 0 0 8px #aaa;
+    -webkit-box-shadow: 0 0 8px #aaa;
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    background: #fff url('../images/background_box.png') bottom left repeat-x;
+}
+
+.box a {
+    color: #5b9ff2;
+    text-decoration: none; 
+}
+
+.box a:hover {
+    text-decoration: underline;
+}
+
+.box h2 {
+	font: 26px Georgia, Times, serif;
+	color: #242424;
+	margin: -30px;
+	margin-bottom: 0px;
+	padding: 15px;
+	background: #eee;
+	border-bottom: 1px solid #ccc;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	-webkit-border-top-left-radius: 10px;
+	-webkit-border-top-right-radius: 10px;
+	-moz-border-radius-topleft: 10px;
+	-moz-border-radius-topright: 10px;
+}
+
+.box.first {
+    padding-top: 0;
+    margin-top: 70px;
+}
+
+.box.first, .box.last {
+    background-image: none;
+}
+
+.box.first h1 {
+	padding-bottom: 15px;
+}
+
+.box.first .content .right img {
+	margin-right: -30px
+}
+
+.box .content .right {
+	float: right;
+}
+
+.box .content .left {
+	float: left;
+	width: 420px;
+}
+
+.doc .content {
+	width: 620px;
+}
+
+.box h1 {
+    text-align: center;
+    margin-top: 0;
+    padding-top: 0;
+}
+
+.doc h3 a {
+    color: #ccc;
+}
+
+.doc h3 a:hover {
+    color: #0088CC;
+}
+
+.box .content p, h3 {
+	font: 16px Georgia, Times, Serif;
+	line-height: 1.6em;
+	padding: 10px 0;
+	margin: 0;
+}
+
+.box .content h3 {
+	font-size: 20px;
+	padding-bottom: 2px;
+	padding-top: 30px;
+	color: #272727;
+}
+
+.box .content h4 {
+	font: 18px Georgia, Times, serif;
+	color: #272727;
+	padding-top: 1em;
+	margin-top: 10px;
+	margin-bottom: 5px;
+}
+
+.box .content pre {
+	border: 1px solid #ccc;
+	background-color: #f5f5f5;
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	padding: 1em;
+	line-height: 1.5em;
+	font-size: 14px;
+	color: #333;
+}
+
+.box .content code {
+	font-size: 14px;
+	color: #333;
+	margin: 0;
+	padding: 0 3px;
+	border: 1px solid #bbb;
+	background: #f1f1f1;
+}
+
+.box .content pre code {
+    background: transparent;
+    border: 0 none;
+    color: #333;
+}
+
+.box .content pre .prompt {
+    color: #aaa;
+}
+
+.box .content pre .kbd {
+    font-weight: bold;
+}
+
+.box .content pre .kbd.var {
+    font-weight: normal;
+    font-style: italic;
+}
+
+.box .content .tip {
+	border: 1px solid #565656;
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	padding: 1em;
+}
+
+.box .top img {
+	margin: 30px 0 0 70px;
+}
+
+.box.last .content .left {
+    width: 560px;
+}
+
+.box.last .content .left {
+    margin-left: -30px;
+    margin-bottom: -32px
+}
+
+.box.doc {
+    margin-top: 70px;
+    position: relative;
+    width: 630px;
+}
+
+.box .content .warning,
+.box .content .information {
+    position: absolute;
+    right: -250px;
+    margin-top: 20px;
+    width: 200px;
+    font-size: 14px;
+    color: #222;
+    font-family: arial,helevetica,sans;
+    padding: 10px;
+    opacity: 0.7;
+    -moz-transition: opacity 0.3s;
+    -webkit-transition: opacity 0.3s;
+    -o-transition: opacity 0.3s;
+}
+
+.box .content .warning:hover,
+.box .content .information:hover {
+    opacity: 1;
+}
+
+.box .content .information:before,
+.box .content .warning:before {
+    font-family: Georgia, sans-serif;
+    font-size: 28px;
+    font-style: italic;
+    position: absolute;
+    right: 0;
+    top: -21px;
+    opacity: 0.5;
+}
+
+.box .content .information:before {
+    content: "Info";
+    color: #a6b1f3;
+}
+
+.box .content .warning:before {
+    content: "Warning";
+    color: #e869e7;
+}
+
+.box .content .information {
+    background-color: #e4e8ff;
+}    
+
+.box .content .warning {
+    background-color: #f8ccf8;
+}
+
+.box .content .code {
+	background: #565656;
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	padding: 7px;
+}
+
+.box .content .code p {
+	color: white;
+}
+
+.box.first .content .left h2 {
+	font: 30px regular Georgia, Times, serif;
+	color: #272727;
+	margin-top: 10px;
+}
+
+.box.first .content .left ul {
+	padding-left: 10px;
+}
+
+.box.last .content .right {
+    width: 300px;
+}
+
+.doc .box.first .content .right {
+	float: right;
+	width: 230px;
+	margin-top: 20px;
+	padding: 10px;
+	background-color: #ececec;
+	border: 1px solid #e1e1e1;
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+}
+
+.doc .box.first .content .right ol, 
+.doc .box.first .content .right ol a {
+	font: 18px Georgia, Time, serif;
+	color: #03388a;
+}
+
+.doc .box.first .content .right ol {
+	padding: 0 0 7px 35px;
+}
+
+.doc .box.first .content .right ol li{
+	padding: 7px 0 7px 0; 
+}
+
+.doc .box.first .content .right ul a {
+	font: 15px Helvetica, Arial, sans;
+	color: black;
+}
+
+.doc .box.first .content .right ul li {
+	list-style-type: none;
+	padding: 2px 0 2px 0;
+}
+
+.trysmalltalk {
+    text-align: right;
+    padding: 10px;
+}
+
+.trysmalltalk textarea {
+    width: 850px;
+    height: 300px;
+    padding: 20px;
+    background-color: #eaeaea;
+    border: 1px solid #d3d3d3;
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    font: 16px monaco, courier, monospace;
+    color: 434343;
+    line-height: 1.6em;
+}
+
+.trysmalltalk button {
+    margin: 20px 0 0 5px;
+    padding: 4px;
+    background: #75aef5;
+    border: 1px solid #7caeed;
+    border-radius: 8px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    color: white;
+    cursor: pointer;
+}
+
+.trysmalltalk .print-it {
+	background: #bebebe;
+	border: 1px solid #b2b2b2;
+}
+
+.trysmalltalk button:hover {
+	background: #3180e1;
+	border: 1px solid #518cd6; 
+}
+
+#counters {
+    border: 2px dashed;
+    text-align: center;
+    padding: 10px;
+    margin: 10px;
+    background: #ffffcc;
+    font-family: arial,helvetica,sans;
+}
+
+#counters h1 {
+    margin: 10px;
+    color: #333;
+}
+
+
+.trysmalltalk .print-it:hover {
+	background: #898989;
+	border: 1px solid #919293; 
+}
+
+#footer {
+	height: 160px;
+	margin: 0 auto;
+}
+
+#footer .main {
+    	border-top: 1px dashed #bbb;
+	padding-top: 10px;
+}
+
+#footer p {
+	text-align: center;
+	line-height: 1em;
+	color: #aaa;
+}
+
+#footer a {
+	color: #3faae1;
+	text-decoration: none;
+}
+
+#footer a:hover {
+	text-decoration: underline;
+}
+