jquery-layout-rails 0.0.1

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.
@@ -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: []