merb-ui 0.1.1 → 0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Rakefile +1 -1
- data/app/views/styles/index.css.erb +27 -16
- data/public/javascripts/desktop.js +29 -25
- metadata +2 -2
data/Rakefile
CHANGED
@@ -15,12 +15,30 @@ b, em, h1, label, strong {
|
|
15
15
|
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
|
16
16
|
font-weight: bold;
|
17
17
|
}
|
18
|
+
code {
|
19
|
+
background-color: <%= color(0.1, 0.1, 0.1) %>;
|
20
|
+
color: <%= color(1, 1, 1) %>;
|
21
|
+
display: block;
|
22
|
+
font-family: "Bitstream Vera Sans Mono", "Monaco", "Andale Mono", "Courier New", "Courier", fixed;
|
23
|
+
font-size: 0.85em;
|
24
|
+
overflow: auto;
|
25
|
+
padding: 1em;
|
26
|
+
white-space: nowrap;
|
27
|
+
}
|
28
|
+
kbd {
|
29
|
+
background-color: <%= color(0.9, 0.9, 0.9) %>;
|
30
|
+
border-color: <%= color(0.8, 0.8, 0.8) %>;
|
31
|
+
border-style: solid;
|
32
|
+
border-width: 1px;
|
33
|
+
padding: 0 0.5em 0.2em 0.5em;
|
34
|
+
<%= border_radius %>
|
35
|
+
}
|
18
36
|
|
19
37
|
/* bar */
|
20
38
|
|
21
39
|
div.mui_bar {
|
22
40
|
background-color: <%= color(0.1, 0.1, 0.1) %>;
|
23
|
-
background-image: url('
|
41
|
+
background-image: url('<%= image_path('reflection.png') %>');
|
24
42
|
background-position: center center;
|
25
43
|
background-repeat: repeat-x;
|
26
44
|
border-collapse: collapse;
|
@@ -38,7 +56,7 @@ span.mui_block {
|
|
38
56
|
vertical-align: top;
|
39
57
|
}
|
40
58
|
div.mui_block_status {
|
41
|
-
background-image: url('
|
59
|
+
background-image: url('<%= image_path('transparency.png') %>');
|
42
60
|
border-color: <%= color(0, 0, 0) %>;
|
43
61
|
border-style: solid;
|
44
62
|
border-width: 1px;
|
@@ -71,7 +89,7 @@ div.mui_block_tray *.mui_block {
|
|
71
89
|
/* button */
|
72
90
|
|
73
91
|
*.mui_button {
|
74
|
-
background-image: url('
|
92
|
+
background-image: url('<%= image_path('reflection.png') %>');
|
75
93
|
background-position: center center;
|
76
94
|
background-repeat: repeat-x;
|
77
95
|
border-style: solid;
|
@@ -291,11 +309,6 @@ img.mui_image_border {
|
|
291
309
|
border-width: 1px;
|
292
310
|
}
|
293
311
|
|
294
|
-
/* key */
|
295
|
-
|
296
|
-
kbd.mui_key {
|
297
|
-
}
|
298
|
-
|
299
312
|
/* link */
|
300
313
|
|
301
314
|
a.mui_link {
|
@@ -338,7 +351,7 @@ select.mui_menu {
|
|
338
351
|
/* message */
|
339
352
|
|
340
353
|
div.mui_message {
|
341
|
-
background-image: url('
|
354
|
+
background-image: url('<%= image_path('transparency.png') %>');
|
342
355
|
border-style: solid;
|
343
356
|
border-bottom-width: 1px;
|
344
357
|
border-left-width: 1px;
|
@@ -389,7 +402,7 @@ blockquote.mui_quote {
|
|
389
402
|
|
390
403
|
a.mui_tab {
|
391
404
|
background-color: <%= color(0.1, 0.1, 0.1) %>;
|
392
|
-
background-image: url('
|
405
|
+
background-image: url('<%= image_path('reflection.png') %>');
|
393
406
|
background-position: center center;
|
394
407
|
background-repeat: repeat-x;
|
395
408
|
border-bottom: none;
|
@@ -438,23 +451,21 @@ table.mui_window {
|
|
438
451
|
}
|
439
452
|
table.mui_window_bar {
|
440
453
|
background-color: <%= color(0.1, 0.1, 0.1) %>;
|
441
|
-
background-image: url('
|
454
|
+
background-image: url('<%= image_path('reflection.png') %>');
|
442
455
|
background-position: center center;
|
443
456
|
background-repeat: repeat-x;
|
444
457
|
color: <%= color(1, 1, 1) %>;
|
445
458
|
height: 2em;
|
459
|
+
padding-left: 0.75em;
|
460
|
+
padding-right: 0.75em;
|
446
461
|
width: 100%;
|
447
462
|
<%= border_radius(:edge => 'top') %>
|
448
463
|
}
|
449
464
|
td.mui_window_bar_end {
|
450
|
-
padding-right: 0.75em;
|
451
465
|
text-align: right;
|
452
466
|
}
|
453
|
-
td.mui_window_title {
|
454
|
-
padding-left: 0.75em;
|
455
|
-
}
|
456
467
|
td.mui_window_content {
|
457
|
-
background-image: url('
|
468
|
+
background-image: url('<%= image_path('transparency.png') %>');
|
458
469
|
color: <%= color(1, 1, 1) %>;
|
459
470
|
padding: 0.5em;
|
460
471
|
<%= border_radius(:edge => 'bottom') %>
|
@@ -1,3 +1,6 @@
|
|
1
|
+
// Set the status of the window. 0 == closed, 1 == opened
|
2
|
+
var windowStatus = 0;
|
3
|
+
|
1
4
|
// Position message at top center.
|
2
5
|
function messagePosition(){
|
3
6
|
var browserWidth = $(window).width();
|
@@ -7,41 +10,42 @@ function messagePosition(){
|
|
7
10
|
|
8
11
|
// Close window.
|
9
12
|
function windowClose(url){
|
10
|
-
|
11
|
-
|
12
|
-
target.empty;
|
13
|
-
$('.mui_focus:first').focus();
|
13
|
+
$('.mui_window_target').fadeOut(function(){
|
14
|
+
windowStatus = 0;
|
14
15
|
});
|
15
16
|
}
|
16
17
|
|
17
18
|
// Open window and give the first input with class of mui_focus focus, if one exists.
|
18
19
|
function windowOpen(url){
|
19
|
-
var target = $('.mui_window_target')
|
20
|
-
target.
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
20
|
+
var target = $('.mui_window_target')
|
21
|
+
target.load(url, function(){
|
22
|
+
if(windowStatus == 0){
|
23
|
+
target.fadeIn();
|
24
|
+
}
|
25
|
+
$('.mui_focus:first').focus();
|
26
|
+
windowStatus = 1;
|
25
27
|
});
|
26
28
|
}
|
27
29
|
|
28
30
|
// Position window at middle center.
|
29
31
|
function windowPosition(){
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
32
|
+
if(windowStatus == 0){
|
33
|
+
var browserWidth = $(window).width();
|
34
|
+
var browserHeight = $(window).height();
|
35
|
+
var windowWidth = $('.mui_window_target').width();
|
36
|
+
var windowHeight = $('.mui_window_target').height();
|
37
|
+
if (windowWidth > browserWidth){
|
38
|
+
$('.mui_window_target').css({position:'absolute', left:'1em'});
|
39
|
+
}
|
40
|
+
else{
|
41
|
+
$('.mui_window_target').css({position:'fixed', left:(browserWidth/2)+(windowWidth/2)*(-1)});
|
42
|
+
}
|
43
|
+
if (windowHeight > browserHeight){
|
44
|
+
$('.mui_window_target').css({position:'absolute', top:'1em'});
|
45
|
+
}
|
46
|
+
else{
|
47
|
+
$('.mui_window_target').css({position:'fixed', top:(browserHeight/2)+(windowHeight/2)*(-1)});
|
48
|
+
}
|
45
49
|
}
|
46
50
|
}
|
47
51
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: merb-ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: "0.2"
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- uipoet
|
@@ -9,7 +9,7 @@ autorequire:
|
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
11
|
|
12
|
-
date: 2008-11-
|
12
|
+
date: 2008-11-29 00:00:00 -08:00
|
13
13
|
default_executable:
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|