revived the styles

This commit is contained in:
Torsten Ruger 2015-08-20 02:14:33 +02:00
parent bb5caa9bf1
commit e7e85b8d73
6 changed files with 141 additions and 1 deletions

View File

@ -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

View File

@ -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
View 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
View 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;
}

View File

@ -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
View 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>