fullscreenslider-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,114 @@
1
+ .sl-slider-wrapper {
2
+ width: 800px;
3
+ height: 400px;
4
+ margin: 0 auto;
5
+ position: relative;
6
+ overflow: hidden;
7
+ }
8
+
9
+ .sl-slider {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 0;
13
+ }
14
+
15
+ /* Slide wrapper and slides */
16
+
17
+ .sl-slide,
18
+ .sl-slides-wrapper,
19
+ .sl-slide-inner {
20
+ position: absolute;
21
+ width: 100%;
22
+ height: 100%;
23
+ top: 0;
24
+ left: 0;
25
+ }
26
+
27
+ .sl-slide {
28
+ z-index: 1;
29
+ }
30
+
31
+ /* The duplicate parts/slices */
32
+
33
+ .sl-content-slice {
34
+ overflow: hidden;
35
+ position: absolute;
36
+ -webkit-box-sizing: content-box;
37
+ -moz-box-sizing: content-box;
38
+ box-sizing: content-box;
39
+ background: #fff;
40
+ -webkit-backface-visibility: hidden;
41
+ -moz-backface-visibility: hidden;
42
+ -o-backface-visibility: hidden;
43
+ -ms-backface-visibility: hidden;
44
+ backface-visibility: hidden;
45
+ opacity : 1;
46
+ }
47
+
48
+ /* Horizontal slice */
49
+
50
+ .sl-slide-horizontal .sl-content-slice {
51
+ width: 100%;
52
+ height: 50%;
53
+ left: -200px;
54
+ -webkit-transform: translateY(0%) scale(1);
55
+ -moz-transform: translateY(0%) scale(1);
56
+ -o-transform: translateY(0%) scale(1);
57
+ -ms-transform: translateY(0%) scale(1);
58
+ transform: translateY(0%) scale(1);
59
+ }
60
+
61
+ .sl-slide-horizontal .sl-content-slice:first-child {
62
+ top: -200px;
63
+ padding: 200px 200px 0px 200px;
64
+ }
65
+
66
+ .sl-slide-horizontal .sl-content-slice:nth-child(2) {
67
+ top: 50%;
68
+ padding: 0px 200px 200px 200px;
69
+ }
70
+
71
+ /* Vertical slice */
72
+
73
+ .sl-slide-vertical .sl-content-slice {
74
+ width: 50%;
75
+ height: 100%;
76
+ top: -200px;
77
+ -webkit-transform: translateX(0%) scale(1);
78
+ -moz-transform: translateX(0%) scale(1);
79
+ -o-transform: translateX(0%) scale(1);
80
+ -ms-transform: translateX(0%) scale(1);
81
+ transform: translateX(0%) scale(1);
82
+ }
83
+
84
+ .sl-slide-vertical .sl-content-slice:first-child {
85
+ left: -200px;
86
+ padding: 200px 0px 200px 200px;
87
+ }
88
+
89
+ .sl-slide-vertical .sl-content-slice:nth-child(2) {
90
+ left: 50%;
91
+ padding: 200px 200px 200px 0px;
92
+ }
93
+
94
+ /* Content wrapper */
95
+ /* Width and height is set dynamically */
96
+ .sl-content-wrapper {
97
+ position: absolute;
98
+ }
99
+
100
+ .sl-content {
101
+ width: 100%;
102
+ height: 100%;
103
+ background: #fff;
104
+ }
105
+
106
+ /* Default styles for background colors */
107
+ .sl-slide-horizontal .sl-slide-inner {
108
+ background: #ddd;
109
+ }
110
+
111
+ .sl-slide-vertical .sl-slide-inner {
112
+ background: #ccc;
113
+ }
114
+
@@ -0,0 +1,32 @@
1
+ .sl-slider-wrapper {
2
+ overflow: visible !important;
3
+ margin: 0 auto;
4
+ }
5
+
6
+ /* Slide wrapper and slides */
7
+
8
+ .sl-slider,
9
+ .sl-slide,
10
+ .sl-slides-wrapper,
11
+ .sl-slide-inner {
12
+ position: relative;
13
+ width: 100%;
14
+ height: 100%;
15
+ background: #fff;
16
+ }
17
+
18
+ .demo-1 .sl-slide blockquote {
19
+ width: 50%;
20
+ left: 25%;
21
+ }
22
+
23
+ .demo-2 .bg-img {
24
+ padding: 0;
25
+ top: 0;
26
+ left: 0;
27
+ }
28
+
29
+ .nav-arrows,
30
+ .nav-dots {
31
+ display: none;
32
+ }
@@ -0,0 +1,25 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'fullscreenslider-rails/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "fullscreenslider-rails"
8
+ spec.version = Fullscreenslider::Rails::VERSION
9
+ spec.authors = ["TwoWeb"]
10
+ spec.email = ["dev@twoweb.com.br"]
11
+ spec.summary = "gem Fullscreen Slit Slider with jQuery and CSS3"
12
+ spec.description = "Fullscreen Slit Slider with jQuery and CSS3"
13
+ spec.homepage = "https://github.com/twoweb/fullscreenslider-rails"
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files -z`.split("\x0")
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+
20
+
21
+ spec.require_paths = ["lib"]
22
+
23
+ spec.add_development_dependency "bundler", "~> 1.7"
24
+ spec.add_development_dependency "rake", "~> 10.0"
25
+ end
@@ -0,0 +1,8 @@
1
+ require "fullscreenslider-rails/version"
2
+
3
+ module Fullscreenslider
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,5 @@
1
+ module Fullscreenslider
2
+ module Rails
3
+ VERSION = "1.0.0"
4
+ end
5
+ end
metadata ADDED
@@ -0,0 +1,96 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: fullscreenslider-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - TwoWeb
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-03-02 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.7'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.7'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ description: Fullscreen Slit Slider with jQuery and CSS3
42
+ email:
43
+ - dev@twoweb.com.br
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - Gemfile
49
+ - Gemfile.lock
50
+ - LICENSE.txt
51
+ - README.md
52
+ - Rakefile
53
+ - app/assets/images/1.jpg
54
+ - app/assets/images/2.jpg
55
+ - app/assets/images/3.jpg
56
+ - app/assets/images/4.jpg
57
+ - app/assets/images/5.jpg
58
+ - app/assets/javascripts/jquery.ba-cond.min.js
59
+ - app/assets/javascripts/jquery.slitslider.js
60
+ - app/assets/javascripts/modernizr.custom.79639.js
61
+ - app/assets/stylesheets/demo.css
62
+ - app/assets/stylesheets/fonts/animals-webfont.eot
63
+ - app/assets/stylesheets/fonts/animals-webfont.svg
64
+ - app/assets/stylesheets/fonts/animals-webfont.ttf
65
+ - app/assets/stylesheets/fonts/animals-webfont.woff
66
+ - app/assets/stylesheets/fullscreenslider-custom.css
67
+ - app/assets/stylesheets/fullscreenslider.css
68
+ - app/assets/stylesheets/styleNoJS.css
69
+ - fullscreenslider-rails.gemspec
70
+ - lib/fullscreenslider-rails.rb
71
+ - lib/fullscreenslider-rails/version.rb
72
+ homepage: https://github.com/twoweb/fullscreenslider-rails
73
+ licenses:
74
+ - MIT
75
+ metadata: {}
76
+ post_install_message:
77
+ rdoc_options: []
78
+ require_paths:
79
+ - lib
80
+ required_ruby_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">="
83
+ - !ruby/object:Gem::Version
84
+ version: '0'
85
+ required_rubygems_version: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ requirements: []
91
+ rubyforge_project:
92
+ rubygems_version: 2.0.0.rc.2
93
+ signing_key:
94
+ specification_version: 4
95
+ summary: gem Fullscreen Slit Slider with jQuery and CSS3
96
+ test_files: []