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: {
|
||||
livereload: {
|
||||
files: ['assets/css/*.css'],
|
||||
options: {
|
||||
livereload: true
|
||||
}
|
||||
},
|
||||
//livereload: {
|
||||
// files: ['assets/css/*.css'],
|
||||
// options: {
|
||||
// livereload: true
|
||||
// }
|
||||
//},
|
||||
styles: {
|
||||
files: ['assets/css/less/**/*.less'],
|
||||
tasks: ['less', 'autoprefixer', 'cssmin'],
|
||||
tasks: ['less', 'postcss', 'cssmin'],
|
||||
options: {
|
||||
debounceDelay: 500
|
||||
}
|
||||
@ -108,6 +108,65 @@ module.exports = function( grunt ) {
|
||||
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
|
||||
|
||||
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';
|
||||
};
|
||||
@ -462,6 +462,7 @@ h5,
|
||||
.old-new td,
|
||||
.product-overview h1,
|
||||
.product-overview p,
|
||||
.product-overview.small p,
|
||||
.blue-box,
|
||||
.galleries-marketplaces h1,
|
||||
.blog-features h2,
|
||||
@ -482,6 +483,15 @@ h5,
|
||||
.past-events .event,
|
||||
.upcoming-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 .post-categories,
|
||||
.blog-sidebar .sidebar-blog-features,
|
||||
@ -516,6 +526,7 @@ h6,
|
||||
.press-articles .press-article h1,
|
||||
.upcoming-events .event h1,
|
||||
.past-events .event h1,
|
||||
.get-started .methods-of-use h1,
|
||||
.blog-sidebar .sidebar-blog-features h1,
|
||||
footer a:hover {
|
||||
font-family: "canada-type-gibson", sans-serif;
|
||||
@ -683,6 +694,14 @@ h6 {
|
||||
.button.blue:hover {
|
||||
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 {
|
||||
color: #ffffff;
|
||||
background-color: #67c4da;
|
||||
@ -692,6 +711,15 @@ h6 {
|
||||
background-color: #ffffff;
|
||||
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 {
|
||||
color: #67c4da;
|
||||
background-color: #ffffff;
|
||||
@ -746,8 +774,7 @@ hr {
|
||||
.blueGradient,
|
||||
.blog header,
|
||||
.archive header,
|
||||
.single-post header,
|
||||
.page-template-template-companyblue .subtemplate:first-of-type {
|
||||
.single-post header {
|
||||
background-color: #67c4da;
|
||||
/* 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' */
|
||||
@ -828,6 +855,21 @@ hr {
|
||||
.centered-content:after {
|
||||
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 {
|
||||
zoom: 1;
|
||||
max-width: 950px;
|
||||
@ -1152,21 +1194,10 @@ header + .chevron-divider {
|
||||
.page-template-template-tour header nav {
|
||||
float: left;
|
||||
margin-top: 35px;
|
||||
margin-left: 20px;
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
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 {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
@ -1177,15 +1208,17 @@ header + .chevron-divider {
|
||||
padding: 0 35px;
|
||||
position: relative;
|
||||
-webkit-flex-direction: column;
|
||||
}
|
||||
.page-template-template-tour header nav ul:hover {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
.page-template-template-tour header nav ul.active li {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
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 {
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
@ -1194,6 +1227,7 @@ header + .chevron-divider {
|
||||
-ms-flex-order: 2;
|
||||
order: 2;
|
||||
display: none;
|
||||
text-align: right;
|
||||
}
|
||||
.page-template-template-tour header nav ul li.current-menu-item {
|
||||
-webkit-order: 1;
|
||||
@ -1205,23 +1239,26 @@ header + .chevron-divider {
|
||||
}
|
||||
.page-template-template-tour header nav ul li.current-menu-item a {
|
||||
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 {
|
||||
content: '▼';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
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 {
|
||||
content: 'for ';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.page-template-template-tour header ul {
|
||||
list-style: none;
|
||||
.page-template-template-tour header nav ul li a {
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-template-template-tour header .description {
|
||||
clear: both;
|
||||
@ -1263,17 +1300,97 @@ header + .chevron-divider {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
.page-template-template-companywhite header nav,
|
||||
.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 {
|
||||
background-color: #529dae;
|
||||
.page-template-template-companywhite header nav ul li,
|
||||
.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,
|
||||
.archive header,
|
||||
.single-post header {
|
||||
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,
|
||||
.archive header .chevron-divider,
|
||||
.single-post header .chevron-divider {
|
||||
@ -1590,14 +1707,17 @@ header + .chevron-divider {
|
||||
}
|
||||
.feature-circles .surround-circle:before {
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
left: 8%;
|
||||
width: 85%;
|
||||
background: transparent url('../img/circle.png') no-repeat center top;
|
||||
background-size: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
.feature-circles .surround-circle h1 {
|
||||
margin-top: 22px;
|
||||
}
|
||||
.feature-circles img {
|
||||
width: 105px;
|
||||
display: block;
|
||||
@ -1629,7 +1749,6 @@ header + .chevron-divider {
|
||||
}
|
||||
.case-studies {
|
||||
height: 685px;
|
||||
background-color: #888;
|
||||
position: relative;
|
||||
}
|
||||
.case-studies .case-study {
|
||||
@ -1819,6 +1938,26 @@ header + .chevron-divider {
|
||||
.product-overview .text-column {
|
||||
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) {
|
||||
.product-overview {
|
||||
padding: 100px 0;
|
||||
@ -2140,6 +2279,14 @@ header + .chevron-divider {
|
||||
.contact input[type=submit].blue:hover {
|
||||
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 {
|
||||
color: #ffffff;
|
||||
background-color: #67c4da;
|
||||
@ -2149,6 +2296,15 @@ header + .chevron-divider {
|
||||
background-color: #ffffff;
|
||||
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 {
|
||||
color: #67c4da;
|
||||
background-color: #ffffff;
|
||||
@ -2312,18 +2468,36 @@ header + .chevron-divider {
|
||||
position: relative;
|
||||
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 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.short-descriptions .short-description {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.short-descriptions .short-description h1 {
|
||||
font-size: 22px;
|
||||
color: #d8127d;
|
||||
}
|
||||
.content-boxed {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
@ -2333,22 +2507,30 @@ header + .chevron-divider {
|
||||
.content-boxed .centered-content > div {
|
||||
border: 1px solid #d8127d;
|
||||
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 {
|
||||
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;
|
||||
.content-boxed .centered-content > div ul {
|
||||
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 {
|
||||
max-width: 640px;
|
||||
@ -2356,6 +2538,178 @@ header + .chevron-divider {
|
||||
.content-boxed .centered-content img {
|
||||
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 {
|
||||
width: calc(100% + 70px);
|
||||
}
|
||||
@ -2473,9 +2827,6 @@ article.post .meta {
|
||||
.single-post .article-post {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding {
|
||||
background-color: transparent;
|
||||
}
|
||||
footer {
|
||||
font-size: 14px;
|
||||
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;
|
||||
}
|
||||
|
||||
.centered-pricing {
|
||||
.clearfix;
|
||||
max-width: 880px + 2*@centeredpadding;
|
||||
padding: 0 @centeredpadding;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.centered-content-padding {
|
||||
.clearfix;
|
||||
max-width: 950px;
|
||||
|
||||
@ -24,43 +24,35 @@ header + .chevron-divider {
|
||||
nav {
|
||||
float: left;
|
||||
margin-top: 35px;
|
||||
margin-left: 20px;
|
||||
.tourNavText;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
||||
a {
|
||||
color: @pink;
|
||||
}
|
||||
ul {
|
||||
&:before,
|
||||
li a:after {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 35px;
|
||||
position: relative;
|
||||
-webkit-flex-direction: column;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
list-style: none;
|
||||
|
||||
&.active {
|
||||
li {
|
||||
display: flex;
|
||||
|
||||
&.current-menu-item {
|
||||
a {
|
||||
&:after {
|
||||
transform: rotate(180deg) scale(1,0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
flex-grow: 1;
|
||||
order: 2;
|
||||
display: none;
|
||||
text-align: right;
|
||||
|
||||
&.current-menu-item {
|
||||
order: 1;
|
||||
@ -68,29 +60,33 @@ header + .chevron-divider {
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
font-size: 25px;
|
||||
|
||||
&:before {
|
||||
content: 'for ';
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
&:after {
|
||||
content: '▼';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: -34px;
|
||||
right: -25px;
|
||||
font-size: 15px;
|
||||
transform: scale(1,0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
content: 'for ';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
a {
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
.description {
|
||||
clear: both;
|
||||
width: 80%;
|
||||
@ -135,18 +131,80 @@ header + .chevron-divider {
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
.page-template-template-companywhite header,
|
||||
.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 {
|
||||
background-color: #529dae;
|
||||
ul {
|
||||
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 {
|
||||
&:extend(.blueGradient);
|
||||
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 {
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
@ -258,14 +316,17 @@ header + .chevron-divider {
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
left: 8%;
|
||||
width: 85%;
|
||||
background: transparent url('../img/circle.png') no-repeat center top;
|
||||
background-size: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 22px;
|
||||
}
|
||||
}
|
||||
img {
|
||||
width: 105px;
|
||||
@ -293,7 +354,6 @@ header + .chevron-divider {
|
||||
}
|
||||
.case-studies {
|
||||
height: 685px;
|
||||
background-color: #888;
|
||||
position: relative;
|
||||
|
||||
.case-study {
|
||||
@ -470,6 +530,27 @@ header + .chevron-divider {
|
||||
.text-column {
|
||||
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) {
|
||||
padding: 100px 0;
|
||||
@ -860,8 +941,25 @@ header + .chevron-divider {
|
||||
}
|
||||
}
|
||||
.short-descriptions {
|
||||
padding-top: 35px;
|
||||
text-align: center;
|
||||
.copyText;
|
||||
|
||||
.centered-content {
|
||||
& > h1 {
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
.short-description {
|
||||
.ttl-columns.column-3;
|
||||
.copyText;
|
||||
margin-bottom: 100px;
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-boxed {
|
||||
@ -875,24 +973,32 @@ header + .chevron-divider {
|
||||
& > div {
|
||||
border: 1px solid @pink;
|
||||
background-color: @white;
|
||||
padding: 30px;
|
||||
padding: 60px 10%;
|
||||
text-align: center;
|
||||
.copyText;
|
||||
|
||||
& > ul {
|
||||
margin: 30px;
|
||||
overflow: hidden;
|
||||
ul {
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
|
||||
& > li {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
li {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
ul {
|
||||
width: 70%;
|
||||
float: right;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
margin-left: 20%;
|
||||
|
||||
li {
|
||||
margin-bottom:0;
|
||||
&:before {
|
||||
content: '-';
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
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 .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 {
|
||||
.footerText;
|
||||
|
||||
@ -201,9 +201,6 @@ a {
|
||||
&:extend(.fontRegular);
|
||||
color: @black;
|
||||
font-size: 19px;
|
||||
}
|
||||
.teamPosition {
|
||||
|
||||
}
|
||||
.footerText {
|
||||
&: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 {
|
||||
@bgColor: @blueBright;
|
||||
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 {
|
||||
@bgColor: @white;
|
||||
color: @blueBright;
|
||||
|
||||
@ -3,87 +3,86 @@
|
||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||
$(document).ready(function(){
|
||||
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
headerNavigation();
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
marketplaces();
|
||||
tourNav();
|
||||
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
function tourNav() {
|
||||
$('.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') {
|
||||
$('.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');
|
||||
}
|
||||
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() {
|
||||
/*
|
||||
* 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() {
|
||||
/*
|
||||
* 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');
|
||||
jQuery.get(imgURL, function(data) {
|
||||
// Get the SVG tag, ignore the rest
|
||||
var $svg = jQuery(data).find('svg');
|
||||
|
||||
jQuery.get(imgURL, function(data) {
|
||||
// Get the SVG tag, ignore the rest
|
||||
var $svg = jQuery(data).find('svg');
|
||||
// Add replaced image's ID to the new SVG
|
||||
if(typeof imgID !== 'undefined') {
|
||||
$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
|
||||
if(typeof imgID !== 'undefined') {
|
||||
$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
|
||||
$svg = $svg.removeAttr('xmlns:a');
|
||||
|
||||
// Remove any invalid XML tags as per http://validator.w3.org
|
||||
$svg = $svg.removeAttr('xmlns:a');
|
||||
// Replace image with new SVG
|
||||
$img.replaceWith($svg);
|
||||
|
||||
// Replace image with new SVG
|
||||
$img.replaceWith($svg);
|
||||
}, 'xml');
|
||||
|
||||
}, '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();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
marketplaces();
|
||||
tourNav();
|
||||
|
||||
|
||||
|
||||
|
||||
function tourNav() {
|
||||
$('.current-menu-item a').click(function(e){
|
||||
e.preventDefault();
|
||||
$('#menu-landing-page-menu').toggleClass('active');
|
||||
});
|
||||
}
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
@ -65,6 +70,16 @@ $(document).ready(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');
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
@ -161,21 +161,23 @@ class Subtemplate {
|
||||
public function columns($subtemplateTitle) {
|
||||
|
||||
$descriptiveColumns = '';
|
||||
$content = get_sub_field('content');
|
||||
|
||||
if (have_rows('short_description')) {
|
||||
while (have_rows('short_description')) {
|
||||
the_row();
|
||||
|
||||
$title = get_sub_field('title');
|
||||
$content = get_sub_field('content');
|
||||
$colTitle = get_sub_field('title');
|
||||
$colContent = get_sub_field('content');
|
||||
|
||||
$descriptiveColumns .= "<article class='short-description'>
|
||||
<h1>{$title}</h1>
|
||||
<div class='description'>{$content}</div>
|
||||
<h1>{$colTitle}</h1>
|
||||
<div class='description'>{$colContent}</div>
|
||||
</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;
|
||||
}
|
||||
@ -511,7 +513,9 @@ class Subtemplate {
|
||||
|
||||
$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'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
@ -856,10 +860,12 @@ class Subtemplate {
|
||||
$result = "<section class='subtemplate existing-new'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div id='existing-tab'>Existing Marketplace</div>
|
||||
<div id='new-tab'>New Marketplace</div>
|
||||
<div id='existing'>{$existing}</div>
|
||||
<div id='new'>{$new}</div>
|
||||
<div class='column-container'>
|
||||
<div data-tab='existing' class='top-tab active'><div>Existing Marketplace</div></div>
|
||||
<div data-tab='new' class='top-tab'><div>New Marketplace</div></div>
|
||||
</div>
|
||||
<div id='existing' class='content marketplace-info active'>{$existing}</div>
|
||||
<div id='new' class='content marketplace-info'>{$new}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
@ -870,19 +876,26 @@ class Subtemplate {
|
||||
$content = get_sub_field('content');
|
||||
$apiImg = get_sub_field('api_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'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div class='description'>{$content}</div>
|
||||
<div class='api'>
|
||||
<h1>API</h1>
|
||||
<img src='{$apiImg}' alt='API'>
|
||||
</div>
|
||||
<div class='white-label'>
|
||||
<h1>White Label Marketplace</h1>
|
||||
<img src='{$whiteImg}' alt='White Label Marketplace'>
|
||||
<div class='column-container'>
|
||||
<div class='api methods-of-use'>
|
||||
<h1>API</h1>
|
||||
<img src='{$apiImg}' alt='API'>
|
||||
{$apiText}
|
||||
</div>
|
||||
<div class='white-label methods-of-use'>
|
||||
<h1>White Label Marketplace</h1>
|
||||
<img src='{$whiteImg}' alt='White Label Marketplace'>
|
||||
{$whiteText}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
@ -895,10 +908,13 @@ class Subtemplate {
|
||||
$leftPricing = get_sub_field('left_pricing_text');
|
||||
|
||||
$result = "<section class='subtemplate pricing' style='background-image:url({$bgImg})'>
|
||||
<div class='centered-content'>
|
||||
<div class='centered-pricing'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div class='left-pricing'>{$leftPricing}</div>
|
||||
<div class='right-pricing'>{$rightPricing}</div>
|
||||
<div class='column-container'>
|
||||
<div class='pricing-detail'><div>{$leftPricing}</div></div>
|
||||
<div class='pricing-detail'><div>{$rightPricing}</div></div>
|
||||
</div>
|
||||
Contact us to discuss custom pricing
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
|
||||
@ -40,7 +40,7 @@ remove_action( 'wp_print_styles', 'print_emoji_styles' );
|
||||
remove_action( 'admin_print_styles', 'print_emoji_styles' );
|
||||
//
|
||||
////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
|
||||
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">
|
||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
</div>
|
||||
<nav class="tour-switcher"><?php wp_nav_menu( array(
|
||||
'theme_location' => 'landing-menu',
|
||||
'container' => false
|
||||
)); ?>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="chevron-divider"></div>
|
||||
<h1>ascribe blog</h1>
|
||||
|
||||
@ -15,6 +15,11 @@ require 'controller/init.php';
|
||||
<div class="app-links">
|
||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
</div>
|
||||
<nav class="tour-switcher"><?php wp_nav_menu( array(
|
||||
'theme_location' => 'landing-menu',
|
||||
'container' => false
|
||||
)); ?>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="chevron-divider"></div>
|
||||
|
||||
@ -9,6 +9,7 @@ get_header();
|
||||
$bgImage = get_field('header_background_image')['url'];
|
||||
$headerTagline = get_field('header_tagline');
|
||||
$buttonText = get_field('create_account_button_text');
|
||||
$buttonColour = get_field('header_button_colour');
|
||||
$controller = new Controller();
|
||||
|
||||
?>
|
||||
@ -26,7 +27,7 @@ $controller = new Controller();
|
||||
</nav>
|
||||
<section class="description">
|
||||
<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>
|
||||
</div>
|
||||
<div class="chevron-divider"></div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user