jquery-layout-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +20 -0
- data/README.md +25 -0
- data/Rakefile +27 -0
- data/lib/jquery-layout-rails.rb +5 -0
- data/lib/jquery-layout-rails/engine.rb +4 -0
- data/lib/jquery-layout-rails/version.rb +3 -0
- data/vendor/assets/javascripts/jquery-layout.js +2 -0
- data/vendor/assets/javascripts/jquery/layout.js +5449 -0
- data/vendor/assets/stylesheets/jquery-layout-default.css +174 -0
- metadata +78 -0
@@ -0,0 +1,174 @@
|
|
1
|
+
/*
|
2
|
+
* Default Layout Theme
|
3
|
+
*
|
4
|
+
* Created for jquery.layout
|
5
|
+
*
|
6
|
+
* Copyright (c) 2010
|
7
|
+
* Fabrizio Balliano (http://www.fabrizioballiano.net)
|
8
|
+
* Kevin Dalman (http://allpro.net)
|
9
|
+
*
|
10
|
+
* Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
|
11
|
+
* and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
|
12
|
+
*
|
13
|
+
* Last Updated: 2010-02-10
|
14
|
+
* NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
|
15
|
+
*/
|
16
|
+
|
17
|
+
/*
|
18
|
+
* DEFAULT FONT
|
19
|
+
* Just to make demo-pages look better - not actually relevant to Layout!
|
20
|
+
*/
|
21
|
+
body {
|
22
|
+
font-family: Geneva, Arial, Helvetica, sans-serif;
|
23
|
+
font-size: 100%;
|
24
|
+
*font-size: 80%;
|
25
|
+
}
|
26
|
+
|
27
|
+
/*
|
28
|
+
* PANES & CONTENT-DIVs
|
29
|
+
*/
|
30
|
+
.ui-layout-pane { /* all 'panes' */
|
31
|
+
background: #FFF;
|
32
|
+
border: 1px solid #BBB;
|
33
|
+
padding: 10px;
|
34
|
+
overflow: auto;
|
35
|
+
/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
|
36
|
+
otherwise you may get double-scrollbars - on the pane AND on the content-div
|
37
|
+
- use ui-layout-wrapper class if pane has a content-div
|
38
|
+
- use ui-layout-container if pane has an inner-layout
|
39
|
+
*/
|
40
|
+
}
|
41
|
+
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
|
42
|
+
.ui-layout-content {
|
43
|
+
padding: 10px;
|
44
|
+
position: relative; /* contain floated or positioned elements */
|
45
|
+
overflow: auto; /* add scrolling to content-div */
|
46
|
+
}
|
47
|
+
|
48
|
+
/*
|
49
|
+
* UTILITY CLASSES
|
50
|
+
* Must come AFTER pane-class above so will override
|
51
|
+
* These classes are NOT auto-generated and are NOT used by Layout
|
52
|
+
*/
|
53
|
+
.layout-child-container,
|
54
|
+
.layout-content-container {
|
55
|
+
padding: 0;
|
56
|
+
overflow: hidden;
|
57
|
+
}
|
58
|
+
.layout-child-container {
|
59
|
+
border: 0; /* remove border because inner-layout-panes probably have borders */
|
60
|
+
}
|
61
|
+
.layout-scroll {
|
62
|
+
overflow: auto;
|
63
|
+
}
|
64
|
+
.layout-hide {
|
65
|
+
display: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
/*
|
69
|
+
* RESIZER-BARS
|
70
|
+
*/
|
71
|
+
.ui-layout-resizer { /* all 'resizer-bars' */
|
72
|
+
background: #DDD;
|
73
|
+
border: 1px solid #BBB;
|
74
|
+
border-width: 0;
|
75
|
+
}
|
76
|
+
.ui-layout-resizer-drag { /* REAL resizer while resize in progress */
|
77
|
+
}
|
78
|
+
.ui-layout-resizer-hover { /* affects both open and closed states */
|
79
|
+
}
|
80
|
+
/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
|
81
|
+
otherwise color shifts while dragging when bar can't keep up with mouse */
|
82
|
+
.ui-layout-resizer-open-hover , /* hover-color to 'resize' */
|
83
|
+
.ui-layout-resizer-dragging { /* resizer beging 'dragging' */
|
84
|
+
background: #C4E1A4;
|
85
|
+
}
|
86
|
+
.ui-layout-resizer-dragging { /* CLONED resizer being dragged */
|
87
|
+
border: 1px solid #BBB;
|
88
|
+
}
|
89
|
+
/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
|
90
|
+
.ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */
|
91
|
+
background: #E1A4A4; /* red */
|
92
|
+
}
|
93
|
+
|
94
|
+
.ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */
|
95
|
+
background: #EBD5AA;
|
96
|
+
}
|
97
|
+
.ui-layout-resizer-sliding { /* resizer when pane is 'slid open' */
|
98
|
+
opacity: .10; /* show only a slight shadow */
|
99
|
+
filter: alpha(opacity=10);
|
100
|
+
}
|
101
|
+
.ui-layout-resizer-sliding-hover { /* sliding resizer - hover */
|
102
|
+
opacity: 1.00; /* on-hover, show the resizer-bar normally */
|
103
|
+
filter: alpha(opacity=100);
|
104
|
+
}
|
105
|
+
/* sliding resizer - add 'outside-border' to resizer on-hover
|
106
|
+
* this sample illustrates how to target specific panes and states */
|
107
|
+
.ui-layout-resizer-north-sliding-hover { border-bottom-width: 1px; }
|
108
|
+
.ui-layout-resizer-south-sliding-hover { border-top-width: 1px; }
|
109
|
+
.ui-layout-resizer-west-sliding-hover { border-right-width: 1px; }
|
110
|
+
.ui-layout-resizer-east-sliding-hover { border-left-width: 1px; }
|
111
|
+
|
112
|
+
/*
|
113
|
+
* TOGGLER-BUTTONS
|
114
|
+
*/
|
115
|
+
.ui-layout-toggler {
|
116
|
+
border: 1px solid #BBB; /* match pane-border */
|
117
|
+
background-color: #BBB;
|
118
|
+
}
|
119
|
+
.ui-layout-resizer-hover .ui-layout-toggler {
|
120
|
+
opacity: .60;
|
121
|
+
filter: alpha(opacity=60);
|
122
|
+
}
|
123
|
+
.ui-layout-toggler-hover , /* need when NOT resizable */
|
124
|
+
.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
|
125
|
+
background-color: #FC6;
|
126
|
+
opacity: 1.00;
|
127
|
+
filter: alpha(opacity=100);
|
128
|
+
}
|
129
|
+
.ui-layout-toggler-north ,
|
130
|
+
.ui-layout-toggler-south {
|
131
|
+
border-width: 0 1px; /* left/right borders */
|
132
|
+
}
|
133
|
+
.ui-layout-toggler-west ,
|
134
|
+
.ui-layout-toggler-east {
|
135
|
+
border-width: 1px 0; /* top/bottom borders */
|
136
|
+
}
|
137
|
+
/* hide the toggler-button when the pane is 'slid open' */
|
138
|
+
.ui-layout-resizer-sliding .ui-layout-toggler {
|
139
|
+
display: none;
|
140
|
+
}
|
141
|
+
/*
|
142
|
+
* style the text we put INSIDE the togglers
|
143
|
+
*/
|
144
|
+
.ui-layout-toggler .content {
|
145
|
+
color: #666;
|
146
|
+
font-size: 12px;
|
147
|
+
font-weight: bold;
|
148
|
+
width: 100%;
|
149
|
+
padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
|
150
|
+
}
|
151
|
+
|
152
|
+
/*
|
153
|
+
* PANE-MASKS
|
154
|
+
* these styles are hard-coded on mask elems, but are also
|
155
|
+
* included here as !important to ensure will overrides any generic styles
|
156
|
+
*/
|
157
|
+
.ui-layout-mask {
|
158
|
+
border: none !important;
|
159
|
+
padding: 0 !important;
|
160
|
+
margin: 0 !important;
|
161
|
+
overflow: hidden !important;
|
162
|
+
position: absolute !important;
|
163
|
+
opacity: 0 !important;
|
164
|
+
filter: Alpha(Opacity="0") !important;
|
165
|
+
}
|
166
|
+
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
|
167
|
+
top: 0 !important;
|
168
|
+
left: 0 !important;
|
169
|
+
width: 100% !important;
|
170
|
+
height: 100% !important;
|
171
|
+
}
|
172
|
+
div.ui-layout-mask {} /* standard mask for iframes */
|
173
|
+
iframe.ui-layout-mask {} /* extra mask for objects/applets */
|
174
|
+
|
metadata
ADDED
@@ -0,0 +1,78 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: jquery-layout-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Rodrigo Rosenfeld Rosas
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-07-03 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: jquery-rails
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '0'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: '0'
|
30
|
+
description: Resizable panels jQuery plugin.
|
31
|
+
email:
|
32
|
+
- rr.rosas@gmail.com
|
33
|
+
executables: []
|
34
|
+
extensions: []
|
35
|
+
extra_rdoc_files: []
|
36
|
+
files:
|
37
|
+
- lib/jquery-layout-rails.rb
|
38
|
+
- lib/jquery-layout-rails/engine.rb
|
39
|
+
- lib/jquery-layout-rails/version.rb
|
40
|
+
- vendor/assets/javascripts/jquery/layout.js
|
41
|
+
- vendor/assets/javascripts/jquery-layout.js
|
42
|
+
- vendor/assets/stylesheets/jquery-layout-default.css
|
43
|
+
- MIT-LICENSE
|
44
|
+
- Rakefile
|
45
|
+
- README.md
|
46
|
+
homepage: http://github.com/rosenfeld/jquery-layout-rails
|
47
|
+
licenses:
|
48
|
+
- MIT
|
49
|
+
- GPL
|
50
|
+
post_install_message:
|
51
|
+
rdoc_options: []
|
52
|
+
require_paths:
|
53
|
+
- lib
|
54
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
55
|
+
none: false
|
56
|
+
requirements:
|
57
|
+
- - ! '>='
|
58
|
+
- !ruby/object:Gem::Version
|
59
|
+
version: '0'
|
60
|
+
segments:
|
61
|
+
- 0
|
62
|
+
hash: -3410083021269180087
|
63
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
64
|
+
none: false
|
65
|
+
requirements:
|
66
|
+
- - ! '>='
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '0'
|
69
|
+
segments:
|
70
|
+
- 0
|
71
|
+
hash: -3410083021269180087
|
72
|
+
requirements: []
|
73
|
+
rubyforge_project:
|
74
|
+
rubygems_version: 1.8.24
|
75
|
+
signing_key:
|
76
|
+
specification_version: 3
|
77
|
+
summary: jQuery layout plugin packaged as a Rails engine.
|
78
|
+
test_files: []
|