merb-ui 0.1.1 → 0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|