revived the styles
This commit is contained in:
parent
bb5caa9bf1
commit
e7e85b8d73
3
Gemfile
3
Gemfile
@ -10,7 +10,8 @@ gem "salama" , path: "../salama"
|
||||
gem "salama-reader" , path: "../salama-reader"
|
||||
gem "salama-arm" , path: "../salama-arm"
|
||||
gem "salama-object-file" , path: "../salama-object-file"
|
||||
|
||||
gem "sass"
|
||||
gem "susy"
|
||||
|
||||
group :test do
|
||||
# Testing dependencies
|
||||
|
@ -81,6 +81,7 @@ GEM
|
||||
rspec-support (~> 3.2.0)
|
||||
rspec-support (3.2.2)
|
||||
rubyzip (1.1.7)
|
||||
sass (3.4.16)
|
||||
selenium-webdriver (2.43.0)
|
||||
childprocess (~> 0.5)
|
||||
multi_json (~> 1.0)
|
||||
@ -89,6 +90,8 @@ GEM
|
||||
sourcemap (0.1.1)
|
||||
sprockets (3.2.0)
|
||||
rack (~> 1.0)
|
||||
susy (2.2.5)
|
||||
sass (>= 3.3.0, < 3.5)
|
||||
tilt (2.0.1)
|
||||
websocket (1.2.2)
|
||||
websocket-driver (0.5.4)
|
||||
@ -112,7 +115,9 @@ DEPENDENCIES
|
||||
salama-arm!
|
||||
salama-object-file!
|
||||
salama-reader!
|
||||
sass
|
||||
selenium-webdriver (~> 2.43.0)
|
||||
susy
|
||||
|
||||
BUNDLED WITH
|
||||
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'
|
||||
Bundler.require
|
||||
require 'tilt/erb'
|
||||
|
||||
require_relative "lib/parse_task"
|
||||
|
||||
require "opal"
|
||||
@ -20,7 +22,10 @@ end
|
||||
run DebugServer.new { |s|
|
||||
s.main = 'debugger'
|
||||
s.append_path 'lib'
|
||||
s.append_path 'assets'
|
||||
# s.source_map = true
|
||||
s.debug = false
|
||||
|
||||
s.index_path = "index.html.erb"
|
||||
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…
Reference in New Issue
Block a user