news_reader 0.1.1 → 0.1.2

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.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/lib/news_reader/scraper.rb +1 -1
  4. data/lib/news_reader/version.rb +1 -1
  5. metadata +1 -61
  6. data/fixtures/.DS_Store +0 -0
  7. data/fixtures/blog/index.html +0 -200
  8. data/fixtures/blog/index_files/Box.css +0 -29
  9. data/fixtures/blog/index_files/Java_Box.js +0 -89
  10. data/fixtures/blog/index_files/ModuleStyleSheets.css +0 -1655
  11. data/fixtures/blog/index_files/black.css +0 -11
  12. data/fixtures/blog/index_files/blog-jive.jpg +0 -0
  13. data/fixtures/blog/index_files/blog-musolfs.jpg +0 -0
  14. data/fixtures/blog/index_files/blog-poolpak.jpg +0 -0
  15. data/fixtures/blog/index_files/blog-portalaudit.png +0 -0
  16. data/fixtures/blog/index_files/blog-semicolon1.jpg +0 -0
  17. data/fixtures/blog/index_files/blog-semicolon2.jpg +0 -0
  18. data/fixtures/blog/index_files/blog-spa1.jpg +0 -0
  19. data/fixtures/blog/index_files/blog-spa2.jpg +0 -0
  20. data/fixtures/blog/index_files/blog-statera.jpg +0 -0
  21. data/fixtures/blog/index_files/blue.css +0 -11
  22. data/fixtures/blog/index_files/common.js +0 -149
  23. data/fixtures/blog/index_files/dark.css +0 -31
  24. data/fixtures/blog/index_files/featherlight.min.css +0 -8
  25. data/fixtures/blog/index_files/featherlight.min.js +0 -8
  26. data/fixtures/blog/index_files/font-awesome.min.css +0 -4
  27. data/fixtures/blog/index_files/green.css +0 -11
  28. data/fixtures/blog/index_files/isotope.css +0 -64
  29. data/fixtures/blog/index_files/jquery-ui.min.js +0 -5
  30. data/fixtures/blog/index_files/jquery.carouFredSel-6.2.1-packed.js +0 -16
  31. data/fixtures/blog/index_files/jquery.contentcarousel.js +0 -137
  32. data/fixtures/blog/index_files/jquery.easing.1.3.js +0 -205
  33. data/fixtures/blog/index_files/jquery.form.js +0 -1121
  34. data/fixtures/blog/index_files/jquery.hoverdir.js +0 -220
  35. data/fixtures/blog/index_files/jquery.inview.js +0 -60
  36. data/fixtures/blog/index_files/jquery.isotope.min.js +0 -11
  37. data/fixtures/blog/index_files/jquery.magnific-popup.js +0 -2046
  38. data/fixtures/blog/index_files/jquery.mb.YTPlayer.js +0 -1041
  39. data/fixtures/blog/index_files/jquery.min.js +0 -5
  40. data/fixtures/blog/index_files/jquery.nav.js +0 -223
  41. data/fixtures/blog/index_files/jquery.smoothwheel.js +0 -153
  42. data/fixtures/blog/index_files/jquery.sticky.js +0 -129
  43. data/fixtures/blog/index_files/jquery.superslides.js +0 -656
  44. data/fixtures/blog/index_files/jquery.validate.js +0 -1231
  45. data/fixtures/blog/index_files/jquery.vegas.css +0 -34
  46. data/fixtures/blog/index_files/js +0 -201
  47. data/fixtures/blog/index_files/loading.gif +0 -0
  48. data/fixtures/blog/index_files/magnific-popup.css +0 -365
  49. data/fixtures/blog/index_files/main.css +0 -301
  50. data/fixtures/blog/index_files/main.js +0 -26
  51. data/fixtures/blog/index_files/modernizr-2.6.2.min.js +0 -4
  52. data/fixtures/blog/index_files/normalize.css +0 -533
  53. data/fixtures/blog/index_files/ohp3fra.js +0 -44
  54. data/fixtures/blog/index_files/orange.css +0 -11
  55. data/fixtures/blog/index_files/paralax.js +0 -525
  56. data/fixtures/blog/index_files/paralaxNEW4.css +0 -2730
  57. data/fixtures/blog/index_files/plugins.js +0 -221
  58. data/fixtures/blog/index_files/portfolio.js +0 -142
  59. data/fixtures/blog/index_files/purple.css +0 -11
  60. data/fixtures/blog/index_files/red.css +0 -11
  61. data/fixtures/blog/index_files/responsive3.css +0 -329
  62. data/fixtures/blog/index_files/superslides.css +0 -65
  63. data/fixtures/blog/index_files/turquoise.css +0 -11
  64. data/fixtures/blog/index_files/util.js +0 -287
  65. data/fixtures/blog/index_files/yellow.css +0 -11
@@ -1,221 +0,0 @@
1
- // Avoid `console` errors in browsers that lack a console.
2
- "use strict";
3
-
4
- $(document).ready(function(){
5
-
6
-
7
- //dragable mobile
8
- var drag;
9
- if($(window).width()<796){drag=false;}else{drag=true;}
10
-
11
- /* Color Picker */
12
-
13
- //demo
14
- jQuery('.picker-btn').click(function(){
15
- if(jQuery('.color-picker').css('right')=='0px'){
16
- jQuery('.color-picker').animate({ "right": "-223px" }, "slow" );
17
- }else{
18
- jQuery('.color-picker').animate({ "right": "0px" }, "slow" );
19
- }
20
- });
21
- setTimeout(function(){
22
- jQuery('.color-picker').animate({ "right": "-223px" }, "slow" );}, 4000);
23
-
24
- var currentColor = 'blue';
25
- $('body').addClass(currentColor);
26
-
27
- $('.picker-blue').click(function(){
28
- $('body').removeClass(currentColor);
29
- $('body').addClass('blue');
30
- currentColor='blue';
31
- wpgmappity_maps_loaded();
32
- });
33
- $('.picker-black').click(function(){
34
- $('body').removeClass(currentColor);
35
- $('body').addClass('black');
36
- currentColor='black';
37
- wpgmappity_maps_loaded();
38
- });
39
- $('.picker-green').click(function(){
40
- $('body').removeClass(currentColor);
41
- $('body').addClass('green');
42
- currentColor='green';
43
- wpgmappity_maps_loaded();
44
- });
45
- $('.picker-yellow').click(function(){
46
- $('body').removeClass(currentColor);
47
- $('body').addClass('yellow');
48
- currentColor='yellow';
49
- wpgmappity_maps_loaded();
50
- });
51
- $('.picker-red').click(function(){
52
- $('body').removeClass(currentColor);
53
- $('body').addClass('red');
54
- currentColor='red';
55
- wpgmappity_maps_loaded();
56
- });
57
- $('.picker-turquoise').click(function(){
58
- $('body').removeClass(currentColor);
59
- $('body').addClass('turquoise');
60
- currentColor='turquoise';
61
- wpgmappity_maps_loaded();
62
- });
63
- $('.picker-purple').click(function(){
64
- $('body').removeClass(currentColor);
65
- $('body').addClass('purple');
66
- currentColor='purple';
67
- wpgmappity_maps_loaded();
68
- });
69
- $('.picker-orange').click(function(){
70
- $('body').removeClass(currentColor);
71
- $('body').addClass('orange');
72
- currentColor='orange';
73
- wpgmappity_maps_loaded();
74
- });
75
- $('.dark-version').click(function(){
76
- $('body').addClass('darker');
77
- });
78
- $('.light-version').click(function(){
79
- $('body').removeClass('darker');
80
- });
81
-
82
- /* googleMaps Footer Map */
83
- var blue = "#00AEEF"
84
- var black = "-100"
85
- var green = "#77be32"
86
- var yellow = "#f1d301"
87
- var orange = "#fda527"
88
- var purple = "#d786fe"
89
- var red = "#f2333a"
90
- var turquoise = "#29deb5"
91
-
92
- var color = blue // set your map color here! (blue, black, green, yellow, purple, orange...)
93
- var saturation = 100
94
- function wpgmappity_maps_loaded() {
95
- var pointerUrl = 'img/map/pointer-'+currentColor+'.png' // set your color pointer here! (pointer-blue/green/yellow/fucsia/purple/turquoise/red/orange.png)
96
- switch(currentColor) {
97
- case ('blue'):
98
- var color = blue;
99
- var saturation = 100;
100
- break;
101
- case ('black'):
102
- var saturation = black;
103
- break;
104
- case ('green'):
105
- var color = green;
106
- var saturation = 100;
107
- break;
108
- case ('yellow'):
109
- var color = yellow;
110
- var saturation = 100;
111
- break;
112
- case ('red'):
113
- var color = red;
114
- var saturation = 100;
115
- break;
116
- case ('turquoise'):
117
- var color = turquoise;
118
- var saturation = 100;
119
- break;
120
- case ('orange'):
121
- var color = orange;
122
- var saturation = 100;
123
- break;
124
- case ('purple'):
125
- var color = purple;
126
- var saturation = 100;
127
- break;
128
- }
129
- var latlng = new google.maps.LatLng(44.90929,-93.11031); <!-- (Fist Value Latitude, Second Value Longitude), can obtain YOUR coordenates here!: http://universimmedia.pagesperso-orange.fr/geo/loc.htm -->
130
- var styles = [
131
- {
132
- "featureType": "landscape",
133
- "stylers": [
134
- {"hue": "#000"},
135
- {"saturation": -100},
136
- {"lightness": 40},
137
- {"gamma": 1}
138
- ]
139
- },
140
- {
141
- "featureType": "road.highway",
142
- "stylers": [
143
- {"hue": color},
144
- {"saturation": saturation},
145
- {"lightness": 20},
146
- {"gamma": 1}
147
- ]
148
- },
149
- {
150
- "featureType": "road.arterial",
151
- "stylers": [
152
- {"hue": color},
153
- {"saturation": saturation},
154
- {"lightness": 20},
155
- {"gamma": 1}
156
- ]
157
- },
158
- {
159
- "featureType": "road.local",
160
- "stylers": [
161
- {"hue": color},
162
- {"saturation": saturation},
163
- {"lightness": 50},
164
- {"gamma": 1}
165
- ]
166
- },
167
- {
168
- "featureType": "water",
169
- "stylers": [
170
- {"hue": "#000"},
171
- {"saturation": -100},
172
- {"lightness": 15},
173
- {"gamma": 1}
174
- ]
175
- },
176
- {
177
- "featureType": "poi",
178
- "stylers": [
179
- {"hue": "#000"},
180
- {"saturation": -100},
181
- {"lightness": 25},
182
- {"gamma": 1}
183
- ]
184
- }
185
- ];
186
- var options = {
187
- center : latlng,
188
- mapTypeId: google.maps.MapTypeId.ROADMAP,
189
- zoomControl : false,
190
- mapTypeControl : false,
191
- scaleControl : false,
192
- streetViewControl : false,
193
- draggable:drag,
194
- scrollwheel:false,
195
- panControl : false, zoom : 17,
196
- styles: styles
197
- };
198
- var wpgmappitymap = new google.maps.Map(document.getElementById('wpgmappitymap'), options);
199
- var point0 = new google.maps.LatLng(44.90929,-93.11031); <!-- (Fist Value Latitude, Second Value Longitude), can obtain YOUR coordenates here!: http://universimmedia.pagesperso-orange.fr/geo/loc.htm -->
200
- var marker0= new google.maps.Marker({
201
- position : point0,
202
- map : wpgmappitymap,
203
- icon: pointerUrl //Custom Pointer URL
204
- });
205
- google.maps.event.addListener(marker0,'click',
206
- function() {
207
- var infowindow = new google.maps.InfoWindow(
208
- {content: 'Lorem Ipsum'});
209
- infowindow.open(wpgmappitymap,marker0);
210
- });
211
- }
212
- window.onload = function() {
213
- wpgmappity_maps_loaded();
214
- };
215
-
216
-
217
-
218
-
219
-
220
- /* End */
221
- });
@@ -1,142 +0,0 @@
1
- /* Dynamic Window Ajax Portfolio Content */
2
- "use strict";
3
-
4
- var $actual= null;
5
- var obert=false;
6
- $(".ch-grid").click(function() {
7
- obre($(this).attr('id'));
8
- $actual=$(this);
9
- });
10
- $(".folio-btn").click(function() {
11
- $(".project-window").slideUp("fast");
12
- obert=false;
13
- });
14
-
15
- //obre('/portfolio-1',1);
16
-
17
-
18
- function obre(quin, dummy){
19
- $.ajax({
20
- url: quin,
21
- success: function(data) {
22
- $('.project-content').html(data);
23
- $(".project-content").hide(0)
24
- $('.project-window').hide(0)
25
- tanca();
26
- canvia();
27
- worksCarousel();
28
-
29
-
30
- if(dummy!=1){
31
-
32
- // if(obert!=true){
33
- $("html, body").animate({ scrollTop: $('#anchor-services').offset().top -75}, 0, function(){
34
- $('.project-window').show(0);
35
- $('.project-window').animate({height:900}, 0,function(){
36
- $('.project-window').css('height','auto');
37
- // $(".project-window").slideDown(1500, function() {
38
- $(".project-content").fadeIn("fast");
39
- });
40
- });
41
-
42
- /* }else{
43
- $("html, body").animate({ scrollTop: $('#anchor5').offset().top }, 300, function(){
44
- $('.project-window').show(0);
45
- $(".project-content").fadeIn("fast");
46
- });
47
- }
48
- obert=true; */
49
- }
50
- }
51
- });
52
- }
53
-
54
- function tanca(){
55
- $(".close").click(function() {
56
- $(".project-window").slideUp("fast");
57
- $("html, body").animate({ scrollTop: $('#anchor-services').offset().top -75}, 0);
58
- obert=false;
59
- });
60
- }
61
-
62
- function seguent(){
63
- if($actual.next().hasClass('final')){
64
- $actual=$($('.inici').next());
65
- }else{
66
- $actual=$($actual.next());
67
- }
68
- if($actual.hasClass('isotope-hidden')){
69
- seguent();
70
- }else{
71
- obre($actual.attr('id'));
72
- }
73
- }
74
-
75
- function enrera(){
76
- if($actual.prev().hasClass('inici')){
77
- $actual=$($('.final').prev());
78
- }else{
79
- $actual=$($actual.prev());
80
- }
81
-
82
- if($actual.hasClass('isotope-hidden')){
83
- enrera();
84
- }else{
85
- obre($actual.attr('id'));
86
- }
87
- }
88
-
89
- function canvia(){
90
- $('.btn-next').click(function() {
91
- seguent();
92
- $("html, body").fadeIn();
93
- });
94
- $('.btn-prev').click(function() {
95
- enrera();
96
- $("html, body").fadeIn();
97
- });
98
- }
99
-
100
- // Carousel Project Opened
101
- function worksCarousel(){
102
- var totalWorks = $(".wrapper-project ul li").length;
103
- var ampleWork = $(".project-content").width();
104
- var ampleTotalWorks = totalWorks*ampleWork;
105
- $('.wrapper-project ul').css('width',ampleTotalWorks)
106
-
107
- var fragment = document.createDocumentFragment(),
108
- li = document.createElement('li');
109
- while (totalWorks--) {
110
- fragment.appendChild(li.cloneNode(true));
111
- }
112
-
113
- $('.controller-2 ul').append(fragment);
114
-
115
- var index3 = 0;
116
- var pos3 = 1;
117
- $('.controller-2 ul li:first-child').addClass('selected');
118
-
119
- $(".controller-2 ul li").click(function(){
120
- index3 = $(this).index();
121
- $(".wrapper-project").stop().animate({scrollLeft:ampleWork*index3},'fast');
122
- $('.controller-2 ul li').removeClass('selected');
123
- $(this).addClass('selected');
124
- //alert(ampleitem);
125
- });
126
- $(".w-next").click(function(){
127
- if( index3 != $(".controller-2 ul li").size()-1){
128
- index3++;
129
- $(".wrapper-project").stop().animate({scrollLeft:ampleWork*index3},'fast');
130
- pos3++;
131
- $('.controller-2 ul li.selected').removeClass('selected').next().addClass('selected');
132
- }
133
- });
134
- $(".w-prev").click(function(){
135
- if( index3!=0 ){
136
- index3--;
137
- $(".wrapper-project").stop().animate({scrollLeft:ampleWork*index3},'fast');
138
- pos3--;
139
- $('.controller-2 ul li.selected').removeClass('selected').prev().addClass('selected');
140
- }
141
- });
142
- }
@@ -1,11 +0,0 @@
1
- @charset "UTF-8";
2
- /* Color Fucsia CSS */
3
- .purple .prev-featured:hover,.purple .next-featured:hover,.purple .s-ico,.purple .sl-ico,.purple .progress-bar .skill-in,.purple .ch-grid,.purple .f-ico,.purple .car-prev,.purple .car-next,.purple .car-prev-2,.purple .car-next-2,.purple .scrollup,.purple .list-dot,.purple .p-two {background-color: #d786fe;}
4
- .purple .menu a:hover,.purple #nav .current a,.purple .f-image .f-category,.purple .t-photo .f-category,.purple .half-content a,.purple .contour-btn:hover, .purple .second-title span {color: #d786fe !important;}
5
- .purple .f-image .f-category{background-position: -176px 0;}
6
- .purple .t-photo .f-category {background-position: -176px -44px;}
7
- .purple .f-single:hover .f-info,.purple .btn-featured,.purple .spacer,.purple .folio-btn:hover,.purple .p-roll,.purple .contour-btn,.purple .folio-btn.selected,.purple .t-spacer,.purple .t-element:hover .t-data,.purple .logo span em{background: #d786fe;}
8
- .purple .logo span{background: #d786fe; background: rgba(215,134,254,0.5);}
9
- .purple .controller ul li:hover,.purple .selected,.purple .controller-2 ul li:hover,.purple .controller-3 ul li:hover{border: 2px solid #d786fe !important; background: #d786fe !important;}
10
- .purple .buy-logo{border-color: #d786fe;}
11
- .purple ::selection{background-color: #d786fe;}
@@ -1,11 +0,0 @@
1
- @charset "UTF-8";
2
- /* Color Fucsia CSS */
3
- .red .prev-featured:hover,.red .next-featured:hover,.red .s-ico,.red .sl-ico,.red .progress-bar .skill-in,.red .ch-grid,.red .f-ico,.red .car-prev,.red .car-next,.red .car-prev-2,.red .car-next-2,.red .scrollup,.red .list-dot,.red .p-two {background-color: #f2333a;}
4
- .red .menu a:hover,.red #nav .current a,.red .f-image .f-category,.red .t-photo .f-category,.red .half-content a,.red .contour-btn:hover,.red .logo span, .red .second-title span {color: #f2333a !important;}
5
- .red .f-image .f-category{background-position: -220px 0;}
6
- .red .t-photo .f-category {background-position: -220px -44px;}
7
- .red .f-single:hover .f-info,.red .btn-featured,.red .spacer,.red .folio-btn:hover,.red .p-roll,.red .contour-btn,.red .folio-btn.selected,.red .t-spacer,.red .t-element:hover .t-data,.red .logo span em{background: #f2333a;}
8
- .red .logo span{background: #f2333a; background: rgba(242,51,58,0.5);}
9
- .red .controller ul li:hover,.red .selected,.red .controller-2 ul li:hover,.red .controller-3 ul li:hover{border: 2px solid #f2333a !important; background: #f2333a !important;}
10
- .red .buy-logo{border-color: #f2333a;}
11
- .red ::selection{background-color: #f2333a;}
@@ -1,329 +0,0 @@
1
- @charset "UTF-8";
2
- /* Responsive Layout */
3
-
4
- /* Smaller than 1180 (devices and browsers) */
5
- @media only screen and (max-width: 1180px) {
6
-
7
- }
8
-
9
- /* Smaller than 1180 (devices and browsers) */
10
- @media only screen and (min-width: 976px) and (max-width: 1258px) {
11
- .main-title ul {font-size: 90px;}
12
- .full{width: 960px;}
13
- .two-third {
14
- width: 550px;
15
- float: left;
16
- padding: 0px 25px 70px 35px;
17
- }
18
- .one-third {
19
- width: 250px;
20
- float: left;
21
- padding: 20px 25px 70px 35px;
22
- }
23
- #navwrap {
24
- max-width: 940px;
25
- }
26
- .intro {
27
- max-width: 900px;
28
- padding: 30px 20px;
29
- }
30
- .half{width: 385px; padding-bottom: 100px;}
31
- .caroussel{width: 370px; height: 278px;}
32
- .caroussel img{width: 370px; height: auto;}
33
- .s-element{width: 320px;}
34
- .f-element{width: 240px;}
35
- .highlight {font-size: 75px;}
36
- .milestone-details{font-size: 16px;}
37
- .progress-bar{width: 397px;}
38
- .comment{font-size: 13px;}
39
- .q-spacer{margin: 20px 0;}
40
- .logos{width: 900px; margin: 70px auto 220px}
41
- .bottom-line{width: 900px;}
42
- .img-spacer{width: 900px; margin-top: 190px;}
43
- .img-spacer img{width: 900px;}
44
- .img-item{top: -125px;}
45
- .foot-third{width: 280px;}
46
- .f-data{font-size: 14px;}
47
- .f-data span{padding-left: 5px;}
48
- .footer-container span{font-size: 13px;}
49
- .footer-container{width: 959px; font-size: 15px;}
50
- .project-content{width: 900px;}
51
- .project-content img{width: 900px;}
52
- .we-are{font-size: 110px;}
53
- .s-container{width: 960px!important;}
54
- .s-container2{width: 615px!important;}
55
- .team-box{width: 960px; margin: auto;}
56
- .sl-element{width: 192px;}
57
- .team-grid{width: 960px;}
58
- .t-element:nth-child(3),.t-element:nth-child(6),.t-element:nth-child(9),.t-element:nth-child(12),.t-element:nth-child(15) {margin-right: 0;}
59
- .t-element{margin-bottom: 30px;width:280px;}
60
- .t-photo{width:280px;}
61
- .menu ul li {padding: 0 15px; font-size: 13px;}
62
- .p-image-01 {margin-left: -470px; width: 940px;}
63
- .p-image-01 img{width: 940px;}
64
- .parallax.p-two { height: 555px;}
65
- .container-video { height: 530px;}
66
- .main-title {font-size: 60px; height: 352px;top: 50%; margin-top:-176px;}
67
- .slider-controls li a {top: 41%;}
68
- .s-next {margin-right: 30px;}
69
- .s-prev {margin-left: 30px;}
70
- .ch-grid div span {margin: 50% 20px 0px 20px; font-size: 25px;}
71
- .main-title .spacer {margin: 5px auto 25px;}
72
- .main-title ul {margin: 0;}
73
- .p-category {top: 25%;}
74
- .nav-wrapper {width: 400px;}
75
- .info-project {width: 540px;}
76
- .project-content img {width: 300px;}
77
- .list_carousel li {padding:10px;}
78
- .show {width: 385px;}
79
- .show2 {width: 960px;}
80
- .caroussel-2{width: 800px;}
81
- .car-next-2 {left: 900px;}
82
- .avatar{width:400px;}
83
- .avatar img {max-width: 400px; margin-bottom: 30px;}
84
- .title-two{margin-top:50px;}
85
- .testimonials {width: 800px;display: block; clear: both;}
86
- .car-quote {width: 800px;}
87
- }
88
-
89
- /* Smaller than standard 960 (devices and browsers) */
90
- @media only screen and (max-width: 976px) {
91
- .hideme, .p-image-02, .newtr{opacity: 1;}
92
- .parallax .hideme-slide, .parallax .hideme-slide2{ bottom:0 !important; opacity: 1 !important;}
93
- .menu{display: none;}
94
- .slider-controls {display: none;}
95
- .jump-menu{display: block;}
96
- .main-title { height: 350px;top: 50%; margin-top:-175px;}
97
- .sl-element{margin-bottom: 50px;}
98
- .intro {max-width: 900px; padding: 30px 20px;}
99
- .intro h1 { font-size: 2.55vw; }
100
- }
101
-
102
- /* Tablet Portrait size to standard 960 (devices and browsers) */
103
- @media only screen and (min-width: 796px) and (max-width: 976px) {
104
- .main-title ul{ font-size:80px;}
105
- .full{width: 783px;}
106
- .half{float: none; margin: auto;}
107
- .two-third{width: 700px;}
108
- .full .half:nth-child(2) {padding: 0px 45px 120px;}
109
- .s-container{width: 603px;}
110
- .team-box{width: 700px; margin: auto;}
111
- .s-element{width: 200px;}
112
- .team-box .s-element{width: 300px;}
113
- .s-ico{width: 130px; height: 130px;}
114
- .s-info{padding: 0 10px; font-size: 13px;}
115
- .f-element{width: 180px; padding-left: 10px;}
116
- .f-ico {margin: 0 auto;}
117
- .highlight{font-size: 40px;}
118
- .s-info{margin-bottom: 50px;}
119
- .project-content {width: 700px;}
120
- .project-content img{width: 700px;}
121
- .logos{width: 680px; margin: 70px auto 150px}
122
- .img-spacer{width: 700px; margin-top: 150px;}
123
- .img-spacer img{width: 700px;}
124
- .img-item{top: -80px;}
125
- .footer-container {width: 700px; padding: 90px 0;}
126
- .foot-third {width: 320px; padding: 0 0 0 30px;}
127
- .foot-third:last-child {margin-top: 50px; width: 640px; padding: 0 30px;}
128
- .bottom-line{width: 700px;}
129
- .milestone-details{font-size: 15px; padding: 0px 0 100px;}
130
- .s-info span {font-size: 17px;}
131
- .sl-element{width: 200px;}
132
- .team-grid{width: 360px !important;}
133
- .t-element:nth-child(3),.t-element:nth-child(6),.t-element:nth-child(9),.t-element:nth-child(12),.t-element:nth-child(15) {margin-right: 0;}
134
- .t-element{margin-bottom:30px;}
135
- .p-image-01 {margin-left: -380px; width: 760px;}
136
- .p-image-01 img{width: 760px;}
137
- .parallax.p-two {height: 520px;}
138
- .container-video {height: 430px;}
139
- .main-title {font-size: 50px;}
140
- .main-title span {top: 100px;}
141
- .nav-wrapper {width: 300px;}
142
- .info-project {width: 300px;}
143
- .project-content img {width: 300px;}
144
- .show {width: 490px;}
145
- .show2 {width: 780px;}
146
- .caroussel-2{width: 650px;}
147
- .car-next-2{left:730px!important;}
148
- .avatar{width:300px;}
149
- .avatar img {max-width: 300px; margin-bottom: 30px;}
150
- .title-two{margin-top:50px;}
151
- .testimonials {width: 650px;}
152
- .car-quote {width: 650px;}
153
- }
154
-
155
- /* All Mobile Sizes (devices and browser) */
156
- @media only screen and (max-width: 795px) {
157
- .car-prev{display: none;}
158
- .car-next{display: none;}
159
- .car-prev-2{display: none;}
160
- .car-next-2{display: none;}
161
- .main-title ul{ margin-top:0; height:80px;}
162
- .main-title .spacer{ margin:20px auto;}
163
- .buy-logo{ margin-top:35px;}
164
- }
165
-
166
- /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
167
- @media only screen and (min-width: 480px) and (max-width: 795px) {
168
- .p-image-02 div{ left:50%;}
169
- .p-image-first{margin-left:-225px;}
170
- .p-image-first img{ width:450px}
171
- .p-image-second{margin-left:-300px;}
172
- .p-image-second img{ width:600px}
173
- .vegas-overlay{ display:none;}
174
- .main-title ul{ font-size:40px;}
175
- .main-title .second-title{ width:345px;}
176
- .full{width: 466px;}
177
- .half{float: none; margin: auto; width: 400px; padding: 80px 40px 120px;}
178
- .two-third{width: 400px;}
179
- .half:first-child{padding-bottom: 0px;}
180
- .content .full .half{ padding-left:0; padding-right:0;}
181
- .next-featured{margin-left: 30px;}
182
- .prev-featured{margin-right: 30px;}
183
- .nav-featured{width: 311px;}
184
- .title.one{font-size: 40px; padding: 80px 40px 11px;}
185
- .title.two{font-size: 17px; padding: 0px 40px; width: auto;}
186
- .caroussel{width: 400px; height: 270px;}
187
- .p-info{width: 400px;}
188
- .caroussel img{width: 400px; height: auto; margin-left:0;}
189
- .team-box{width: 100%}
190
- .s-container{width: 400px}
191
- .f-element{width: 100%;}
192
- .progress-bar{width: 400px;}
193
- .comment{font-size: 13px;}
194
- #filters{padding: 0 40px;}
195
- .bottom-line{width: 400px;}
196
- .project-content{width: 400px;}
197
- .project-content img{width: 400px;}
198
- .logos{width: 400px; margin: 70px auto 50px;}
199
- .img-spacer{width: 400px; margin-top: 50px;}
200
- .img-spacer img{width: 400px;}
201
- .img-item {top: 10px;}
202
- .footer-container {width: 400px;}
203
- .foot-third{float: none; width: 100%; padding: 0; margin-top: 50px;}
204
- .foot-third:first-child{margin-top: 0;}
205
- .sl-element{width: 200px;}
206
- .team-grid{width: 360px !important;}
207
- .t-element {float: none; margin: 30px auto 0;}
208
- .t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin: 30px auto 0;}
209
- .p-image-01 {margin-left: -230px; width: 460px;}
210
- .p-image-01 img{width: 460px;}
211
- .main-title {font-size: 25px;}
212
- .main-title span {top: 70px;}
213
- .logo {font-size: 23px;}
214
- .parallax.p-one{ height:600px;}
215
- .parallax.p-two {height: 400px;}
216
- .container-video {height: 260px;}
217
- .container-video .parallax-info{display: none;}
218
- .show {width: 400px;}
219
- .show2 {width: 466px;}
220
- .caroussel-2{width: 466px; margin-left:0;}
221
- .avatar img {width: 466px; margin-bottom: 30px;}
222
- .title-two{margin-top:50px;}
223
- .testimonials {width: 466px;}
224
- .car-quote {width: 466px;}
225
- .car-prev-2{left:-40px!important;}
226
- .car-next-2{left:420px!important;}
227
- .info-project {width: 340px;}
228
- }
229
-
230
- /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
231
- @media only screen and (max-width: 479px) {
232
- .hideme{opacity: 1;}
233
- .hideme-slide{opacity: 1; bottom: auto !important;}
234
- .main-title { height: 500px;top: 50%; margin-top:-150px;}
235
- .color-picker{ display:none;}
236
- .p-image-02 div{ left:50%;}
237
- .p-image-first img{ width:222px;}
238
- .p-image-first{margin-left:-111px;}
239
- .p-image-second img{ width:300px; }
240
- .p-image-second{margin-left:-150px;}
241
- .p-image-02 .p-image-second{ left:50%;}
242
- .vegas-overlay{ display:none;}
243
- .main-title ul{ font-size:60px;margin-bottom:100px;}
244
- .main-title ul li{ line-height:80px; }
245
- .main-title .second-title{ font-size:13px; width:240px;}
246
- .full{width: 300px;}
247
- .two-third{width: 298px; padding:0 !important;}
248
- .half{float: none; margin: auto; width: 300px; padding: 0px 10px 120px;}
249
- .half:first-child{padding-bottom: 0px;}
250
- .content .full .half{ padding-left:0; padding-right:0;}
251
- .next-featured{margin-left: 30px;}
252
- .prev-featured{margin-right: 30px;}
253
- .nav-featured{width: 292px;}
254
- .menu{display: none;}
255
- .title.one{font-size: 30px; padding: 50px 40px 50px; width: auto;}
256
- .title.two{font-size: 27px; padding: 0px 40px; width: auto;}
257
- .p-title-two{ font-size:14px;}
258
- .caroussel{width: 300px; height: 220px; margin-left:0;}
259
- .p-info{width: 300px;}
260
- .caroussel img{width: 300px; height: auto;}
261
- .team-box{width: 260px; margin: auto;}
262
- .s-container{width: 260px}
263
- .f-element{width: 100%;}
264
- .progress-bar{width: 300px;}
265
- .caroussel-2{width: 300px; margin-left:0;}
266
- .avatar{width: 300px;margin-bottom: 30px;}
267
- .avatar img {max-width: 300px;}
268
- .title-two{margin-top:50px;}
269
- .testimonials {width: 300px;}
270
- .car-quote {width: 300px;}
271
- .comment{font-size: 13px;}
272
- #filters{padding: 0 40px;}
273
- .bottom-line{width: 300px;}
274
- .project-content{width: 300px;}
275
- .project-content img{width: 300px;}
276
- .logos{width: 300px; margin: 70px auto 50px;}
277
- .img-spacer{width: 300px; margin-top: 0;}
278
- .img-spacer img{width: 300px;}
279
- .img-item {display: none;}
280
- .footer-container {width: 300px;}
281
- .foot-third{float: none; width: 100%; padding: 0; margin-top: 50px;}
282
- .foot-third:first-child{margin-top: 0;}
283
- .s-element{width: 300px;}
284
- .sl-element{width: 300px; margin-bottom:30px;}
285
- .team-grid{width: 260px !important;}
286
- .t-element {float: none; margin: 30px auto 0;}
287
- .p-image-01 {margin-left: -150px; width: 300px;}
288
- .p-image-01 img{width: 300px;}
289
- .content {width: 100%;overflow: hidden;}
290
- .main-title {font-size: 30px;}
291
- .welcome{ font-size:13px;}
292
- .main-title span {top: 100px;}
293
- .parallax.p-one{ height:280px;}
294
- .parallax.p-two {height: 255px;}
295
- .parallax.p-two .spacer{ display:none;}
296
- .p-title-one{ padding-top:40px;}
297
- .container-video {height: 160px;}
298
- .container-video .parallax-info{display: none;}
299
- .scrollup{display: none !important;}
300
- .mk-video-mask {opacity: 0.5; background:none;}
301
- .f-title-one{ text-align:center;}
302
- .f-title-two{ text-align:center;}
303
- .list_carousel.responsive{ margin-bottom:0; margin-top:50px;}
304
- #anchor5{ padding-bottom:35px;}
305
- .car-show-1 { padding: 80px 10px 20px; }
306
- .parallax.p-two {height: 200px;}
307
- .parallax.p-one {height: 200px;}
308
- .fa-2x {font-size: 1.5em!important;}
309
- .fa-li {left: -2em!important;}
310
- .title-two {font-size:20px;}
311
- .title-one {font-size:18px;padding:40px 0 20px 0!important;}
312
- .intro{padding:30px;}
313
- .intro h1 { font-size: 36px; /* Some tweener fallback that doesn't look awful */
314
- font-size: 4vw;}
315
- .nav-wrapper {width: 300px;}
316
- .project-content img {width: 300px;}
317
- .list_carousel li {height:100%;padding:0;}
318
- .t-photo{width:260px;}
319
- .t-element{width:260px;}
320
- .wrapper-project{height:280px;}
321
- .controller-3{margin: 0px 0px 20px;}
322
- .show {width: 300px;}
323
- .show2 {width: 300px;}
324
- .car-prev-2{left:-40px!important;}
325
- .car-next-2{left:420px!important;}
326
- .controller-2 {margin: 0 0 20px;}
327
- .page-title img{display:none;}
328
- .info-project {width: 240px;}
329
- }