mirror of
https://github.com/ascribe/wp-theme
synced 2025-01-03 10:25:08 +01:00
Styling new tour pages
This commit is contained in:
Sarah Etter
parent
6f0d89c317
commit
15575512d7
81
Gruntfile.js
81
Gruntfile.js
@ -88,15 +88,15 @@ module.exports = function( grunt ) {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
livereload: {
|
//livereload: {
|
||||||
files: ['assets/css/*.css'],
|
// files: ['assets/css/*.css'],
|
||||||
options: {
|
// options: {
|
||||||
livereload: true
|
// livereload: true
|
||||||
}
|
// }
|
||||||
},
|
//},
|
||||||
styles: {
|
styles: {
|
||||||
files: ['assets/css/less/**/*.less'],
|
files: ['assets/css/less/**/*.less'],
|
||||||
tasks: ['less', 'autoprefixer', 'cssmin'],
|
tasks: ['less', 'postcss', 'cssmin'],
|
||||||
options: {
|
options: {
|
||||||
debounceDelay: 500
|
debounceDelay: 500
|
||||||
}
|
}
|
||||||
@ -108,6 +108,65 @@ module.exports = function( grunt ) {
|
|||||||
debounceDelay: 500
|
debounceDelay: 500
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
'sftp-deploy': {
|
||||||
|
css: {
|
||||||
|
auth: {
|
||||||
|
host: 'server.territorial.ca',
|
||||||
|
port: 22,
|
||||||
|
authKey: 'key1'
|
||||||
|
},
|
||||||
|
cache: 'sftpCache.json',
|
||||||
|
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css/',
|
||||||
|
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/assets/css',
|
||||||
|
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||||
|
serverSep: '/',
|
||||||
|
concurrency: 4,
|
||||||
|
progress: true
|
||||||
|
},
|
||||||
|
js: {
|
||||||
|
auth: {
|
||||||
|
host: 'server.territorial.ca',
|
||||||
|
port: 22,
|
||||||
|
authKey: 'key1'
|
||||||
|
},
|
||||||
|
cache: 'sftpCache.json',
|
||||||
|
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js/',
|
||||||
|
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/assets/js',
|
||||||
|
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||||
|
serverSep: '/',
|
||||||
|
concurrency: 4,
|
||||||
|
progress: true
|
||||||
|
},
|
||||||
|
controller: {
|
||||||
|
auth: {
|
||||||
|
host: 'server.territorial.ca',
|
||||||
|
port: 22,
|
||||||
|
authKey: 'key1'
|
||||||
|
},
|
||||||
|
cache: 'sftpCache.json',
|
||||||
|
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller/',
|
||||||
|
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/controller/',
|
||||||
|
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||||
|
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||||
|
serverSep: '/',
|
||||||
|
concurrency: 4,
|
||||||
|
progress: true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
|
|
||||||
@ -116,13 +175,13 @@ module.exports = function( grunt ) {
|
|||||||
|
|
||||||
// Register tasks
|
// Register tasks
|
||||||
|
|
||||||
grunt.registerTask( 'css', ['less', 'postcss', 'cssmin'] );
|
grunt.registerTask( 'css', ['less', 'postcss', 'cssmin', 'sftp-deploy:css'] );
|
||||||
|
|
||||||
//grunt.registerTask( 'js', ['jshint', 'concat', 'uglify'] );
|
grunt.registerTask( 'js', ['jshint', 'concat', 'uglify', 'sftp-deploy:js'] );
|
||||||
|
|
||||||
grunt.registerTask( 'controller', [] );
|
grunt.registerTask( 'controller', ['sftp-deploy:controller'] );
|
||||||
|
|
||||||
grunt.registerTask( 'default', ['css', 'controller'] );
|
grunt.registerTask( 'default', ['watch','css', 'js', 'controller'] );
|
||||||
|
|
||||||
grunt.util.linefeed = '\n';
|
grunt.util.linefeed = '\n';
|
||||||
};
|
};
|
||||||
@ -462,6 +462,7 @@ h5,
|
|||||||
.old-new td,
|
.old-new td,
|
||||||
.product-overview h1,
|
.product-overview h1,
|
||||||
.product-overview p,
|
.product-overview p,
|
||||||
|
.product-overview.small p,
|
||||||
.blue-box,
|
.blue-box,
|
||||||
.galleries-marketplaces h1,
|
.galleries-marketplaces h1,
|
||||||
.blog-features h2,
|
.blog-features h2,
|
||||||
@ -482,6 +483,15 @@ h5,
|
|||||||
.past-events .event,
|
.past-events .event,
|
||||||
.upcoming-events .event time,
|
.upcoming-events .event time,
|
||||||
.past-events .event time,
|
.past-events .event time,
|
||||||
|
.short-descriptions,
|
||||||
|
.short-descriptions .short-description,
|
||||||
|
.content-boxed .centered-content > div,
|
||||||
|
.existing-new .top-tab div,
|
||||||
|
.existing-new .content,
|
||||||
|
.page-template-template-tour .subtemplate.content,
|
||||||
|
.get-started,
|
||||||
|
.get-started .methods-of-use,
|
||||||
|
.pricing .pricing-detail div,
|
||||||
article.post h2,
|
article.post h2,
|
||||||
article.post .post-categories,
|
article.post .post-categories,
|
||||||
.blog-sidebar .sidebar-blog-features,
|
.blog-sidebar .sidebar-blog-features,
|
||||||
@ -516,6 +526,7 @@ h6,
|
|||||||
.press-articles .press-article h1,
|
.press-articles .press-article h1,
|
||||||
.upcoming-events .event h1,
|
.upcoming-events .event h1,
|
||||||
.past-events .event h1,
|
.past-events .event h1,
|
||||||
|
.get-started .methods-of-use h1,
|
||||||
.blog-sidebar .sidebar-blog-features h1,
|
.blog-sidebar .sidebar-blog-features h1,
|
||||||
footer a:hover {
|
footer a:hover {
|
||||||
font-family: "canada-type-gibson", sans-serif;
|
font-family: "canada-type-gibson", sans-serif;
|
||||||
@ -683,6 +694,14 @@ h6 {
|
|||||||
.button.blue:hover {
|
.button.blue:hover {
|
||||||
background-color: rgba(103, 196, 218, 0.5);
|
background-color: rgba(103, 196, 218, 0.5);
|
||||||
}
|
}
|
||||||
|
.button.pink {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #d8127d;
|
||||||
|
border-color: #d8127d;
|
||||||
|
}
|
||||||
|
.button.pink:hover {
|
||||||
|
background-color: rgba(216, 18, 125, 0.5);
|
||||||
|
}
|
||||||
.button.blue-overPic {
|
.button.blue-overPic {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #67c4da;
|
background-color: #67c4da;
|
||||||
@ -692,6 +711,15 @@ h6 {
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
}
|
}
|
||||||
|
.button.pink-overPic {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #d8127d;
|
||||||
|
border-color: #d8127d;
|
||||||
|
}
|
||||||
|
.button.pink-overPic:hover {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
.button.white-blue {
|
.button.white-blue {
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -746,8 +774,7 @@ hr {
|
|||||||
.blueGradient,
|
.blueGradient,
|
||||||
.blog header,
|
.blog header,
|
||||||
.archive header,
|
.archive header,
|
||||||
.single-post header,
|
.single-post header {
|
||||||
.page-template-template-companyblue .subtemplate:first-of-type {
|
|
||||||
background-color: #67c4da;
|
background-color: #67c4da;
|
||||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */
|
||||||
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||||||
@ -828,6 +855,21 @@ hr {
|
|||||||
.centered-content:after {
|
.centered-content:after {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
.centered-pricing {
|
||||||
|
zoom: 1;
|
||||||
|
max-width: 900px;
|
||||||
|
padding: 0 10px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.centered-pricing:before,
|
||||||
|
.centered-pricing:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.centered-pricing:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
.centered-content-padding {
|
.centered-content-padding {
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
max-width: 950px;
|
max-width: 950px;
|
||||||
@ -1152,21 +1194,10 @@ header + .chevron-divider {
|
|||||||
.page-template-template-tour header nav {
|
.page-template-template-tour header nav {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
margin-left: 20px;
|
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.page-template-template-tour header nav:hover a {
|
|
||||||
color: #d8127d;
|
|
||||||
}
|
|
||||||
.page-template-template-tour header nav:hover ul:before,
|
|
||||||
.page-template-template-tour header nav:hover ul li a:after {
|
|
||||||
color: #d8127d;
|
|
||||||
}
|
|
||||||
.page-template-template-tour header nav ul {
|
.page-template-template-tour header nav ul {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -1177,15 +1208,17 @@ header + .chevron-divider {
|
|||||||
padding: 0 35px;
|
padding: 0 35px;
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-flex-direction: column;
|
-webkit-flex-direction: column;
|
||||||
}
|
list-style: none;
|
||||||
.page-template-template-tour header nav ul:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav ul.active li {
|
.page-template-template-tour header nav ul.active li {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.page-template-template-tour header nav ul.active li.current-menu-item a:after {
|
||||||
|
-webkit-transform: rotate(180deg) scale(1, 0.75);
|
||||||
|
transform: rotate(180deg) scale(1, 0.75);
|
||||||
|
}
|
||||||
.page-template-template-tour header nav ul li {
|
.page-template-template-tour header nav ul li {
|
||||||
-webkit-flex-grow: 1;
|
-webkit-flex-grow: 1;
|
||||||
-ms-flex-positive: 1;
|
-ms-flex-positive: 1;
|
||||||
@ -1194,6 +1227,7 @@ header + .chevron-divider {
|
|||||||
-ms-flex-order: 2;
|
-ms-flex-order: 2;
|
||||||
order: 2;
|
order: 2;
|
||||||
display: none;
|
display: none;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav ul li.current-menu-item {
|
.page-template-template-tour header nav ul li.current-menu-item {
|
||||||
-webkit-order: 1;
|
-webkit-order: 1;
|
||||||
@ -1205,23 +1239,26 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
.page-template-template-tour header nav ul li.current-menu-item a {
|
.page-template-template-tour header nav ul li.current-menu-item a {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
.page-template-template-tour header nav ul li.current-menu-item a:before {
|
||||||
|
content: 'for ';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav ul li.current-menu-item a:after {
|
.page-template-template-tour header nav ul li.current-menu-item a:after {
|
||||||
content: '▼';
|
content: '▼';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
right: -34px;
|
right: -25px;
|
||||||
|
font-size: 15px;
|
||||||
|
-webkit-transform: scale(1, 0.75);
|
||||||
|
transform: scale(1, 0.75);
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav ul:before {
|
.page-template-template-tour header nav ul li a {
|
||||||
content: 'for ';
|
width: 100%;
|
||||||
display: inline-block;
|
font-size: 20px;
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.page-template-template-tour header ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
}
|
||||||
.page-template-template-tour header .description {
|
.page-template-template-tour header .description {
|
||||||
clear: both;
|
clear: both;
|
||||||
@ -1263,17 +1300,97 @@ header + .chevron-divider {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.page-template-template-companyblue header {
|
.page-template-template-companywhite header nav,
|
||||||
background-color: #529dae;
|
.page-template-template-general header nav,
|
||||||
|
.page-template-default header nav,
|
||||||
|
.blog header nav,
|
||||||
|
.archive header nav,
|
||||||
|
.single-post header nav {
|
||||||
|
float: left;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
.page-template-template-companyblue header + .chevron-divider {
|
.page-template-template-companywhite header nav ul li,
|
||||||
background-color: #529dae;
|
.page-template-template-general header nav ul li,
|
||||||
|
.page-template-default header nav ul li,
|
||||||
|
.blog header nav ul li,
|
||||||
|
.archive header nav ul li,
|
||||||
|
.single-post header nav ul li {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid #b8b9b9;
|
||||||
|
margin-right: 30px;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 30px;
|
||||||
|
width: 160px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.page-template-template-companywhite header nav ul li a,
|
||||||
|
.page-template-template-general header nav ul li a,
|
||||||
|
.page-template-default header nav ul li a,
|
||||||
|
.blog header nav ul li a,
|
||||||
|
.archive header nav ul li a,
|
||||||
|
.single-post header nav ul li a {
|
||||||
|
color: #000;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
.page-template-template-companywhite header nav ul li a:after,
|
||||||
|
.page-template-template-general header nav ul li a:after,
|
||||||
|
.page-template-default header nav ul li a:after,
|
||||||
|
.blog header nav ul li a:after,
|
||||||
|
.archive header nav ul li a:after,
|
||||||
|
.single-post header nav ul li a:after {
|
||||||
|
content: ' Tour';
|
||||||
|
}
|
||||||
|
.page-template-template-companywhite header nav ul li:hover,
|
||||||
|
.page-template-template-general header nav ul li:hover,
|
||||||
|
.page-template-default header nav ul li:hover,
|
||||||
|
.blog header nav ul li:hover,
|
||||||
|
.archive header nav ul li:hover,
|
||||||
|
.single-post header nav ul li:hover {
|
||||||
|
border: 1px solid #d8127d;
|
||||||
|
}
|
||||||
|
.page-template-template-companywhite header nav ul li:hover a,
|
||||||
|
.page-template-template-general header nav ul li:hover a,
|
||||||
|
.page-template-default header nav ul li:hover a,
|
||||||
|
.blog header nav ul li:hover a,
|
||||||
|
.archive header nav ul li:hover a,
|
||||||
|
.single-post header nav ul li:hover a {
|
||||||
|
color: #d8127d;
|
||||||
}
|
}
|
||||||
.blog header,
|
.blog header,
|
||||||
.archive header,
|
.archive header,
|
||||||
.single-post header {
|
.single-post header {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.blog header nav ul li,
|
||||||
|
.archive header nav ul li,
|
||||||
|
.single-post header nav ul li {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
.blog header nav ul li a,
|
||||||
|
.archive header nav ul li a,
|
||||||
|
.single-post header nav ul li a {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.blog header nav ul li:hover,
|
||||||
|
.archive header nav ul li:hover,
|
||||||
|
.single-post header nav ul li:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
.blog header nav ul li:hover a,
|
||||||
|
.archive header nav ul li:hover a,
|
||||||
|
.single-post header nav ul li:hover a {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
.blog header .chevron-divider,
|
.blog header .chevron-divider,
|
||||||
.archive header .chevron-divider,
|
.archive header .chevron-divider,
|
||||||
.single-post header .chevron-divider {
|
.single-post header .chevron-divider {
|
||||||
@ -1590,14 +1707,17 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
.feature-circles .surround-circle:before {
|
.feature-circles .surround-circle:before {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 5%;
|
left: 8%;
|
||||||
width: 90%;
|
width: 85%;
|
||||||
background: transparent url('../img/circle.png') no-repeat center top;
|
background: transparent url('../img/circle.png') no-repeat center top;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
.feature-circles .surround-circle h1 {
|
||||||
|
margin-top: 22px;
|
||||||
|
}
|
||||||
.feature-circles img {
|
.feature-circles img {
|
||||||
width: 105px;
|
width: 105px;
|
||||||
display: block;
|
display: block;
|
||||||
@ -1629,7 +1749,6 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
.case-studies {
|
.case-studies {
|
||||||
height: 685px;
|
height: 685px;
|
||||||
background-color: #888;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.case-studies .case-study {
|
.case-studies .case-study {
|
||||||
@ -1819,6 +1938,26 @@ header + .chevron-divider {
|
|||||||
.product-overview .text-column {
|
.product-overview .text-column {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
.product-overview img {
|
||||||
|
max-width: 55%;
|
||||||
|
}
|
||||||
|
.product-overview.small {
|
||||||
|
border-top: 0;
|
||||||
|
border-bottom: 25px solid #fbfbfb;
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
.product-overview.small h1 {
|
||||||
|
font-size: 22px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.product-overview.small p {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.product-overview.small .text-column {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.product-overview {
|
.product-overview {
|
||||||
padding: 100px 0;
|
padding: 100px 0;
|
||||||
@ -2140,6 +2279,14 @@ header + .chevron-divider {
|
|||||||
.contact input[type=submit].blue:hover {
|
.contact input[type=submit].blue:hover {
|
||||||
background-color: rgba(103, 196, 218, 0.5);
|
background-color: rgba(103, 196, 218, 0.5);
|
||||||
}
|
}
|
||||||
|
.contact input[type=submit].pink {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #d8127d;
|
||||||
|
border-color: #d8127d;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].pink:hover {
|
||||||
|
background-color: rgba(216, 18, 125, 0.5);
|
||||||
|
}
|
||||||
.contact input[type=submit].blue-overPic {
|
.contact input[type=submit].blue-overPic {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #67c4da;
|
background-color: #67c4da;
|
||||||
@ -2149,6 +2296,15 @@ header + .chevron-divider {
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
}
|
}
|
||||||
|
.contact input[type=submit].pink-overPic {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #d8127d;
|
||||||
|
border-color: #d8127d;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].pink-overPic:hover {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
.contact input[type=submit].white-blue {
|
.contact input[type=submit].white-blue {
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -2312,18 +2468,36 @@ header + .chevron-divider {
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
.short-descriptions {
|
||||||
|
padding-top: 35px;
|
||||||
|
text-align: center;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.short-descriptions .centered-content > h1 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
.short-descriptions .short-description {
|
.short-descriptions .short-description {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
width: 33.33333333%;
|
width: 33.33333333%;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
margin-bottom: 100px;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 570px) {
|
@media screen and (max-width: 570px) {
|
||||||
.short-descriptions .short-description {
|
.short-descriptions .short-description {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.short-descriptions .short-description h1 {
|
||||||
|
font-size: 22px;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
.content-boxed {
|
.content-boxed {
|
||||||
background-color: #fbfbfb;
|
background-color: #fbfbfb;
|
||||||
}
|
}
|
||||||
@ -2333,22 +2507,30 @@ header + .chevron-divider {
|
|||||||
.content-boxed .centered-content > div {
|
.content-boxed .centered-content > div {
|
||||||
border: 1px solid #d8127d;
|
border: 1px solid #d8127d;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding: 30px;
|
padding: 60px 10%;
|
||||||
|
text-align: center;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
.content-boxed .centered-content > div > ul {
|
.content-boxed .centered-content > div ul {
|
||||||
margin: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.content-boxed .centered-content > div > ul > li {
|
|
||||||
float: left;
|
|
||||||
clear: left;
|
|
||||||
width: 100%;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.content-boxed .centered-content > div > ul ul {
|
|
||||||
width: 70%;
|
|
||||||
float: right;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.content-boxed .centered-content > div ul li {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
.content-boxed .centered-content > div ul ul {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 20%;
|
||||||
|
}
|
||||||
|
.content-boxed .centered-content > div ul ul li {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.content-boxed .centered-content > div ul ul li:before {
|
||||||
|
content: '-';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
.content-boxed .centered-content p {
|
.content-boxed .centered-content p {
|
||||||
max-width: 640px;
|
max-width: 640px;
|
||||||
@ -2356,6 +2538,178 @@ header + .chevron-divider {
|
|||||||
.content-boxed .centered-content img {
|
.content-boxed .centered-content img {
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
}
|
}
|
||||||
|
.existing-new {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
padding: 90px 0 120px;
|
||||||
|
}
|
||||||
|
.existing-new .top-tab {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 570px) {
|
||||||
|
.existing-new .top-tab {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.existing-new .top-tab div {
|
||||||
|
padding: 25px 0;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #d8127d;
|
||||||
|
line-height: 29px;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.existing-new .top-tab.active div {
|
||||||
|
border: 1px solid #d8127d;
|
||||||
|
border-bottom: 0;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
|
.existing-new .content {
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #d8127d;
|
||||||
|
padding: 60px 10%;
|
||||||
|
margin-top: -1px;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.existing-new .content.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.existing-new .content > ul {
|
||||||
|
text-align: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.existing-new .content > ul > li {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
.existing-new .content > ul ul {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 20%;
|
||||||
|
}
|
||||||
|
.existing-new .content > ul ul li:before {
|
||||||
|
content: '-';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.existing-new .button {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #d8127d;
|
||||||
|
border-color: #d8127d;
|
||||||
|
}
|
||||||
|
.existing-new .button:hover {
|
||||||
|
background-color: rgba(216, 18, 125, 0.5);
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content.grey {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content.grey .centered-content-padding {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content.grey .centered-content {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content.grey h1 {
|
||||||
|
margin-top: 55px;
|
||||||
|
}
|
||||||
|
.get-started {
|
||||||
|
padding-top: 70px;
|
||||||
|
padding-bottom: 230px;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.get-started .column-container {
|
||||||
|
width: calc(100% + 90px);
|
||||||
|
}
|
||||||
|
.get-started .methods-of-use {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 50%;
|
||||||
|
padding-right: 90px;
|
||||||
|
text-align: center;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 570px) {
|
||||||
|
.get-started .methods-of-use {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.get-started .methods-of-use h1 {
|
||||||
|
font-size: 26px;
|
||||||
|
color: #d8127d;
|
||||||
|
line-height: 1.2;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
.get-started .methods-of-use p {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.pricing {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
height: 470px;
|
||||||
|
padding-top: 80px;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.pricing h1 {
|
||||||
|
color: #ffffff;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.pricing .pricing-detail {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 50%;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 570px) {
|
||||||
|
.pricing .pricing-detail {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pricing .pricing-detail div {
|
||||||
|
height: 135px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #ffffff;
|
||||||
|
font-size: 36px;
|
||||||
|
line-height: 1.2;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
|
.pricing .pricing-detail div p {
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
.pricing .pricing-detail small {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
.blog .column-container {
|
.blog .column-container {
|
||||||
width: calc(100% + 70px);
|
width: calc(100% + 70px);
|
||||||
}
|
}
|
||||||
@ -2473,9 +2827,6 @@ article.post .meta {
|
|||||||
.single-post .article-post {
|
.single-post .article-post {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
footer {
|
footer {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|||||||
2
assets/css/ascribe.min.css
vendored
2
assets/css/ascribe.min.css
vendored
File diff suppressed because one or more lines are too long
@ -56,6 +56,14 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.centered-pricing {
|
||||||
|
.clearfix;
|
||||||
|
max-width: 880px + 2*@centeredpadding;
|
||||||
|
padding: 0 @centeredpadding;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
.centered-content-padding {
|
.centered-content-padding {
|
||||||
.clearfix;
|
.clearfix;
|
||||||
max-width: 950px;
|
max-width: 950px;
|
||||||
|
|||||||
@ -24,43 +24,35 @@ header + .chevron-divider {
|
|||||||
nav {
|
nav {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
margin-left: 20px;
|
|
||||||
.tourNavText;
|
.tourNavText;
|
||||||
|
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: @pink;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
&:before,
|
|
||||||
li a:after {
|
|
||||||
color: @pink;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 0 35px;
|
padding: 0 35px;
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-flex-direction: column;
|
-webkit-flex-direction: column;
|
||||||
|
list-style: none;
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
|
&.current-menu-item {
|
||||||
|
a {
|
||||||
|
&:after {
|
||||||
|
transform: rotate(180deg) scale(1,0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
order: 2;
|
order: 2;
|
||||||
display: none;
|
display: none;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
&.current-menu-item {
|
&.current-menu-item {
|
||||||
order: 1;
|
order: 1;
|
||||||
@ -68,29 +60,33 @@ header + .chevron-divider {
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
font-size: 25px;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: 'for ';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
&:after {
|
&:after {
|
||||||
content: '▼';
|
content: '▼';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
right: -34px;
|
right: -25px;
|
||||||
|
font-size: 15px;
|
||||||
|
transform: scale(1,0.75);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
a {
|
||||||
&:before {
|
width: 100%;
|
||||||
content: 'for ';
|
font-size: 20px;
|
||||||
display: inline-block;
|
}
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
.description {
|
.description {
|
||||||
clear: both;
|
clear: both;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
@ -135,18 +131,80 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.page-template-template-companyblue header {
|
.page-template-template-companywhite header,
|
||||||
background-color: #529dae;
|
.page-template-template-general header,
|
||||||
|
.page-template-default header,
|
||||||
|
.blog header,
|
||||||
|
.archive header,
|
||||||
|
.single-post header {
|
||||||
|
nav {
|
||||||
|
float: left;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-left: 10%;
|
||||||
|
|
||||||
& + .chevron-divider {
|
ul {
|
||||||
background-color: #529dae;
|
li {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid #b8b9b9;
|
||||||
|
margin-right: 30px;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 30px;
|
||||||
|
width: 160px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #000;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: ' Tour';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border: 1px solid @pink;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.blog header, .archive header, .single-post header {
|
.blog header, .archive header, .single-post header {
|
||||||
&:extend(.blueGradient);
|
&:extend(.blueGradient);
|
||||||
padding-bottom:0;
|
padding-bottom:0;
|
||||||
|
|
||||||
|
nav {
|
||||||
|
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid fade(@white,30);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: fade(@white,30);
|
||||||
|
border: 1px solid fade(@white,30);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.chevron-divider {
|
.chevron-divider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 110px;
|
top: 110px;
|
||||||
@ -258,14 +316,17 @@ header + .chevron-divider {
|
|||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 5%;
|
left: 8%;
|
||||||
width: 90%;
|
width: 85%;
|
||||||
background: transparent url('../img/circle.png') no-repeat center top;
|
background: transparent url('../img/circle.png') no-repeat center top;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
h1 {
|
||||||
|
margin-top: 22px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 105px;
|
width: 105px;
|
||||||
@ -293,7 +354,6 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
.case-studies {
|
.case-studies {
|
||||||
height: 685px;
|
height: 685px;
|
||||||
background-color: #888;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.case-study {
|
.case-study {
|
||||||
@ -470,6 +530,27 @@ header + .chevron-divider {
|
|||||||
.text-column {
|
.text-column {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
max-width: 55%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
&.small {
|
||||||
|
border-top: 0;
|
||||||
|
border-bottom: 25px solid @greyBg;
|
||||||
|
padding: 100px 0;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 22px;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
.copyText;
|
||||||
|
}
|
||||||
|
.text-column {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: @tabletWidth) {
|
@media screen and (max-width: @tabletWidth) {
|
||||||
padding: 100px 0;
|
padding: 100px 0;
|
||||||
@ -860,8 +941,25 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.short-descriptions {
|
.short-descriptions {
|
||||||
|
padding-top: 35px;
|
||||||
|
text-align: center;
|
||||||
|
.copyText;
|
||||||
|
|
||||||
|
.centered-content {
|
||||||
|
& > h1 {
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.short-description {
|
.short-description {
|
||||||
.ttl-columns.column-3;
|
.ttl-columns.column-3;
|
||||||
|
.copyText;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 22px;
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content-boxed {
|
.content-boxed {
|
||||||
@ -875,24 +973,32 @@ header + .chevron-divider {
|
|||||||
& > div {
|
& > div {
|
||||||
border: 1px solid @pink;
|
border: 1px solid @pink;
|
||||||
background-color: @white;
|
background-color: @white;
|
||||||
padding: 30px;
|
padding: 60px 10%;
|
||||||
|
text-align: center;
|
||||||
|
.copyText;
|
||||||
|
|
||||||
& > ul {
|
ul {
|
||||||
margin: 30px;
|
text-align: left;
|
||||||
overflow: hidden;
|
list-style: none;
|
||||||
|
|
||||||
& > li {
|
li {
|
||||||
float: left;
|
margin-bottom: 35px;
|
||||||
clear: left;
|
|
||||||
width: 100%;
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
width: 70%;
|
list-style: none;
|
||||||
float: right;
|
margin-left: 20%;
|
||||||
text-align: left;
|
|
||||||
|
li {
|
||||||
|
margin-bottom:0;
|
||||||
|
&:before {
|
||||||
|
content: '-';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@ -903,6 +1009,150 @@ header + .chevron-divider {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.existing-new {
|
||||||
|
background-color: @greyBg;
|
||||||
|
padding: 90px 0 120px;
|
||||||
|
|
||||||
|
.top-tab {
|
||||||
|
.ttl-columns.column-2;
|
||||||
|
|
||||||
|
div {
|
||||||
|
padding: 25px 0;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: uppercase;
|
||||||
|
.oldWayNewWayTH;
|
||||||
|
color: @black;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
|
||||||
|
div {
|
||||||
|
border: 1px solid @pink;
|
||||||
|
border-bottom: 0;
|
||||||
|
background-color: @white;
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
background-color: @white;
|
||||||
|
border: 1px solid @pink;
|
||||||
|
padding: 60px 10%;
|
||||||
|
margin-top: -1px;
|
||||||
|
.copyText;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content > ul {
|
||||||
|
text-align: left;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
& > li {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 20%;
|
||||||
|
|
||||||
|
li {
|
||||||
|
&:before {
|
||||||
|
content: '-';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
.button.pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-template-template-tour .subtemplate.content {
|
||||||
|
.copyText;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
&.grey {
|
||||||
|
background-color: @greyBg;
|
||||||
|
|
||||||
|
.centered-content-padding {
|
||||||
|
background-color: @greyBg;
|
||||||
|
}
|
||||||
|
.centered-content {
|
||||||
|
background-color: @greyBg;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin-top: 55px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.get-started {
|
||||||
|
padding-top: 70px;
|
||||||
|
padding-bottom: 230px;
|
||||||
|
.copyText;
|
||||||
|
|
||||||
|
.column-container {
|
||||||
|
width: calc(~"100% + 90px");
|
||||||
|
}
|
||||||
|
.methods-of-use {
|
||||||
|
.ttl-columns.column-2;
|
||||||
|
padding-right: 90px;
|
||||||
|
text-align: center;
|
||||||
|
.copyText;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
.h2;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pricing {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
height: 470px;
|
||||||
|
padding-top: 80px;
|
||||||
|
text-align: center;
|
||||||
|
color: @white;
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: @white;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.pricing-detail {
|
||||||
|
.ttl-columns.column-2;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
div {
|
||||||
|
height: 135px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: @white;
|
||||||
|
.h1;
|
||||||
|
color: @pink;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
color: @black;
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// BLOG
|
// BLOG
|
||||||
.blog .column-container {
|
.blog .column-container {
|
||||||
@ -1004,15 +1254,6 @@ article.post {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// BLUE TEMPLATE SILLINESS
|
|
||||||
.page-template-template-companyblue .subtemplate:first-of-type {
|
|
||||||
&:extend(.blueGradient);
|
|
||||||
.centered-content-padding {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// FOOTER
|
// FOOTER
|
||||||
footer {
|
footer {
|
||||||
.footerText;
|
.footerText;
|
||||||
|
|||||||
@ -201,9 +201,6 @@ a {
|
|||||||
&:extend(.fontRegular);
|
&:extend(.fontRegular);
|
||||||
color: @black;
|
color: @black;
|
||||||
font-size: 19px;
|
font-size: 19px;
|
||||||
}
|
|
||||||
.teamPosition {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.footerText {
|
.footerText {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
@ -242,6 +239,16 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.pink {
|
||||||
|
@bgColor: @pink;
|
||||||
|
color: @white;
|
||||||
|
background-color: @bgColor;
|
||||||
|
border-color: @bgColor;
|
||||||
|
&:hover {
|
||||||
|
background-color: fade(@bgColor,50);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.blue-overPic {
|
&.blue-overPic {
|
||||||
@bgColor: @blueBright;
|
@bgColor: @blueBright;
|
||||||
color: @white;
|
color: @white;
|
||||||
@ -254,6 +261,18 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.pink-overPic {
|
||||||
|
@bgColor: @pink;
|
||||||
|
color: @white;
|
||||||
|
background-color: @bgColor;
|
||||||
|
border-color: @bgColor;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: @white;
|
||||||
|
color: @bgColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.white-blue {
|
&.white-blue {
|
||||||
@bgColor: @white;
|
@bgColor: @white;
|
||||||
color: @blueBright;
|
color: @blueBright;
|
||||||
|
|||||||
@ -3,87 +3,86 @@
|
|||||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
slider();
|
slider();
|
||||||
socialAsSvg();
|
socialAsSvg();
|
||||||
featuredFAQ();
|
featuredFAQ();
|
||||||
headerNavigation();
|
marketplaces();
|
||||||
|
tourNav();
|
||||||
|
|
||||||
function slider() {
|
function tourNav() {
|
||||||
$('.case-study:gt(0)').addClass('hidden');
|
$('.current-menu-item a').click(function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$('#menu-landing-page-menu').toggleClass('active');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function slider() {
|
||||||
|
$('.case-study:gt(0)').addClass('hidden');
|
||||||
|
|
||||||
$('.slider-action').click(function(){
|
$('.slider-action').click(function(){
|
||||||
|
|
||||||
var direction = $(this).attr('id');
|
var direction = $(this).attr('id');
|
||||||
|
|
||||||
if (direction === 'back') {
|
if (direction === 'back') {
|
||||||
$('.case-study').addClass('hidden');
|
$('.case-study').addClass('hidden');
|
||||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
displayed = $('.case-study').first();
|
displayed = $('.case-study').first();
|
||||||
displayed.addClass('hidden');
|
displayed.addClass('hidden');
|
||||||
$('.case-study').eq(1).removeClass('hidden');
|
$('.case-study').eq(1).removeClass('hidden');
|
||||||
displayed.appendTo('.slide-container');
|
displayed.appendTo('.slide-container');
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function socialAsSvg() {
|
||||||
|
/*
|
||||||
|
* Replace all social icon images with inline SVG
|
||||||
|
*/
|
||||||
|
jQuery('img.social-icon').each(function(){
|
||||||
|
var $img = jQuery(this);
|
||||||
|
var imgID = $img.attr('id');
|
||||||
|
var imgClass = $img.attr('class');
|
||||||
|
var imgURL = $img.attr('src');
|
||||||
|
|
||||||
function socialAsSvg() {
|
jQuery.get(imgURL, function(data) {
|
||||||
/*
|
// Get the SVG tag, ignore the rest
|
||||||
* Replace all social icon images with inline SVG
|
var $svg = jQuery(data).find('svg');
|
||||||
*/
|
|
||||||
jQuery('img.social-icon').each(function(){
|
|
||||||
var $img = jQuery(this);
|
|
||||||
var imgID = $img.attr('id');
|
|
||||||
var imgClass = $img.attr('class');
|
|
||||||
var imgURL = $img.attr('src');
|
|
||||||
|
|
||||||
jQuery.get(imgURL, function(data) {
|
// Add replaced image's ID to the new SVG
|
||||||
// Get the SVG tag, ignore the rest
|
if(typeof imgID !== 'undefined') {
|
||||||
var $svg = jQuery(data).find('svg');
|
$svg = $svg.attr('id', imgID);
|
||||||
|
}
|
||||||
|
// Add replaced image's classes to the new SVG
|
||||||
|
if(typeof imgClass !== 'undefined') {
|
||||||
|
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
||||||
|
}
|
||||||
|
|
||||||
// Add replaced image's ID to the new SVG
|
// Remove any invalid XML tags as per http://validator.w3.org
|
||||||
if(typeof imgID !== 'undefined') {
|
$svg = $svg.removeAttr('xmlns:a');
|
||||||
$svg = $svg.attr('id', imgID);
|
|
||||||
}
|
|
||||||
// Add replaced image's classes to the new SVG
|
|
||||||
if(typeof imgClass !== 'undefined') {
|
|
||||||
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove any invalid XML tags as per http://validator.w3.org
|
// Replace image with new SVG
|
||||||
$svg = $svg.removeAttr('xmlns:a');
|
$img.replaceWith($svg);
|
||||||
|
|
||||||
// Replace image with new SVG
|
}, 'xml');
|
||||||
$img.replaceWith($svg);
|
|
||||||
|
|
||||||
}, 'xml');
|
});
|
||||||
|
}
|
||||||
|
function featuredFAQ() {
|
||||||
|
$('.featured-faqs dt').click(function() {
|
||||||
|
$(this).next('dd').toggleClass('open');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function marketplaces() {
|
||||||
|
$('.top-tab').click(function(){
|
||||||
|
$('.top-tab').removeClass('active');
|
||||||
|
$(this).addClass('active');
|
||||||
|
var contentToShow = $(this).data('tab');
|
||||||
|
$('.marketplace-info').removeClass('active');
|
||||||
|
$('#'+contentToShow).addClass('active');
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function featuredFAQ() {
|
|
||||||
$('.featured-faqs dt').click(function() {
|
|
||||||
$(this).next('dd').toggleClass('open');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function headerNavigation() {
|
|
||||||
$('.current-menu-item').on( 'click', function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.tour-switcher ul').on( 'click', function(e) {
|
|
||||||
|
|
||||||
// OPEN SWITCHER
|
|
||||||
if ( false === $(this).hasClass('active') ) {
|
|
||||||
e.preventDefault();
|
|
||||||
}
|
|
||||||
|
|
||||||
$(this).toggleClass('active');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
5
assets/js/ascribe.min.js
vendored
5
assets/js/ascribe.min.js
vendored
@ -1 +1,4 @@
|
|||||||
$(document).ready(function(){slider();socialAsSvg();featuredFAQ();headerNavigation();function slider(){$(".case-study:gt(0)").addClass("hidden");$(".slider-action").click(function(){var direction=$(this).attr("id");if(direction==="back"){$(".case-study").addClass("hidden");$(".case-study").last().prependTo(".slide-container").removeClass("hidden")}else{displayed=$(".case-study").first();displayed.addClass("hidden");$(".case-study").eq(1).removeClass("hidden");displayed.appendTo(".slide-container")}})}function socialAsSvg(){jQuery("img.social-icon").each(function(){var $img=jQuery(this);var imgID=$img.attr("id");var imgClass=$img.attr("class");var imgURL=$img.attr("src");jQuery.get(imgURL,function(data){var $svg=jQuery(data).find("svg");if(typeof imgID!=="undefined"){$svg=$svg.attr("id",imgID)}if(typeof imgClass!=="undefined"){$svg=$svg.attr("class",imgClass+" replaced-svg")}$svg=$svg.removeAttr("xmlns:a");$img.replaceWith($svg)},"xml")})}function featuredFAQ(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function headerNavigation(){$(".current-menu-item").on("click",function(e){e.preventDefault()});$(".tour-switcher ul").on("click",function(e){if(false===$(this).hasClass("active")){e.preventDefault()}$(this).toggleClass("active")})}});
|
/*! ascribe - v0.0.1
|
||||||
|
* http://wordpress.org/themes
|
||||||
|
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||||
|
$(document).ready(function(){function a(){$(".current-menu-item a").click(function(a){a.preventDefault(),$("#menu-landing-page-menu").toggleClass("active")})}function b(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function c(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function d(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function e(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var a=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+a).addClass("active")})}b(),c(),d(),e(),a()});
|
||||||
@ -3,10 +3,15 @@ $(document).ready(function(){
|
|||||||
slider();
|
slider();
|
||||||
socialAsSvg();
|
socialAsSvg();
|
||||||
featuredFAQ();
|
featuredFAQ();
|
||||||
|
marketplaces();
|
||||||
|
tourNav();
|
||||||
|
|
||||||
|
function tourNav() {
|
||||||
|
$('.current-menu-item a').click(function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$('#menu-landing-page-menu').toggleClass('active');
|
||||||
|
});
|
||||||
|
}
|
||||||
function slider() {
|
function slider() {
|
||||||
$('.case-study:gt(0)').addClass('hidden');
|
$('.case-study:gt(0)').addClass('hidden');
|
||||||
|
|
||||||
@ -65,6 +70,16 @@ $(document).ready(function(){
|
|||||||
$(this).next('dd').toggleClass('open');
|
$(this).next('dd').toggleClass('open');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function marketplaces() {
|
||||||
|
$('.top-tab').click(function(){
|
||||||
|
$('.top-tab').removeClass('active');
|
||||||
|
$(this).addClass('active');
|
||||||
|
var contentToShow = $(this).data('tab');
|
||||||
|
$('.marketplace-info').removeClass('active');
|
||||||
|
$('#'+contentToShow).addClass('active');
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -161,21 +161,23 @@ class Subtemplate {
|
|||||||
public function columns($subtemplateTitle) {
|
public function columns($subtemplateTitle) {
|
||||||
|
|
||||||
$descriptiveColumns = '';
|
$descriptiveColumns = '';
|
||||||
|
$content = get_sub_field('content');
|
||||||
|
|
||||||
if (have_rows('short_description')) {
|
if (have_rows('short_description')) {
|
||||||
while (have_rows('short_description')) {
|
while (have_rows('short_description')) {
|
||||||
the_row();
|
the_row();
|
||||||
|
|
||||||
$title = get_sub_field('title');
|
$colTitle = get_sub_field('title');
|
||||||
$content = get_sub_field('content');
|
$colContent = get_sub_field('content');
|
||||||
|
|
||||||
$descriptiveColumns .= "<article class='short-description'>
|
$descriptiveColumns .= "<article class='short-description'>
|
||||||
<h1>{$title}</h1>
|
<h1>{$colTitle}</h1>
|
||||||
<div class='description'>{$content}</div>
|
<div class='description'>{$colContent}</div>
|
||||||
</article>";
|
</article>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$result = "<section class='subtemplate short-descriptions'><div class='centered-content'><div class='column-container'>{$descriptiveColumns}</div></div></section>";
|
$result = "<section class='subtemplate short-descriptions'><div class='centered-content'><h1>{$subtemplateTitle}</h1><div>{$content}</div><div class='column-container'>{$descriptiveColumns}</div></div></section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
}
|
}
|
||||||
@ -511,7 +513,9 @@ class Subtemplate {
|
|||||||
|
|
||||||
$content = get_sub_field('content');
|
$content = get_sub_field('content');
|
||||||
|
|
||||||
$result = "<section class='subtemplate content'>
|
$bgColor = get_sub_field('background_color');
|
||||||
|
|
||||||
|
$result = "<section class='subtemplate content {$bgColor}'>
|
||||||
<div class='centered-content-padding'>
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
@ -856,10 +860,12 @@ class Subtemplate {
|
|||||||
$result = "<section class='subtemplate existing-new'>
|
$result = "<section class='subtemplate existing-new'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<div id='existing-tab'>Existing Marketplace</div>
|
<div class='column-container'>
|
||||||
<div id='new-tab'>New Marketplace</div>
|
<div data-tab='existing' class='top-tab active'><div>Existing Marketplace</div></div>
|
||||||
<div id='existing'>{$existing}</div>
|
<div data-tab='new' class='top-tab'><div>New Marketplace</div></div>
|
||||||
<div id='new'>{$new}</div>
|
</div>
|
||||||
|
<div id='existing' class='content marketplace-info active'>{$existing}</div>
|
||||||
|
<div id='new' class='content marketplace-info'>{$new}</div>
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
@ -870,19 +876,26 @@ class Subtemplate {
|
|||||||
$content = get_sub_field('content');
|
$content = get_sub_field('content');
|
||||||
$apiImg = get_sub_field('api_image')['url'];
|
$apiImg = get_sub_field('api_image')['url'];
|
||||||
$whiteImg = get_sub_field('white_label_marketplace_image')['url'];
|
$whiteImg = get_sub_field('white_label_marketplace_image')['url'];
|
||||||
|
$apiText = get_sub_field('api_text');
|
||||||
|
$whiteText = get_sub_field('white_label_text');
|
||||||
|
|
||||||
$result = "<section class='subtemplate get-started'>
|
$result = "<section class='subtemplate get-started'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<div class='description'>{$content}</div>
|
<div class='description'>{$content}</div>
|
||||||
<div class='api'>
|
<div class='column-container'>
|
||||||
<h1>API</h1>
|
<div class='api methods-of-use'>
|
||||||
<img src='{$apiImg}' alt='API'>
|
<h1>API</h1>
|
||||||
</div>
|
<img src='{$apiImg}' alt='API'>
|
||||||
<div class='white-label'>
|
{$apiText}
|
||||||
<h1>White Label Marketplace</h1>
|
</div>
|
||||||
<img src='{$whiteImg}' alt='White Label Marketplace'>
|
<div class='white-label methods-of-use'>
|
||||||
|
<h1>White Label Marketplace</h1>
|
||||||
|
<img src='{$whiteImg}' alt='White Label Marketplace'>
|
||||||
|
{$whiteText}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
@ -895,10 +908,13 @@ class Subtemplate {
|
|||||||
$leftPricing = get_sub_field('left_pricing_text');
|
$leftPricing = get_sub_field('left_pricing_text');
|
||||||
|
|
||||||
$result = "<section class='subtemplate pricing' style='background-image:url({$bgImg})'>
|
$result = "<section class='subtemplate pricing' style='background-image:url({$bgImg})'>
|
||||||
<div class='centered-content'>
|
<div class='centered-pricing'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<div class='left-pricing'>{$leftPricing}</div>
|
<div class='column-container'>
|
||||||
<div class='right-pricing'>{$rightPricing}</div>
|
<div class='pricing-detail'><div>{$leftPricing}</div></div>
|
||||||
|
<div class='pricing-detail'><div>{$rightPricing}</div></div>
|
||||||
|
</div>
|
||||||
|
Contact us to discuss custom pricing
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
|
|||||||
@ -40,7 +40,7 @@ remove_action( 'wp_print_styles', 'print_emoji_styles' );
|
|||||||
remove_action( 'admin_print_styles', 'print_emoji_styles' );
|
remove_action( 'admin_print_styles', 'print_emoji_styles' );
|
||||||
//
|
//
|
||||||
////ACF Collapser temp fix
|
////ACF Collapser temp fix
|
||||||
add_filter('acf/compatibility/field_wrapper_class', '__return_true');
|
//add_filter('acf/compatibility/field_wrapper_class', '__return_true');
|
||||||
|
|
||||||
// TURN ON ACF SETTINGS PAGE
|
// TURN ON ACF SETTINGS PAGE
|
||||||
if( function_exists('acf_add_options_page') ) {
|
if( function_exists('acf_add_options_page') ) {
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-10-13T03:25:19.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-10-13T03:25:19.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-10-13T03:25:15.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-24T23:53:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-09-26T02:06:45.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-26T01:45:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-24T23:27:17.000Z"}
|
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-10-16T03:02:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-10-16T03:02:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-10-16T03:02:04.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-10-16T02:40:57.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-10-16T02:40:57.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-10-16T02:40:48.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-10-16T00:06:34.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-10-16T00:59:03.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-25T23:50:20.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-10-15T21:24:37.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ajax-pagination.js":"2015-09-25T04:46:45.000Z"}
|
||||||
@ -12,6 +12,11 @@
|
|||||||
<div class="app-links">
|
<div class="app-links">
|
||||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||||
</div>
|
</div>
|
||||||
|
<nav class="tour-switcher"><?php wp_nav_menu( array(
|
||||||
|
'theme_location' => 'landing-menu',
|
||||||
|
'container' => false
|
||||||
|
)); ?>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<div class="chevron-divider"></div>
|
<div class="chevron-divider"></div>
|
||||||
<h1>ascribe blog</h1>
|
<h1>ascribe blog</h1>
|
||||||
|
|||||||
@ -15,6 +15,11 @@ require 'controller/init.php';
|
|||||||
<div class="app-links">
|
<div class="app-links">
|
||||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||||
</div>
|
</div>
|
||||||
|
<nav class="tour-switcher"><?php wp_nav_menu( array(
|
||||||
|
'theme_location' => 'landing-menu',
|
||||||
|
'container' => false
|
||||||
|
)); ?>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="chevron-divider"></div>
|
<div class="chevron-divider"></div>
|
||||||
|
|||||||
@ -9,6 +9,7 @@ get_header();
|
|||||||
$bgImage = get_field('header_background_image')['url'];
|
$bgImage = get_field('header_background_image')['url'];
|
||||||
$headerTagline = get_field('header_tagline');
|
$headerTagline = get_field('header_tagline');
|
||||||
$buttonText = get_field('create_account_button_text');
|
$buttonText = get_field('create_account_button_text');
|
||||||
|
$buttonColour = get_field('header_button_colour');
|
||||||
$controller = new Controller();
|
$controller = new Controller();
|
||||||
|
|
||||||
?>
|
?>
|
||||||
@ -26,7 +27,7 @@ $controller = new Controller();
|
|||||||
</nav>
|
</nav>
|
||||||
<section class="description">
|
<section class="description">
|
||||||
<h1><?php echo $headerTagline; ?></h1>
|
<h1><?php echo $headerTagline; ?></h1>
|
||||||
<a href="<?php echo $signUpLink; ?>" class="button blue-overPic"><?php echo $buttonText; ?></a>
|
<a href="<?php echo $signUpLink; ?>" class="button <?php echo $buttonColour; ?>-overPic"><?php echo $buttonText; ?></a>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="chevron-divider"></div>
|
<div class="chevron-divider"></div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user