@ -1,25 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "expo_landing", |
|
||||||
"version": "0.0.0", |
|
||||||
"authors": [ |
|
||||||
"Poul Handleman <pavel.handleman@gmail.com>" |
|
||||||
], |
|
||||||
"license": "MIT", |
|
||||||
"ignore": [ |
|
||||||
"**/.*", |
|
||||||
"node_modules", |
|
||||||
"bower_components", |
|
||||||
"test", |
|
||||||
"tests" |
|
||||||
], |
|
||||||
"dependencies": { |
|
||||||
"bootstrap": "~3.3.4", |
|
||||||
"normalize.css": "~3.0.3", |
|
||||||
"zepto": "~1.1.6" |
|
||||||
}, |
|
||||||
"devDependencies": { |
|
||||||
"jquery-fadethis": "~1.0.4", |
|
||||||
"superscrollorama": "~1.0.3", |
|
||||||
"gsap": "~1.17.0" |
|
||||||
} |
|
||||||
} |
|
||||||
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 72 KiB |
@ -1,157 +0,0 @@ |
|||||||
var gulp = require('gulp'), |
|
||||||
uglify = require('gulp-uglify'), |
|
||||||
concat = require('gulp-concat'), |
|
||||||
rename = require("gulp-rename"), |
|
||||||
autoprefixer = require('gulp-autoprefixer'), |
|
||||||
cssmin = require('gulp-cssmin'), |
|
||||||
//preen = require('preen'),
|
|
||||||
//bower = require('gulp-bower'),
|
|
||||||
//gutil = require('gulp-util'),
|
|
||||||
imageop = require('gulp-image-optimization'), |
|
||||||
less = require('gulp-less'), |
|
||||||
|
|
||||||
livereload = require('gulp-livereload'), |
|
||||||
sourcemaps = require('gulp-sourcemaps'), |
|
||||||
newer = require('gulp-newer'); |
|
||||||
|
|
||||||
/** |
|
||||||
* less convertation |
|
||||||
*/ |
|
||||||
gulp.task('process-less', function () { |
|
||||||
return gulp.src('less/main.less') |
|
||||||
.pipe(sourcemaps.init()) |
|
||||||
.pipe(less().on('error', function(err) { |
|
||||||
console.log(err); |
|
||||||
})) |
|
||||||
//.pipe(autoprefixer({
|
|
||||||
// browsers:['> 1%', 'Opera > 11', 'Explorer >= 8', 'Firefox >20', 'Chrome > 20']
|
|
||||||
//}))
|
|
||||||
.pipe(autoprefixer({ |
|
||||||
browsers:['> 1%', 'Opera > 11', 'Explorer >= 8', 'Firefox >20', 'Chrome > 20'] |
|
||||||
})) |
|
||||||
.pipe(sourcemaps.write()) |
|
||||||
.pipe(gulp.dest('css')); |
|
||||||
}); |
|
||||||
/** |
|
||||||
* concatenate all js used lib files in one vendor.js files and minimized it |
|
||||||
*/ |
|
||||||
gulp.task('make-vendor-js', function () { |
|
||||||
return gulp.src([ |
|
||||||
'bower_components/jquery/jquery.js', |
|
||||||
'bower_components/bootstrap/dist/js/bootstrap.js', |
|
||||||
'bower_components/superscrollorama/js/greensock/TweenMax.min.js', |
|
||||||
'bower_components/superscrollorama/js/jquery.superscrollorama.js' |
|
||||||
]) |
|
||||||
.pipe(concat('vendor.js')) |
|
||||||
.pipe(gulp.dest('js')) |
|
||||||
.pipe(uglify()) |
|
||||||
.pipe(rename('vendor.min.js')) |
|
||||||
.pipe(gulp.dest('js')) |
|
||||||
|
|
||||||
}); |
|
||||||
/** |
|
||||||
* concatenate all used css lib files in one vendor.css files and minimized it |
|
||||||
*/ |
|
||||||
gulp.task('make-vendor-css', function () { |
|
||||||
return gulp.src([ |
|
||||||
'bower_components/normalize.css/normalize.css', |
|
||||||
'bower_components/html5-boilerplate/src/css/main.css', |
|
||||||
'bower_components/bootstrap/dist/css/bootstrap.css', |
|
||||||
'bower_components/bootstrap/dist/css/bootstrap-theme.css' |
|
||||||
]) |
|
||||||
.pipe(concat('vendor.css')) |
|
||||||
.pipe(gulp.dest('css')) |
|
||||||
.pipe(cssmin()) |
|
||||||
.pipe(rename('vendor.min.css')) |
|
||||||
.pipe(gulp.dest('css')) |
|
||||||
|
|
||||||
}); |
|
||||||
|
|
||||||
gulp.task('main-css',["process-less"], function () { |
|
||||||
return gulp.src('css/main.css') |
|
||||||
.pipe(livereload()); |
|
||||||
}); |
|
||||||
|
|
||||||
|
|
||||||
/** |
|
||||||
* images optimization |
|
||||||
*/ |
|
||||||
gulp.task('minfy-images', function(cb) { |
|
||||||
gulp.src(['img/**/*.png','img/**/*.jpg', 'img/**/*.gif']).pipe(imageop({ |
|
||||||
optimizationLevel: 5, |
|
||||||
progressive: true, |
|
||||||
interlaced: true |
|
||||||
})).pipe(gulp.dest('img')).on('end', cb).on('error', cb); |
|
||||||
}); |
|
||||||
gulp.task('minfy-png', function(cb) { |
|
||||||
gulp.src('img/**/*.png').pipe(imageop({ |
|
||||||
optimizationLevel: 7 |
|
||||||
|
|
||||||
})).pipe(gulp.dest('img')).on('end', cb).on('error', cb); |
|
||||||
}); |
|
||||||
|
|
||||||
//gulp.task('minify-modules', function () {
|
|
||||||
// return gulp.src('frontend/web/js/*.js')
|
|
||||||
// .pipe(newer('frontend/web/min/js'))
|
|
||||||
// .pipe(uglify())
|
|
||||||
// .pipe(rename({extname: ".min.js"}))
|
|
||||||
// .pipe(gulp.dest('frontend/web/min/js'))
|
|
||||||
//
|
|
||||||
//});
|
|
||||||
//gulp.task('production',['make-vendor-js','make-vendor-css','main-css','minify-modules']);
|
|
||||||
gulp.task('reload', function () { |
|
||||||
livereload.reload(); |
|
||||||
|
|
||||||
}); |
|
||||||
//
|
|
||||||
//gulp.task('watch-js', function () {
|
|
||||||
// livereload.reload();
|
|
||||||
// gulp.watch("frontend/web/js/*.js", ["minify-modules"]);
|
|
||||||
//});
|
|
||||||
gulp.task('watch-all', function () { |
|
||||||
livereload.listen(); |
|
||||||
gulp.watch("less/main.less", ["main-css"]); |
|
||||||
//gulp.watch("frontend/web/js/*.js", ["minify-modules","reload"]);
|
|
||||||
gulp.watch("*.html", ["reload"]); |
|
||||||
}); |
|
||||||
//gulp.task('watch-workflow', function () {
|
|
||||||
// gulp.watch(["static_client/css/main.css","static_client/js/_modules/*.js"], ["main-css","minify-modules"]);
|
|
||||||
//});
|
|
||||||
//Project maintenance
|
|
||||||
|
|
||||||
/** |
|
||||||
* update all vendor libs in project |
|
||||||
* lib are downloaded with bower, cleaned and copied to lib/ folder |
|
||||||
* requires git being installed on server or in the PATH |
|
||||||
*/ |
|
||||||
//gulp.task('update-vendor',['bower-preen','bower-to-project'], function(cb) {
|
|
||||||
// return gutil.log('libs updated!');
|
|
||||||
//});
|
|
||||||
|
|
||||||
// BOWER MANIPULATIONS
|
|
||||||
|
|
||||||
/** |
|
||||||
* get vendor libs folders from bower folder and copy to project structure |
|
||||||
*/ |
|
||||||
//gulp.task('bower-to-project', function(cb) {
|
|
||||||
// return gulp.src('vendor/bower/**/*')
|
|
||||||
// .pipe(gulp.dest('frontend/web/lib/'));
|
|
||||||
//});
|
|
||||||
|
|
||||||
/** |
|
||||||
* update vendor libs installed by bower |
|
||||||
* requires git being installed or in the PATH |
|
||||||
*/ |
|
||||||
//gulp.task('bower-update', function(cb) {
|
|
||||||
// bower({ cmd: 'update'});
|
|
||||||
//});
|
|
||||||
|
|
||||||
/** |
|
||||||
* clean unnecessary files from vendor libs installed by bower.js |
|
||||||
*/ |
|
||||||
//gulp.task('bower-preen', function(cb) {
|
|
||||||
// preen.preen({}, cb);
|
|
||||||
//});
|
|
||||||
gulp.task('default', ['watch-all'], function() { |
|
||||||
// place code for your default task here
|
|
||||||
}); |
|
||||||
|
Before Width: | Height: | Size: 939 B |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 46 KiB |
@ -1,13 +0,0 @@ |
|||||||
$(document).ready(function () { |
|
||||||
var controller = $.superscrollorama({ |
|
||||||
triggerAtCenter: true, |
|
||||||
//playoutAnimations: true,
|
|
||||||
reverse:false |
|
||||||
}); |
|
||||||
controller.addTween('#quote-strip', |
|
||||||
TweenMax.from($('#quote-strip'), .3, {css:{opacity:0}})); |
|
||||||
controller.addTween('#event-program-strip', |
|
||||||
TweenMax.from($('#event-program-strip'), .5, {css:{opacity:0}})); |
|
||||||
controller.addTween('#footer', |
|
||||||
TweenMax.from($('#footer'), .5, {css:{opacity:0}})); |
|
||||||
}); |
|
||||||
@ -1,368 +0,0 @@ |
|||||||
/* ========================================================================== |
|
||||||
Fonts |
|
||||||
========================================================================== */ |
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
|
||||||
font-weight: 500; |
|
||||||
font-style: normal; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-thin-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-thin-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-thin-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-thin-webfont.woff') format('woff'); |
|
||||||
font-weight: 100; |
|
||||||
font-style: normal; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'); |
|
||||||
font-weight: 300; |
|
||||||
font-style: normal; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-italic-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-italic-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-italic-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-italic-webfont.ttf') format('truetype'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: italic; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-bold-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'); |
|
||||||
font-weight: bold; |
|
||||||
font-style: normal; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: 'dindisplay_pro'; |
|
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
body{ |
|
||||||
font-family: dindisplay_pro,sans-serif; |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
|
|
||||||
font-size: 18px; |
|
||||||
color: #0b0301; |
|
||||||
|
|
||||||
} |
|
||||||
a{ |
|
||||||
color: #ff7c00; |
|
||||||
text-decoration: underline; |
|
||||||
transition: all .3s; |
|
||||||
&:hover{ |
|
||||||
text-decoration: none; |
|
||||||
color: lighten(#ff7c00, 10%); |
|
||||||
} |
|
||||||
&.btn{ |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
} |
|
||||||
.logo_strip{ |
|
||||||
background: #eeeeed; |
|
||||||
min-height: 154px; |
|
||||||
color: #462e2e; |
|
||||||
font-size: 24px; |
|
||||||
.phone{ |
|
||||||
font-size: 42px; |
|
||||||
font-weight: bold; |
|
||||||
color: #000000; |
|
||||||
.gray{ |
|
||||||
font-weight: 300; |
|
||||||
color: #949494; |
|
||||||
} |
|
||||||
} |
|
||||||
.logo{ |
|
||||||
display: block; |
|
||||||
margin-top: 54px; |
|
||||||
} |
|
||||||
.phone-block{ |
|
||||||
padding-top: 36px; |
|
||||||
p{ |
|
||||||
margin-bottom: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.btn{ |
|
||||||
text-transform: uppercase; |
|
||||||
color: #fcfcfb; |
|
||||||
border-color: #ff6a00; |
|
||||||
padding-left: 20px; |
|
||||||
padding-right: 20px; |
|
||||||
&.btn-primary{ |
|
||||||
font-size: 20px; |
|
||||||
background: #ff7f00; /* Old browsers */ background: -moz-linear-gradient(top, #ff7f00 0%, #ff6a00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7f00), color-stop(100%,#ff6a00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7f00 0%,#ff6a00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7f00 0%,#ff6a00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7f00 0%,#ff6a00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7f00 0%,#ff6a00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#ff6a00',GradientType=0 ); /* IE6-9 */ |
|
||||||
transition: all .3s; |
|
||||||
&:hover{ |
|
||||||
border-color: lighten(#ff6a00, 10%); |
|
||||||
background: lighten(#ff7f00,10%); /* Old browsers */ background: -moz-linear-gradient(top, lighten(#ff7f00,10%) 0%, lighten(#ff6a00, 10%) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(#ff7f00,10%)), color-stop(100%,lighten(#ff6a00, 10%))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, lighten(#ff7f00,10%) 0%,lighten(#ff6a00, 10%) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, lighten(#ff7f00,10%) 0%,lighten(#ff6a00, 10%) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, lighten(#ff7f00,10%) 0%,lighten(#ff6a00, 10%) 100%); /* IE10+ */ background: linear-gradient(to bottom, lighten(#ff7f00,10%) 0%,lighten(#ff6a00, 10%) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#ff6a00',GradientType=0 ); /* IE6-9 */ |
|
||||||
} |
|
||||||
} |
|
||||||
&.btn-lg{ |
|
||||||
font-size: 26px; |
|
||||||
|
|
||||||
} |
|
||||||
} |
|
||||||
.jumbotron{ |
|
||||||
min-height: 606px; |
|
||||||
background: transparent url(../img/header_back.jpg) center top no-repeat; |
|
||||||
background-size: auto; |
|
||||||
color: #f8f8f6; |
|
||||||
padding-top: 80px; |
|
||||||
margin-bottom: 0; |
|
||||||
line-height: 1.5; |
|
||||||
h1{ |
|
||||||
font-size: 48px; |
|
||||||
font-weight: 300; |
|
||||||
color: #ffffff; |
|
||||||
margin-bottom: 46px; |
|
||||||
} |
|
||||||
p{ |
|
||||||
font-weight: normal; |
|
||||||
color: #b6b5b2; |
|
||||||
|
|
||||||
} |
|
||||||
.btn{ |
|
||||||
margin-top: 42px; |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
.attention{ |
|
||||||
color: #ff6600 !important; |
|
||||||
} |
|
||||||
.quote-strip{ |
|
||||||
min-height: 252px; |
|
||||||
background: #fac8a5; |
|
||||||
font-size: 26px; |
|
||||||
font-weight: 300; |
|
||||||
padding-top: 48px; |
|
||||||
color: #c39b82; |
|
||||||
transition: all .3s; |
|
||||||
&:hover{ |
|
||||||
color: #000000; |
|
||||||
} |
|
||||||
.quote{ |
|
||||||
font-size: 20px; |
|
||||||
font-style: italic; |
|
||||||
text-align: right; |
|
||||||
color: #000000 !important; |
|
||||||
|
|
||||||
strong{ |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.event-program-strip{ |
|
||||||
|
|
||||||
background: #fcfcfb; /* Old browsers */ background: -moz-linear-gradient(left, #fcfcfb 47%, #fcfcfb 47%, #f8ede4 53%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(47%,#fcfcfb), color-stop(47%,#fcfcfb), color-stop(53%,#f8ede4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fcfcfb 47%,#fcfcfb 47%,#f8ede4 53%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fcfcfb 47%,#fcfcfb 47%,#f8ede4 53%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #fcfcfb 47%,#fcfcfb 47%,#f8ede4 53%); /* IE10+ */ background: linear-gradient(to right, #fcfcfb 47%,#fcfcfb 47%,#f8ede4 53%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfb', endColorstr='#f8ede4',GradientType=1 ); /* IE6-9 */ |
|
||||||
|
|
||||||
font-size: 20px; |
|
||||||
|
|
||||||
h2{ |
|
||||||
font-size: 30px; |
|
||||||
font-weight: normal; |
|
||||||
color: #ff6600; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
.timing-table{ |
|
||||||
background-color: #fcfcfb; |
|
||||||
padding: 36px 15px; |
|
||||||
|
|
||||||
font-size: 18px; |
|
||||||
p{ |
|
||||||
margin-bottom: 32px; |
|
||||||
} |
|
||||||
.timing{ |
|
||||||
border-radius:10px; |
|
||||||
border: 1px solid #dadad8; |
|
||||||
background: #FCFCFB; |
|
||||||
padding-top: 16px; |
|
||||||
p{ |
|
||||||
margin-bottom: 0; |
|
||||||
padding-bottom: 16px; |
|
||||||
padding-left: 28px; |
|
||||||
font-size: 16px; |
|
||||||
display: block; |
|
||||||
&.with-time{ |
|
||||||
padding-left: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
.odd{ |
|
||||||
background: #F4F4F4; |
|
||||||
} |
|
||||||
.time{ |
|
||||||
display: inline-block; |
|
||||||
font-size: 20px; |
|
||||||
color: #ffffff; |
|
||||||
line-height: 36px; |
|
||||||
height: 36px; |
|
||||||
padding: 0 24px; |
|
||||||
background: #fd7821; |
|
||||||
} |
|
||||||
ul{ |
|
||||||
font-size: 18px; |
|
||||||
display: block; |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
padding-left: 28px; |
|
||||||
li{ |
|
||||||
display: block; |
|
||||||
margin-bottom: 16px; |
|
||||||
padding-left: 14px; |
|
||||||
.dot{ |
|
||||||
display: inline-block; |
|
||||||
margin-left: -14px; |
|
||||||
color: #ff6600; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.reporter{ |
|
||||||
display: block; |
|
||||||
|
|
||||||
padding-left: 22px; |
|
||||||
border-left: 1px solid #e8e8e7; |
|
||||||
img,figcaption{ |
|
||||||
display: inline-block; |
|
||||||
vertical-align: middle; |
|
||||||
padding-left: 4px; |
|
||||||
} |
|
||||||
img{ |
|
||||||
|
|
||||||
width: 38%; |
|
||||||
} |
|
||||||
figcaption{ |
|
||||||
width: 60%; |
|
||||||
|
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
.venue{ |
|
||||||
background-color: #f8ede4; |
|
||||||
padding: 36px 15px; |
|
||||||
font-size: 18px; |
|
||||||
h2{ |
|
||||||
margin-top: 0; |
|
||||||
} |
|
||||||
p{ |
|
||||||
margin-bottom: 16px; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.footer{ |
|
||||||
user-select: none; |
|
||||||
box-sizing: border-box; |
|
||||||
min-height: 670px; |
|
||||||
background: transparent url(../img/footer_back.jpg) center top no-repeat; |
|
||||||
background-size: auto; |
|
||||||
h2{ |
|
||||||
font-size: 48px; |
|
||||||
font-weight: bold; |
|
||||||
margin-top: 76px; |
|
||||||
color: #ffffff; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.reasons-strip { |
|
||||||
padding-bottom: 16px; |
|
||||||
min-height: 400px; |
|
||||||
} |
|
||||||
.reasons{ |
|
||||||
display: table; |
|
||||||
width: 100%; |
|
||||||
margin-top: 46px; |
|
||||||
.reason{ |
|
||||||
display: table-cell; |
|
||||||
font-size: 16px; |
|
||||||
color: #ffffff; |
|
||||||
|
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
figcaption{ |
|
||||||
margin-top: 18px; |
|
||||||
padding: 0 26px; |
|
||||||
|
|
||||||
} |
|
||||||
} |
|
||||||
.shaded-strip{ |
|
||||||
min-height:270px; |
|
||||||
padding-top: 44px; |
|
||||||
background-color: rgba(0, 0, 0, .5); |
|
||||||
h2{ |
|
||||||
color: #ffffff; |
|
||||||
font-weight: bold; |
|
||||||
font-size: 36px; |
|
||||||
margin-top: 0; |
|
||||||
|
|
||||||
} |
|
||||||
a.large{ |
|
||||||
font-size: 36px; |
|
||||||
text-align: center; |
|
||||||
display: block; |
|
||||||
margin-bottom: 28px; |
|
||||||
} |
|
||||||
.btn.void{ |
|
||||||
background: transparent; |
|
||||||
border: 2px solid #ffffff; |
|
||||||
&:hover{ |
|
||||||
background: rgba(0, 0, 0, .5); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.modal-body{ |
|
||||||
padding: 15px 70px; |
|
||||||
} |
|
||||||
@media (min-width: 768px){ |
|
||||||
|
|
||||||
.modal-dialog { |
|
||||||
width: 460px; |
|
||||||
margin: 90px auto; |
|
||||||
} |
|
||||||
} |
|
||||||
.modal-title{ |
|
||||||
font-size: 24px; |
|
||||||
font-weight: normal; |
|
||||||
text-align: center; |
|
||||||
color: #ff6600; |
|
||||||
} |
|
||||||
.modal-header{ |
|
||||||
border-bottom: 0; |
|
||||||
} |
|
||||||
@ -1,24 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "expo_landing", |
|
||||||
"version": "1.0.0", |
|
||||||
"description": "", |
|
||||||
"main": "index.js", |
|
||||||
"scripts": { |
|
||||||
"test": "echo \"Error: no test specified\" && exit 1" |
|
||||||
}, |
|
||||||
"author": "", |
|
||||||
"license": "ISC", |
|
||||||
"devDependencies": { |
|
||||||
"gulp": "^3.9.0", |
|
||||||
"gulp-autoprefixer": "^2.3.1", |
|
||||||
"gulp-concat": "^2.5.2", |
|
||||||
"gulp-cssmin": "^0.1.7", |
|
||||||
"gulp-image-optimization": "^0.1.3", |
|
||||||
"gulp-less": "^3.0.3", |
|
||||||
"gulp-livereload": "^3.8.0", |
|
||||||
"gulp-newer": "^0.5.0", |
|
||||||
"gulp-rename": "^1.2.2", |
|
||||||
"gulp-sourcemaps": "^1.5.2", |
|
||||||
"gulp-uglify": "^1.2.0" |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,480 +0,0 @@ |
|||||||
@font-face { |
|
||||||
font-family: 'pf_dindisplay_prolight'; |
|
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
@font-face { |
|
||||||
font-family: 'pf_dindisplay_promedium'; |
|
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
@font-face { |
|
||||||
font-family: 'pf_dindisplay_proregular'; |
|
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
|
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), |
|
||||||
url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
@font-face { |
|
||||||
font-family: 'MyriadProRegular'; |
|
||||||
src: url('../fonts/myriad_pro-webfont.eot'); |
|
||||||
src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), |
|
||||||
url('../fonts/myriad_pro-webfont.woff') format('woff'), |
|
||||||
url('../fonts/myriad_pro-webfont.ttf') format('truetype'); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
body.pr { |
|
||||||
margin:0; |
|
||||||
color:#090909; |
|
||||||
font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
|
||||||
background:#fff; |
|
||||||
min-width:1000px; |
|
||||||
} |
|
||||||
.pr img { |
|
||||||
border-style:none; |
|
||||||
vertical-align:top; |
|
||||||
} |
|
||||||
.pr a { |
|
||||||
color:#090909; |
|
||||||
outline:none; |
|
||||||
} |
|
||||||
.pr a:hover { |
|
||||||
text-decoration:none; |
|
||||||
} |
|
||||||
.pr * { |
|
||||||
outline:none; |
|
||||||
} |
|
||||||
.pr input { |
|
||||||
font:100% Arial, Helvetica, sans-serif; |
|
||||||
vertical-align:middle; |
|
||||||
} |
|
||||||
.pr form, .pr fieldset { |
|
||||||
margin:0; |
|
||||||
padding:0; |
|
||||||
border-style:none; |
|
||||||
} |
|
||||||
.pr header, |
|
||||||
.pr nav, |
|
||||||
.pr section, |
|
||||||
.pr article, |
|
||||||
.pr aside, |
|
||||||
.pr footer, |
|
||||||
.pr figure, |
|
||||||
.pr menu, |
|
||||||
.pr dialog { |
|
||||||
display: block; |
|
||||||
} |
|
||||||
#pr-wrapper{ |
|
||||||
width:100%; |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr-center{ |
|
||||||
width:964px; |
|
||||||
margin:0 auto; |
|
||||||
padding:0 18px; |
|
||||||
} |
|
||||||
.pr-center:after{ display:block; clear:both; content:'';} |
|
||||||
#pr-header{ |
|
||||||
overflow:hidden; |
|
||||||
min-height:98px; |
|
||||||
padding:62px 0 10px; |
|
||||||
} |
|
||||||
.pr-logo{ |
|
||||||
float:left; |
|
||||||
width:254px; |
|
||||||
height:74px; |
|
||||||
background:url(../images/pr-logo.png) no-repeat; |
|
||||||
text-indent:-9999px; |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr-logo a{ |
|
||||||
display:block; |
|
||||||
height:100%; |
|
||||||
} |
|
||||||
.pr-slogan{ |
|
||||||
float:left; |
|
||||||
margin:0 0 0 20px; |
|
||||||
background:url(../images/pr-line01.png) no-repeat 0 50%; |
|
||||||
padding:28px 0 20px 20px; |
|
||||||
color:#454545; |
|
||||||
font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
|
||||||
text-transform:uppercase; |
|
||||||
} |
|
||||||
.pr-search-icon{ |
|
||||||
background:url(../images/pr-icon01.png) no-repeat; |
|
||||||
width:17px; |
|
||||||
height:19px; |
|
||||||
display:inline-block; |
|
||||||
vertical-align:top; |
|
||||||
margin:0 1px 0 3px; |
|
||||||
} |
|
||||||
.pr-header-box{ |
|
||||||
float:right; |
|
||||||
text-align:right; |
|
||||||
margin:-4px 0 0; |
|
||||||
} |
|
||||||
.pr-phone{ |
|
||||||
font-size: 25px; |
|
||||||
line-height:30px; |
|
||||||
text-decoration:none; |
|
||||||
color:#454545; |
|
||||||
display:inline-block; |
|
||||||
vertical-align:top; |
|
||||||
margin:0 0 5px; |
|
||||||
} |
|
||||||
.pr-social{ |
|
||||||
margin:0; padding:0; list-style:none; |
|
||||||
font-size: 0; |
|
||||||
line-height:0; |
|
||||||
} |
|
||||||
.pr-social li{ |
|
||||||
display:inline-block; |
|
||||||
vertical-align:middle; |
|
||||||
margin:0 0 0 6px; |
|
||||||
-webkit-transition: all 100ms linear; |
|
||||||
-moz-transition: all 100ms linear; |
|
||||||
-ms-transition: all 100ms linear; |
|
||||||
-o-transition: all 100ms linear; |
|
||||||
transition: all 100ms linear; |
|
||||||
} |
|
||||||
.pr-social li:hover{ |
|
||||||
opacity:0.8; |
|
||||||
} |
|
||||||
#pr-promo{ |
|
||||||
background:url(../images/pr-img01.jpg) no-repeat 50% 0; |
|
||||||
background-size:cover; |
|
||||||
min-height:400px; |
|
||||||
padding:35px 0 47px; |
|
||||||
color:#fff; |
|
||||||
} |
|
||||||
#pr-promo .pr-center{ |
|
||||||
padding:0 25px; |
|
||||||
width:950px; |
|
||||||
} |
|
||||||
#pr-promo h1{ |
|
||||||
font-weight:normal; |
|
||||||
margin:0 0 16px; |
|
||||||
font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
|
||||||
color:#fff; |
|
||||||
} |
|
||||||
#pr-promo h2{ |
|
||||||
font-weight:normal; |
|
||||||
margin:0 0 15px; |
|
||||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
|
||||||
color:#99fbff; |
|
||||||
} |
|
||||||
#pr-promo p{ |
|
||||||
margin:0; |
|
||||||
} |
|
||||||
.pr-promo-text{ |
|
||||||
max-width:400px; |
|
||||||
margin:0 0 22px; |
|
||||||
} |
|
||||||
.pr .pr-promo-text a{ |
|
||||||
color:#fff; |
|
||||||
} |
|
||||||
.pr-form{ |
|
||||||
width:509px; |
|
||||||
text-align:center; |
|
||||||
} |
|
||||||
.pr-form .pr-row{ |
|
||||||
overflow:hidden; |
|
||||||
margin:0 0 14px; |
|
||||||
} |
|
||||||
.pr-input{ |
|
||||||
float:left; |
|
||||||
height:46px; |
|
||||||
width:186px; |
|
||||||
padding:0 44px 0 18px; |
|
||||||
margin:0 0 0 13px; |
|
||||||
background:#fff; |
|
||||||
border-radius:4px; |
|
||||||
position:relative; |
|
||||||
} |
|
||||||
.pr-input:first-child{ |
|
||||||
margin:0; |
|
||||||
} |
|
||||||
.pr-input:after{ content:''; |
|
||||||
position:absolute; |
|
||||||
top:13px; |
|
||||||
right:14px; |
|
||||||
width:20px; |
|
||||||
height:20px;} |
|
||||||
.pr-input.pr-name:after{ |
|
||||||
background:url(../images/pr-icon02.png) no-repeat 50% 50%; |
|
||||||
} |
|
||||||
.pr-input.pr-email:after{ |
|
||||||
background:url(../images/pr-icon03.png) no-repeat 50% 50%; |
|
||||||
} |
|
||||||
.pr-form input{ |
|
||||||
padding:0; |
|
||||||
border:none; |
|
||||||
color:#000; |
|
||||||
font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
|
||||||
height:24px; |
|
||||||
margin:12px 0 0; |
|
||||||
} |
|
||||||
.pr-form input:focus::-webkit-input-placeholder { |
|
||||||
color:transparent; |
|
||||||
} |
|
||||||
.pr-form input:focus:-moz-placeholder { |
|
||||||
color:transparent; |
|
||||||
} |
|
||||||
.pr-form input:focus:-ms-input-placeholder { |
|
||||||
color:transparent; |
|
||||||
} |
|
||||||
.pr-form input:focus::-moz-placeholder { |
|
||||||
color:transparent; |
|
||||||
} |
|
||||||
.pr-form input::-webkit-input-placeholder { /* WebKit browsers */ |
|
||||||
color:#808080; |
|
||||||
opacity:1; |
|
||||||
} |
|
||||||
.pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
|
||||||
color:#808080; |
|
||||||
opacity:1; |
|
||||||
} |
|
||||||
.pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
|
||||||
color:#808080; |
|
||||||
opacity:1; |
|
||||||
} |
|
||||||
.pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
|
||||||
color:#808080; |
|
||||||
opacity:1; |
|
||||||
} |
|
||||||
.pr-form button{ |
|
||||||
display:block; |
|
||||||
border:2px solid #fff; |
|
||||||
border-radius:4px; |
|
||||||
background:#ff6900; |
|
||||||
height:64px; |
|
||||||
font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
|
||||||
text-align:center; |
|
||||||
text-transform:uppercase; |
|
||||||
color:#fff; |
|
||||||
width:100%; |
|
||||||
cursor:pointer; |
|
||||||
-webkit-transition: all 100ms linear; |
|
||||||
-moz-transition: all 100ms linear; |
|
||||||
-ms-transition: all 100ms linear; |
|
||||||
-o-transition: all 100ms linear; |
|
||||||
transition: all 100ms linear; |
|
||||||
} |
|
||||||
.pr-form button:hover{ |
|
||||||
opacity:0.9; |
|
||||||
} |
|
||||||
#pr-content{ |
|
||||||
padding:59px 0 26px; |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr .pr-interesting-form{ |
|
||||||
overflow:hidden; |
|
||||||
margin:0 0 50px; |
|
||||||
} |
|
||||||
.pr-interesting{ |
|
||||||
float:left; |
|
||||||
width:300px; |
|
||||||
margin:0 85px 0 0; |
|
||||||
} |
|
||||||
.pr-interesting h3{ |
|
||||||
font-weight:normal; |
|
||||||
margin:0 0 14px; |
|
||||||
font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
|
||||||
color:#080808; |
|
||||||
} |
|
||||||
.pr-interesting h4{ |
|
||||||
font-weight:normal; |
|
||||||
margin:0 17px 18px; |
|
||||||
font-size: 20px; |
|
||||||
line-height:22px; |
|
||||||
color:#060606; |
|
||||||
} |
|
||||||
.pr-interesting-list{ |
|
||||||
margin:0; padding:0; list-style:none; |
|
||||||
font-size: 17px; |
|
||||||
line-height:21px; |
|
||||||
color:#010100; |
|
||||||
} |
|
||||||
.pr-interesting-list li{ |
|
||||||
margin:0 0 7px; |
|
||||||
} |
|
||||||
.pr-close{ |
|
||||||
background:url(../images/pr-icon04.png) no-repeat; |
|
||||||
width:12px; |
|
||||||
height:12px; |
|
||||||
display:inline-block; |
|
||||||
vertical-align:top; |
|
||||||
margin:4px 3px 0 0; |
|
||||||
text-decoration:none; |
|
||||||
} |
|
||||||
.pr-interesting-box{ |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr-interesting-wrap{ |
|
||||||
overflow:hidden; |
|
||||||
margin:0 0 38px; |
|
||||||
} |
|
||||||
.pr-interesting-col{ |
|
||||||
margin:0 0 0 8px; padding:0; list-style:none; |
|
||||||
float:left; |
|
||||||
width:285px; |
|
||||||
} |
|
||||||
.pr-interesting-col:first-child{ |
|
||||||
margin:0; |
|
||||||
} |
|
||||||
.pr-interesting-col li{ |
|
||||||
margin:0 0 16px; |
|
||||||
} |
|
||||||
.pr .pr-btn-open{ |
|
||||||
display:block; |
|
||||||
height:65px; |
|
||||||
border:2px solid #ff7d22; |
|
||||||
text-align:center; |
|
||||||
padding:0 20px; |
|
||||||
font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
|
||||||
color:#ff6900; |
|
||||||
-webkit-transition: all 100ms linear; |
|
||||||
-moz-transition: all 100ms linear; |
|
||||||
-ms-transition: all 100ms linear; |
|
||||||
-o-transition: all 100ms linear; |
|
||||||
transition: all 100ms linear; |
|
||||||
} |
|
||||||
.pr .pr-btn-open:hover{ |
|
||||||
opacity:0.8; |
|
||||||
} |
|
||||||
.pr-btn-open span{ |
|
||||||
display:inline-block; |
|
||||||
vertical-align:top; |
|
||||||
padding:0 0 0 22px; |
|
||||||
background:url(../images/pr-icon05.png) no-repeat 0 47%; |
|
||||||
} |
|
||||||
.pr-interesting-col label{ |
|
||||||
display:block; |
|
||||||
overflow:hidden; |
|
||||||
cursor:pointer; |
|
||||||
padding:0 0 0 10px; |
|
||||||
line-height:25px; |
|
||||||
text-decoration:underline; |
|
||||||
} |
|
||||||
.pr-interesting-col label:hover{ |
|
||||||
text-decoration:none; |
|
||||||
} |
|
||||||
div.pr-check, |
|
||||||
div.pr-radio { |
|
||||||
float: left; |
|
||||||
width: 24px; |
|
||||||
height: 24px; |
|
||||||
position: relative; |
|
||||||
background:url(../images/pr-icon06.png) no-repeat; |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
div.pr-check.checked{ |
|
||||||
background-position:0 -40px; |
|
||||||
} |
|
||||||
div.pr-radio.checked{ |
|
||||||
background-position:-0 -40px; |
|
||||||
} |
|
||||||
div.check.disabled, |
|
||||||
div.check.disabled + label { |
|
||||||
cursor: default !important; |
|
||||||
} |
|
||||||
div.pr-radio.disabled, |
|
||||||
div.pr-radio.disabled + label{ |
|
||||||
cursor: default !important; |
|
||||||
} |
|
||||||
.pr-subscription{ |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr-subscription h3{ |
|
||||||
font-weight:normal; |
|
||||||
margin:0 0 46px; |
|
||||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
|
||||||
color:#000; |
|
||||||
} |
|
||||||
.pr-subscription-box{ |
|
||||||
overflow:hidden; |
|
||||||
} |
|
||||||
.pr-subscription-list{ |
|
||||||
float:left; |
|
||||||
width:300px; |
|
||||||
margin: 0 85px 0 0; |
|
||||||
padding:0; list-style:none; |
|
||||||
} |
|
||||||
.pr-subscription-list li{ |
|
||||||
margin:0 0 27px; |
|
||||||
} |
|
||||||
.pr-subscription-row{ |
|
||||||
overflow:hidden; |
|
||||||
margin:0 0 5px; |
|
||||||
} |
|
||||||
.pr-subscription-list label{ |
|
||||||
overflow:hidden; |
|
||||||
display:block; |
|
||||||
padding:0 0 0 12px; |
|
||||||
cursor:pointer; |
|
||||||
font-size: 23px; |
|
||||||
line-height:26px; |
|
||||||
} |
|
||||||
.pr-subscription-row:hover label{ |
|
||||||
color:#ff6900; |
|
||||||
} |
|
||||||
.pr-subscription-list .pr-title{ |
|
||||||
margin:0 0 0 36px; |
|
||||||
color:#482500; |
|
||||||
font-size: 17px; |
|
||||||
line-height:21px; |
|
||||||
} |
|
||||||
.pr-subscription-list p{ |
|
||||||
margin:0 0 5px; |
|
||||||
} |
|
||||||
.pr .pr-subscription-list .pr-title a{ |
|
||||||
color:#ff6900; |
|
||||||
} |
|
||||||
.pr-subscription-col{ |
|
||||||
overflow:hidden; |
|
||||||
padding:88px 0 0; |
|
||||||
text-align:center; |
|
||||||
} |
|
||||||
.pr-subscription-col button{ |
|
||||||
display:block; |
|
||||||
background:#ff6900; |
|
||||||
height:92px; |
|
||||||
font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
|
||||||
text-align:center; |
|
||||||
text-transform:uppercase; |
|
||||||
color:#fff; |
|
||||||
width:100%; |
|
||||||
margin:0 0 36px; |
|
||||||
border:none; |
|
||||||
cursor:pointer; |
|
||||||
-webkit-transition: all 100ms linear; |
|
||||||
-moz-transition: all 100ms linear; |
|
||||||
-ms-transition: all 100ms linear; |
|
||||||
-o-transition: all 100ms linear; |
|
||||||
transition: all 100ms linear; |
|
||||||
} |
|
||||||
.pr-subscription-col button:hover{ |
|
||||||
opacity:0.9; |
|
||||||
} |
|
||||||
.pr-subscription-col strong{ |
|
||||||
font-weight:normal; |
|
||||||
font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
|
||||||
color:#8f9698; |
|
||||||
} |
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 499 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 70 KiB |
@ -1,11 +0,0 @@ |
|||||||
/*! iCheck v1.0.2 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ |
|
||||||
(function(f){function A(a,b,d){var c=a[0],g=/er/.test(d)?_indeterminate:/bl/.test(d)?n:k,e=d==_update?{checked:c[k],disabled:c[n],indeterminate:"true"==a.attr(_indeterminate)||"false"==a.attr(_determinate)}:c[g];if(/^(ch|di|in)/.test(d)&&!e)x(a,g);else if(/^(un|en|de)/.test(d)&&e)q(a,g);else if(d==_update)for(var f in e)e[f]?x(a,f,!0):q(a,f,!0);else if(!b||"toggle"==d){if(!b)a[_callback]("ifClicked");e?c[_type]!==r&&q(a,g):x(a,g)}}function x(a,b,d){var c=a[0],g=a.parent(),e=b==k,u=b==_indeterminate, |
|
||||||
v=b==n,s=u?_determinate:e?y:"enabled",F=l(a,s+t(c[_type])),B=l(a,b+t(c[_type]));if(!0!==c[b]){if(!d&&b==k&&c[_type]==r&&c.name){var w=a.closest("form"),p='input[name="'+c.name+'"]',p=w.length?w.find(p):f(p);p.each(function(){this!==c&&f(this).data(m)&&q(f(this),b)})}u?(c[b]=!0,c[k]&&q(a,k,"force")):(d||(c[b]=!0),e&&c[_indeterminate]&&q(a,_indeterminate,!1));D(a,e,b,d)}c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"default");g[_add](B||l(a,b)||"");g.attr("role")&&!u&&g.attr("aria-"+(v?n:k),"true"); |
|
||||||
g[_remove](F||l(a,s)||"")}function q(a,b,d){var c=a[0],g=a.parent(),e=b==k,f=b==_indeterminate,m=b==n,s=f?_determinate:e?y:"enabled",q=l(a,s+t(c[_type])),r=l(a,b+t(c[_type]));if(!1!==c[b]){if(f||!d||"force"==d)c[b]=!1;D(a,e,s,d)}!c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"pointer");g[_remove](r||l(a,b)||"");g.attr("role")&&!f&&g.attr("aria-"+(m?n:k),"false");g[_add](q||l(a,s)||"")}function E(a,b){if(a.data(m)){a.parent().html(a.attr("style",a.data(m).s||""));if(b)a[_callback](b);a.off(".i").unwrap(); |
|
||||||
f(_label+'[for="'+a[0].id+'"]').add(a.closest(_label)).off(".i")}}function l(a,b,f){if(a.data(m))return a.data(m).o[b+(f?"":"Class")]}function t(a){return a.charAt(0).toUpperCase()+a.slice(1)}function D(a,b,f,c){if(!c){if(b)a[_callback]("ifToggled");a[_callback]("ifChanged")[_callback]("if"+t(f))}}var m="iCheck",C=m+"-helper",r="radio",k="checked",y="un"+k,n="disabled";_determinate="determinate";_indeterminate="in"+_determinate;_update="update";_type="type";_click="click";_touch="touchbegin.i touchend.i"; |
|
||||||
_add="addClass";_remove="removeClass";_callback="trigger";_label="label";_cursor="cursor";_mobile=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);f.fn[m]=function(a,b){var d='input[type="checkbox"], input[type="'+r+'"]',c=f(),g=function(a){a.each(function(){var a=f(this);c=a.is(d)?c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),g(this),c.each(function(){var c= |
|
||||||
f(this);"destroy"==a?E(c,"ifDestroyed"):A(c,!0,a);f.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var e=f.extend({checkedClass:k,disabledClass:n,indeterminateClass:_indeterminate,labelHover:!0},a),l=e.handle,v=e.hoverClass||"hover",s=e.focusClass||"focus",t=e.activeClass||"active",B=!!e.labelHover,w=e.labelHoverClass||"hover",p=(""+e.increaseArea).replace("%","")|0;if("checkbox"==l||l==r)d='input[type="'+l+'"]';-50>p&&(p=-50);g(this);return c.each(function(){var a=f(this);E(a);var c=this, |
|
||||||
b=c.id,g=-p+"%",d=100+2*p+"%",d={position:"absolute",top:g,left:g,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},g=_mobile?{position:"absolute",visibility:"hidden"}:p?d:{position:"absolute",opacity:0},l="checkbox"==c[_type]?e.checkboxClass||"icheckbox":e.radioClass||"i"+r,z=f(_label+'[for="'+b+'"]').add(a.closest(_label)),u=!!e.aria,y=m+"-"+Math.random().toString(36).substr(2,6),h='<div class="'+l+'" '+(u?'role="'+c[_type]+'" ':"");u&&z.each(function(){h+= |
|
||||||
'aria-labelledby="';this.id?h+=this.id:(this.id=y,h+=y);h+='"'});h=a.wrap(h+"/>")[_callback]("ifCreated").parent().append(e.insert);d=f('<ins class="'+C+'"/>').css(d).appendTo(h);a.data(m,{o:e,s:a.attr("style")}).css(g);e.inheritClass&&h[_add](c.className||"");e.inheritID&&b&&h.attr("id",m+"-"+b);"static"==h.css("position")&&h.css("position","relative");A(a,!0,_update);if(z.length)z.on(_click+".i mouseover.i mouseout.i "+_touch,function(b){var d=b[_type],e=f(this);if(!c[n]){if(d==_click){if(f(b.target).is("a"))return; |
|
||||||
A(a,!1,!0)}else B&&(/ut|nd/.test(d)?(h[_remove](v),e[_remove](w)):(h[_add](v),e[_add](w)));if(_mobile)b.stopPropagation();else return!1}});a.on(_click+".i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[_type];b=b.keyCode;if(d==_click)return!1;if("keydown"==d&&32==b)return c[_type]==r&&c[k]||(c[k]?q(a,k):x(a,k)),!1;if("keyup"==d&&c[_type]==r)!c[k]&&x(a,k);else if(/us|ur/.test(d))h["blur"==d?_remove:_add](s)});d.on(_click+" mousedown mouseup mouseover mouseout "+_touch,function(b){var d= |
|
||||||
b[_type],e=/wn|up/.test(d)?t:v;if(!c[n]){if(d==_click)A(a,!1,!0);else{if(/wn|er|in/.test(d))h[_add](e);else h[_remove](e+" "+t);if(z.length&&B&&e==v)z[/ut|nd/.test(d)?_remove:_add](w)}if(_mobile)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto); |
|
||||||
@ -1,28 +0,0 @@ |
|||||||
$(document).ready(function(){ |
|
||||||
$('.pr-form input, .pr-form textarea').placeholder(); |
|
||||||
$('.pr-btn-open').click(function(){ |
|
||||||
_this = $(this); |
|
||||||
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
|
||||||
_this.fadeOut(400); |
|
||||||
}); |
|
||||||
return false; |
|
||||||
}); |
|
||||||
$('.pr form input').iCheck({ |
|
||||||
checkboxClass: 'pr-check', |
|
||||||
radioClass: 'pr-radio', |
|
||||||
increaseArea: '20%' // optional
|
|
||||||
}); |
|
||||||
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
|
||||||
$('.pr-interesting-list').html(''); |
|
||||||
$('.pr-interesting-form input:checkbox').each(function(){ |
|
||||||
if ($(this).is(':checked')){ |
|
||||||
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
|
||||||
} |
|
||||||
}) |
|
||||||
}); |
|
||||||
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
|
||||||
var _id = $(this).parent().attr('data-id'); |
|
||||||
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
|
||||||
return false; |
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -1,183 +0,0 @@ |
|||||||
/*! http://mths.be/placeholder v2.0.7 by @mathias */ |
|
||||||
;(function(window, document, $) { |
|
||||||
|
|
||||||
var isInputSupported = 'placeholder' in document.createElement('input'); |
|
||||||
var isTextareaSupported = 'placeholder' in document.createElement('textarea'); |
|
||||||
var prototype = $.fn; |
|
||||||
var valHooks = $.valHooks; |
|
||||||
var propHooks = $.propHooks; |
|
||||||
var hooks; |
|
||||||
var placeholder; |
|
||||||
|
|
||||||
if (isInputSupported && isTextareaSupported) { |
|
||||||
|
|
||||||
placeholder = prototype.placeholder = function() { |
|
||||||
return this; |
|
||||||
}; |
|
||||||
|
|
||||||
placeholder.input = placeholder.textarea = true; |
|
||||||
|
|
||||||
} else { |
|
||||||
|
|
||||||
placeholder = prototype.placeholder = function() { |
|
||||||
var $this = this; |
|
||||||
$this |
|
||||||
.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]') |
|
||||||
.not('.placeholder') |
|
||||||
.bind({ |
|
||||||
'focus.placeholder': clearPlaceholder, |
|
||||||
'blur.placeholder': setPlaceholder |
|
||||||
}) |
|
||||||
.data('placeholder-enabled', true) |
|
||||||
.trigger('blur.placeholder'); |
|
||||||
return $this; |
|
||||||
}; |
|
||||||
|
|
||||||
placeholder.input = isInputSupported; |
|
||||||
placeholder.textarea = isTextareaSupported; |
|
||||||
|
|
||||||
hooks = { |
|
||||||
'get': function(element) { |
|
||||||
var $element = $(element); |
|
||||||
|
|
||||||
var $passwordInput = $element.data('placeholder-password'); |
|
||||||
if ($passwordInput) { |
|
||||||
return $passwordInput[0].value; |
|
||||||
} |
|
||||||
|
|
||||||
return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value; |
|
||||||
}, |
|
||||||
'set': function(element, value) { |
|
||||||
var $element = $(element); |
|
||||||
|
|
||||||
var $passwordInput = $element.data('placeholder-password'); |
|
||||||
if ($passwordInput) { |
|
||||||
return $passwordInput[0].value = value; |
|
||||||
} |
|
||||||
|
|
||||||
if (!$element.data('placeholder-enabled')) { |
|
||||||
return element.value = value; |
|
||||||
} |
|
||||||
if (value == '') { |
|
||||||
element.value = value; |
|
||||||
// Issue #56: Setting the placeholder causes problems if the element continues to have focus.
|
|
||||||
if (element != safeActiveElement()) { |
|
||||||
// We can't use `triggerHandler` here because of dummy text/password inputs :(
|
|
||||||
setPlaceholder.call(element); |
|
||||||
} |
|
||||||
} else if ($element.hasClass('placeholder')) { |
|
||||||
clearPlaceholder.call(element, true, value) || (element.value = value); |
|
||||||
} else { |
|
||||||
element.value = value; |
|
||||||
} |
|
||||||
// `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
|
|
||||||
return $element; |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
if (!isInputSupported) { |
|
||||||
valHooks.input = hooks; |
|
||||||
propHooks.value = hooks; |
|
||||||
} |
|
||||||
if (!isTextareaSupported) { |
|
||||||
valHooks.textarea = hooks; |
|
||||||
propHooks.value = hooks; |
|
||||||
} |
|
||||||
|
|
||||||
$(function() { |
|
||||||
// Look for forms
|
|
||||||
$(document).delegate('form', 'submit.placeholder', function() { |
|
||||||
// Clear the placeholder values so they don't get submitted
|
|
||||||
var $inputs = $('.placeholder', this).each(clearPlaceholder); |
|
||||||
setTimeout(function() { |
|
||||||
$inputs.each(setPlaceholder); |
|
||||||
}, 10); |
|
||||||
}); |
|
||||||
}); |
|
||||||
|
|
||||||
// Clear placeholder values upon page reload
|
|
||||||
$(window).bind('beforeunload.placeholder', function() { |
|
||||||
$('.placeholder').each(function() { |
|
||||||
this.value = ''; |
|
||||||
}); |
|
||||||
}); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
function args(elem) { |
|
||||||
// Return an object of element attributes
|
|
||||||
var newAttrs = {}; |
|
||||||
var rinlinejQuery = /^jQuery\d+$/; |
|
||||||
$.each(elem.attributes, function(i, attr) { |
|
||||||
if (attr.specified && !rinlinejQuery.test(attr.name)) { |
|
||||||
newAttrs[attr.name] = attr.value; |
|
||||||
} |
|
||||||
}); |
|
||||||
return newAttrs; |
|
||||||
} |
|
||||||
|
|
||||||
function clearPlaceholder(event, value) { |
|
||||||
var input = this; |
|
||||||
var $input = $(input); |
|
||||||
if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) { |
|
||||||
if ($input.data('placeholder-password')) { |
|
||||||
$input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id')); |
|
||||||
// If `clearPlaceholder` was called from `$.valHooks.input.set`
|
|
||||||
if (event === true) { |
|
||||||
return $input[0].value = value; |
|
||||||
} |
|
||||||
$input.focus(); |
|
||||||
} else { |
|
||||||
input.value = ''; |
|
||||||
$input.removeClass('placeholder'); |
|
||||||
input == safeActiveElement() && input.select(); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function setPlaceholder() { |
|
||||||
var $replacement; |
|
||||||
var input = this; |
|
||||||
var $input = $(input); |
|
||||||
var id = this.id; |
|
||||||
if (input.value == '') { |
|
||||||
if (input.type == 'password') { |
|
||||||
if (!$input.data('placeholder-textinput')) { |
|
||||||
try { |
|
||||||
$replacement = $input.clone().attr({ 'type': 'text' }); |
|
||||||
} catch(e) { |
|
||||||
$replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' })); |
|
||||||
} |
|
||||||
$replacement |
|
||||||
.removeAttr('name') |
|
||||||
.data({ |
|
||||||
'placeholder-password': $input, |
|
||||||
'placeholder-id': id |
|
||||||
}) |
|
||||||
.bind('focus.placeholder', clearPlaceholder); |
|
||||||
$input |
|
||||||
.data({ |
|
||||||
'placeholder-textinput': $replacement, |
|
||||||
'placeholder-id': id |
|
||||||
}) |
|
||||||
.before($replacement); |
|
||||||
} |
|
||||||
$input = $input.removeAttr('id').hide().prev().attr('id', id).show(); |
|
||||||
// Note: `$input[0] != input` now!
|
|
||||||
} |
|
||||||
$input.addClass('placeholder'); |
|
||||||
$input[0].value = $input.attr('placeholder'); |
|
||||||
} else { |
|
||||||
$input.removeClass('placeholder'); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function safeActiveElement() { |
|
||||||
// Avoid IE9 `document.activeElement` of death
|
|
||||||
// https://github.com/mathiasbynens/jquery-placeholder/pull/99
|
|
||||||
try { |
|
||||||
return document.activeElement; |
|
||||||
} catch (err) {} |
|
||||||
} |
|
||||||
|
|
||||||
}(this, document, jQuery)); |
|
||||||
@ -0,0 +1,56 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-med-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-med-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-med-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-med-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium) format('svg'); |
||||||
|
font-weight: 500; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-thin-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-thin-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-thin-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-thin-webfont.woff) format('woff'); |
||||||
|
font-weight: 100; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-light-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-light-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-light-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-light-webfont.ttf) format('truetype'); |
||||||
|
font-weight: 300; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-italic-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-italic-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-italic-webfont.ttf) format('truetype'); |
||||||
|
font-weight: 400; |
||||||
|
font-style: italic |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-bold-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-bold-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-bold-webfont.woff) format('woff'); |
||||||
|
font-weight: 700; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: dindisplay_pro; |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-reg-webfont.eot); |
||||||
|
src: url(../../client/fonts/pfdindisplaypro-reg-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-reg-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-reg-webfont.ttf) format('truetype'); |
||||||
|
font-weight: 400; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: pt_sans; |
||||||
|
src: url(../../client/fonts/pts75f-webfont.eot); |
||||||
|
src: url(../../client/fonts/pts75f-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pts75f-webfont.woff) format('woff'), url(../../client/fonts/pts75f-webfont.ttf) format('truetype'); |
||||||
|
font-weight: 700; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
@font-face { |
||||||
|
font-family: pt_sans; |
||||||
|
src: url(../../client/fonts/pts55f-webfont.eot); |
||||||
|
src: url(../../client/fonts/pts55f-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pts55f-webfont.woff) format('woff'), url(../../client/fonts/pts55f-webfont.ttf) format('truetype'); |
||||||
|
font-weight: 400; |
||||||
|
font-style: normal |
||||||
|
} |
||||||
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 43 B After Width: | Height: | Size: 43 B |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |