jquery-layout-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []