Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Edited button styles. Should be cross-platform now. Issue #32 resolved.

  • Loading branch information...
commit 4db9e6cd143307a983976d7644fcc52e6bf3cc08 1 parent 48f28dd
@dfischer dfischer authored
View
1  .gitignore
@@ -6,3 +6,4 @@ nbproject
.DS_Store
*.swp
kidsruby.pid
+.sass-cache/*
View
1  Gemfile
@@ -10,6 +10,7 @@ group :development do
gem 'rb-inotify', :require => false
gem 'rb-fsevent', :require => false
gem 'rb-fchange', :require => false
+ gem 'compass'
end
group :test do
View
8 Gemfile.lock
@@ -1,7 +1,13 @@
GEM
remote: http://rubygems.org/
specs:
+ chunky_png (1.2.5)
+ compass (0.11.5)
+ chunky_png (~> 1.2)
+ fssm (>= 0.2.7)
+ sass (~> 3.1)
ffi (1.0.10)
+ fssm (0.2.7)
guard (0.8.7)
thor (~> 0.14.6)
guard-shell (0.1.1)
@@ -16,12 +22,14 @@ GEM
rb-fsevent (0.4.3.1)
rb-inotify (0.8.8)
ffi (>= 0.5.0)
+ sass (3.1.12)
thor (0.14.6)
PLATFORMS
ruby
DEPENDENCIES
+ compass
guard
guard-shell
htmlentities
View
24 config.rb
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "public/css"
+sass_dir = "sass"
+images_dir = "public/images"
+javascripts_dir = "public/js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
View
65 public/css/master.css
@@ -1,8 +1,10 @@
+/* line 3, ../../sass/master.scss */
body {
overflow: hidden;
background: #eee;
}
+/* line 8, ../../sass/master.scss */
body:after {
content: ".";
display: block;
@@ -11,17 +13,20 @@ body:after {
visibility: hidden;
}
+/* line 16, ../../sass/master.scss */
body.lesson-set {
- background: #fff;
- font-family: 'Helvetica Neue', Helvetica, sans-serif;
+ background: #fff;
+ font-family: 'Helvetica Neue', Helvetica, sans-serif;
margin: 0px 10px 0px 0px;
overflow-y: scroll;
}
+/* line 23, ../../sass/master.scss */
body.lesson-set > h1 {
border-bottom: 1px solid #dfdfdf;
}
+/* line 27, ../../sass/master.scss */
body.lesson-set article > h1 {
border-bottom: 1px dotted #dfdfdf;
border-left: 4px solid #ff0000;
@@ -29,6 +34,7 @@ body.lesson-set article > h1 {
padding-left: 5px;
}
+/* line 34, ../../sass/master.scss */
body.lesson-set nav {
background-color: #e8e8e8;
border: 1px dotted #ccc;
@@ -37,20 +43,23 @@ body.lesson-set nav {
width: 245px;
}
+/* line 42, ../../sass/master.scss */
body.lesson-set nav a {
margin-right: 7px;
}
+/* line 46, ../../sass/master.scss */
body.lesson-set nav a:last-child {
margin-right: 0px;
}
+/* line 50, ../../sass/master.scss */
body.lesson-set nav a:hover {
color: #000;
text-decoration: underline;
}
-
+/* line 56, ../../sass/master.scss */
body.lesson-set section code {
background-color: #000;
color: #fff;
@@ -58,6 +67,7 @@ body.lesson-set section code {
padding: 0px 5px;
}
+/* line 63, ../../sass/master.scss */
body.lesson-set section h1 {
color: #555;
font-size: 13px;
@@ -65,70 +75,99 @@ body.lesson-set section h1 {
text-transform: uppercase;
}
+/* line 70, ../../sass/master.scss */
#buttons {
position: relative;
float: right;
top: 93%;
width: 350px;
}
+
+/* line 76, ../../sass/master.scss */
#buttons button {
+ background-color: red;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -o-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3333), color-stop(100%, #ff0000));
+ background: -webkit-linear-gradient(#ff3333, #ff0000);
+ background: -moz-linear-gradient(#ff3333, #ff0000);
+ background: -o-linear-gradient(#ff3333, #ff0000);
+ background: -ms-linear-gradient(#ff3333, #ff0000);
+ background: linear-gradient(#ff3333, #ff0000);
+ border: white;
+ color: #fff;
+ cursor: pointer;
+ display: block;
font-size: 30px;
+ float: right;
+ margin-right: 5px;
}
+/* line 90, ../../sass/master.scss */
#input {
float: left;
position: relative;
width: 50%;
}
+/* line 96, ../../sass/master.scss */
iframe {
border: none;
height: 100%;
width: 100%;
}
+/* line 102, ../../sass/master.scss */
iframe h1 {
font-size: 14px;
}
+/* line 106, ../../sass/master.scss */
#output {
overflow-y: scroll;
}
-#stdout {
-
-}
-
+/* line 114, ../../sass/master.scss */
#stdin {
padding: 0;
margin: 0;
}
+
+/* line 118, ../../sass/master.scss */
#stderr {
color: #990000;
}
+
+/* line 121, ../../sass/master.scss */
.cursor {
- display:inline-block;
+ display: inline-block;
}
+/* line 125, ../../sass/master.scss */
#tabs {
position: absolute;
height: 92%;
right: 0px;
width: 50%;
}
+
+/* line 131, ../../sass/master.scss */
.ui-tabs-panel {
height: 85%;
position: relative;
}
-#turtle, #turtle-canvas {
-}
-
+/* line 139, ../../sass/master.scss */
#container {
width: 49%;
float: left;
}
+/* line 144, ../../sass/master.scss */
#rubycode {
width: 49%;
height: 94%;
@@ -140,6 +179,6 @@ iframe h1 {
right: 0;
clear: both;
float: left;
- font-family: monospace;
- font-size: 18px;
+ font-family: monospace;
+ font-size: 18px;
}
View
157 sass/master.scss
@@ -0,0 +1,157 @@
+@import 'compass';
+
+body {
+ overflow: hidden;
+ background: #eee;
+}
+
+body:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+body.lesson-set {
+ background: #fff;
+ font-family: 'Helvetica Neue', Helvetica, sans-serif;
+ margin: 0px 10px 0px 0px;
+ overflow-y: scroll;
+}
+
+body.lesson-set > h1 {
+ border-bottom: 1px solid #dfdfdf;
+}
+
+body.lesson-set article > h1 {
+ border-bottom: 1px dotted #dfdfdf;
+ border-left: 4px solid #ff0000;
+ font-size: 18px;
+ padding-left: 5px;
+}
+
+body.lesson-set nav {
+ background-color: #e8e8e8;
+ border: 1px dotted #ccc;
+ margin-bottom: 30px;
+ padding: 3px 5px;
+ width: 245px;
+}
+
+body.lesson-set nav a {
+ margin-right: 7px;
+}
+
+body.lesson-set nav a:last-child {
+ margin-right: 0px;
+}
+
+body.lesson-set nav a:hover {
+ color: #000;
+ text-decoration: underline;
+}
+
+
+body.lesson-set section code {
+ background-color: #000;
+ color: #fff;
+ font-family: consolas, monospace;
+ padding: 0px 5px;
+}
+
+body.lesson-set section h1 {
+ color: #555;
+ font-size: 13px;
+ margin-bottom: 5px;
+ text-transform: uppercase;
+}
+
+#buttons {
+ position: relative;
+ float: right;
+ top: 93%;
+ width: 350px;
+}
+#buttons button {
+ background-color: red;
+ @include border-radius(4px);
+ @include background(linear-gradient(lighten(red, 10), lighten(red, 00)));
+
+ border: white;
+ color: #fff;
+ cursor: pointer;
+ display: block;
+ font-size: 30px;
+ float: right;
+ margin-right: 5px;
+}
+
+#input {
+ float: left;
+ position: relative;
+ width: 50%;
+}
+
+iframe {
+ border: none;
+ height: 100%;
+ width: 100%;
+}
+
+iframe h1 {
+ font-size: 14px;
+}
+
+#output {
+ overflow-y: scroll;
+}
+
+#stdout {
+
+}
+
+#stdin {
+ padding: 0;
+ margin: 0;
+}
+#stderr {
+ color: #990000;
+}
+.cursor {
+ display:inline-block;
+}
+
+#tabs {
+ position: absolute;
+ height: 92%;
+ right: 0px;
+ width: 50%;
+}
+.ui-tabs-panel {
+ height: 85%;
+ position: relative;
+}
+
+#turtle, #turtle-canvas {
+}
+
+#container {
+ width: 49%;
+ float: left;
+}
+
+#rubycode {
+ width: 49%;
+ height: 94%;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ clear: both;
+ float: left;
+ font-family: monospace;
+ font-size: 18px;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.