revived the styles
This commit is contained in:
Torsten Ruger
parent
bb5caa9bf1
commit
e7e85b8d73
3
Gemfile
3
Gemfile
@ -10,7 +10,8 @@ gem "salama" , path: "../salama"
|
|||||||
gem "salama-reader" , path: "../salama-reader"
|
gem "salama-reader" , path: "../salama-reader"
|
||||||
gem "salama-arm" , path: "../salama-arm"
|
gem "salama-arm" , path: "../salama-arm"
|
||||||
gem "salama-object-file" , path: "../salama-object-file"
|
gem "salama-object-file" , path: "../salama-object-file"
|
||||||
|
gem "sass"
|
||||||
|
gem "susy"
|
||||||
|
|
||||||
group :test do
|
group :test do
|
||||||
# Testing dependencies
|
# Testing dependencies
|
||||||
|
|||||||
@ -81,6 +81,7 @@ GEM
|
|||||||
rspec-support (~> 3.2.0)
|
rspec-support (~> 3.2.0)
|
||||||
rspec-support (3.2.2)
|
rspec-support (3.2.2)
|
||||||
rubyzip (1.1.7)
|
rubyzip (1.1.7)
|
||||||
|
sass (3.4.16)
|
||||||
selenium-webdriver (2.43.0)
|
selenium-webdriver (2.43.0)
|
||||||
childprocess (~> 0.5)
|
childprocess (~> 0.5)
|
||||||
multi_json (~> 1.0)
|
multi_json (~> 1.0)
|
||||||
@ -89,6 +90,8 @@ GEM
|
|||||||
sourcemap (0.1.1)
|
sourcemap (0.1.1)
|
||||||
sprockets (3.2.0)
|
sprockets (3.2.0)
|
||||||
rack (~> 1.0)
|
rack (~> 1.0)
|
||||||
|
susy (2.2.5)
|
||||||
|
sass (>= 3.3.0, < 3.5)
|
||||||
tilt (2.0.1)
|
tilt (2.0.1)
|
||||||
websocket (1.2.2)
|
websocket (1.2.2)
|
||||||
websocket-driver (0.5.4)
|
websocket-driver (0.5.4)
|
||||||
@ -112,7 +115,9 @@ DEPENDENCIES
|
|||||||
salama-arm!
|
salama-arm!
|
||||||
salama-object-file!
|
salama-object-file!
|
||||||
salama-reader!
|
salama-reader!
|
||||||
|
sass
|
||||||
selenium-webdriver (~> 2.43.0)
|
selenium-webdriver (~> 2.43.0)
|
||||||
|
susy
|
||||||
|
|
||||||
BUNDLED WITH
|
BUNDLED WITH
|
||||||
1.10.5
|
1.10.5
|
||||||
|
|||||||
59
assets/css/app.css.scss
Normal file
59
assets/css/app.css.scss
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
// Place your apps css here
|
||||||
|
@import "susy";
|
||||||
|
|
||||||
|
|
||||||
|
$susy: (
|
||||||
|
columns: 24 ,
|
||||||
|
gutter-position: split ,
|
||||||
|
);
|
||||||
|
|
||||||
|
.debugger-view { @include container(90%); }
|
||||||
|
|
||||||
|
.classes {
|
||||||
|
@include span(3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.one-class {
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
.file-view {
|
||||||
|
@include span(4);
|
||||||
|
margin: span(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.source-view { @include span(6); }
|
||||||
|
|
||||||
|
.block-view {
|
||||||
|
@include span(4);
|
||||||
|
margin-right: span(2);
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-view {
|
||||||
|
@include span(2 at 22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.registers-view {
|
||||||
|
@include span(20 at 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-view {
|
||||||
|
@include gallery(4);
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field {
|
||||||
|
@include span(5)
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
@include span(18)
|
||||||
|
}
|
||||||
|
|
||||||
|
.value-head {
|
||||||
|
background-color: #C5FFD9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bright {
|
||||||
|
background-color: orange ;
|
||||||
|
}
|
||||||
59
assets/css/menu.css.scss
Normal file
59
assets/css/menu.css.scss
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
body {
|
||||||
|
font-family: arial, helvetica, serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav, #nav ul { /* all lists */
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
float : left;
|
||||||
|
width : 10em;
|
||||||
|
/*border around submenu goes here*/
|
||||||
|
-moz-border-radius: 8px;
|
||||||
|
-webkit-border-radius: 8px;
|
||||||
|
background:#fff;
|
||||||
|
border:1px solid #C3D46A
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li { /* all list items */
|
||||||
|
position : relative;
|
||||||
|
float : left;
|
||||||
|
line-height : 1.25em;
|
||||||
|
width: 9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li ul { /* second-level lists */
|
||||||
|
position : absolute;
|
||||||
|
left: -999em;
|
||||||
|
margin-left : 10.05em;
|
||||||
|
margin-top : -1.35em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li ul ul { /* third-and-above-level lists */
|
||||||
|
left: -999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li a , li span {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
width : 9.5em;
|
||||||
|
display : block;
|
||||||
|
color : black;
|
||||||
|
font-weight : bold;
|
||||||
|
text-decoration : none;
|
||||||
|
background-color : white;
|
||||||
|
-moz-border-radius: 7px;
|
||||||
|
-webkit-border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li a:hover {
|
||||||
|
color : white;
|
||||||
|
background-color : #F6C739;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li:hover ul ul, #nav li:hover ul ul ul {
|
||||||
|
left: -999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { /* lists nested under hovered list items */
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
@ -1,5 +1,7 @@
|
|||||||
require 'bundler'
|
require 'bundler'
|
||||||
Bundler.require
|
Bundler.require
|
||||||
|
require 'tilt/erb'
|
||||||
|
|
||||||
require_relative "lib/parse_task"
|
require_relative "lib/parse_task"
|
||||||
|
|
||||||
require "opal"
|
require "opal"
|
||||||
@ -20,7 +22,10 @@ end
|
|||||||
run DebugServer.new { |s|
|
run DebugServer.new { |s|
|
||||||
s.main = 'debugger'
|
s.main = 'debugger'
|
||||||
s.append_path 'lib'
|
s.append_path 'lib'
|
||||||
|
s.append_path 'assets'
|
||||||
# s.source_map = true
|
# s.source_map = true
|
||||||
s.debug = false
|
s.debug = false
|
||||||
|
|
||||||
|
s.index_path = "index.html.erb"
|
||||||
s.sprockets.cache = Sprockets::Cache::MemoryStore.new(5000)
|
s.sprockets.cache = Sprockets::Cache::MemoryStore.new(5000)
|
||||||
}
|
}
|
||||||
|
|||||||
11
index.html.erb
Normal file
11
index.html.erb
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Debugger</title>
|
||||||
|
<link rel="stylesheet" href="/assets/css/menu.css" type="text/css" charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="/assets/css/app.css" type="text/css" charset="utf-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<%= javascript_include_tag "debugger" %>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user