1
0
mirror of https://github.com/ascribe/wp-theme synced 2024-12-22 09:13:38 +01:00

Remove useless and confusing assets

This commit is contained in:
vrde 2015-11-03 15:46:32 +01:00
parent dec351e772
commit 32c5ffb94e
11 changed files with 0 additions and 6132 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,316 +0,0 @@
// TERRITORIAL CSS HELPERS
@tabletWidth: 768px;
@middleWidth: 570px;
@phoneWidth: 600px;
@smallWidth: 400px;
// CLEARFIX
// Apply .clearfix to a non-floated container element with floated elements in it
// to ensure the container has a height. Use .no-clearfix to reset a clearfix
// when in a dicey spot
.clearfix {
zoom: 1;
&:before, &:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
.no-clearfix {
zoom: 0;
&:before,
&:after {
display: none;
}
&:after {
clear: none;
}
}
// CENTERED
// Apply this class to an element to center it responsively in a container
@centeredpadding: 10px;
.centered-header {
.clearfix;
max-width: 1120px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-prodFeat {
.clearfix;
max-width: 930px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-content {
.clearfix;
max-width: 770px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
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;
padding: 0 @centeredpadding 50px;
width: 100%;
margin: 0 auto;
background-color: @white;
}
.centered-categories {
.clearfix;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.centered-footer {
.clearfix;
max-width: 650px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
// GENERAL LIST
// TAKES AWAY PADDING AND LIST STYLE
ul, ol {
padding:0;
margin:0;
}
// COLUMN SECTIONS
.wrapper {
position: relative;
overflow:hidden;
}
@paddingForCols: 30px;
.ttl-columns {
font-size:0;
width:100%;
width: calc(~"100% +"@paddingForCols);
.column {
display: inline-block;
vertical-align: top;
padding-right: @paddingForCols;
font-size: 15px;
}
.column-2 {
.column;
width: 50%;
@media screen and (max-width: @middleWidth) {
width: 100%;
}
}
.column-3 {
.column;
width: 100/3%;
@media screen and (max-width: @middleWidth) {
width: 100%;
}
}
.column-4 {
.column;
width: 25%;
@media screen and (max-width: @tabletWidth) {
width: 50%;
}
}
.column-5 {
.column;
width: 20%;
@media screen and (max-width: @tabletWidth) {
width: 50%;
}
}
.column-6 {
.column;
width: 100/6%;
@media screen and (max-width: @tabletWidth) {
width: 33%;
}
@media screen and (max-width: @phoneWidth) {
width: 50%;
}
}
.column-7 {
.column;
width: 100/7%;
@media screen and (max-width: @tabletWidth) {
width: 33%;
}
}
.columnTwoThirds {
.column;
width: 66.6%;
@media screen and (max-width: @middleWidth) {
width: 100%;
}
}
.columnThreeQuarters {
.column;
width: 100 * 3/4%;
@media screen and (max-width: @tabletWidth) {
width: 100%;
}
}
}
.column-container {
.ttl-columns;
}
// BORDER-BOX
// Changes the box model so that padding is included within width, rather than
// outside of width
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
// EMBED OBJECTS
// Makes embed objects responsive
img,
embed,
object,
video {
max-width: 100%;
border: 0;
padding: 0;
}
// MOBILE-ONLY
// Use this to only display something on mobile- and tablet-width devices.
// Depending on project specs, you may wish to override this breakpoint.
.phone-only {
display: none;
@media screen and (max-width: @phoneWidth) {
display: inherit;
}
}
.mobile-only {
display: none;
@media screen and (max-width: @tabletWidth) {
display: inherit;
}
}
.desktop-only {
@media screen and (max-width: @tabletWidth) {
display: none;
}
}
.phone-and-up {
@media screen and (max-width: @phoneWidth) {
display: none;
}
}
// MIXINS
// TRANSITION
// Applies a CSS transition between properties
.transition(@property: all, @speed: 0.15s, @easing: ease-in-out) {
-webkit-transition: @property @speed @easing;
-moz-transition: @property @speed @easing;
-ms-transition: @property @speed @easing;
-o-transition: @property @speed @easing;
transition: @property @speed @easing;
}
///**
// * Selection
// *
// * Style a visual representation of selecting elements and objects.
// *
// * @USAGE
// * You can use it on the root of your CSS to make the selection style global
// * or inside a specific element. Provide two arguments: font color and background-color.
// *
// * @EXAMPLES
// * 1. .selection(red, blue);
// * 2. p {
// * .selection(red, blue)
// * }
// **/
.selection(@text-color, @background-color) {
&::-moz-selection {color: @text-color; background-color: @background-color;}
&::selection {color: @text-color; background-color: @background-color;}
}
// * =========================================================== *
// < LESSHat >
// * =========================================================== *
//
// Made with Energy drinks in Prague, Czech Republic.
// Handcrafted by Petr Brzek, lesshat.com
// Works great with CSS Hat csshat.com
// version: v3.0.0 (2014-04-18)
.placeholder(@color:#aaa, @element: 08121991) {
.inception (@arguments) when not (@element = 08121991) {
@{element}::-webkit-input-placeholder {
color: @color;
}
@{element}:-moz-placeholder {
color: @color;
}
@{element}::-moz-placeholder {
color: @color;
}
@{element}:-ms-input-placeholder {
color: @color;
}
}
.inception (@arguments) when (@element = 08121991) {
&::-webkit-input-placeholder {
color: @color;
}
&:-moz-placeholder {
color: @color;
}
&::-moz-placeholder {
color: @color;
}
&:-ms-input-placeholder {
color: @color;
}
}
.inception(@arguments);
}

File diff suppressed because it is too large Load Diff

View File

@ -1,353 +0,0 @@
//GLOBALS
body,
html {
.copyTextSmall;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&.page-template-template-companyblue {
.copyText;
}
}
a {
text-decoration: none;
color: @blueBright;
&:hover {
color: @pink;
}
}
//COLOURS
@blueDeep: #121417;
@blueMedium: #003C69;
@blueBright: #67C4DA;
@blueLight: #d7e9ef;
@pink: #D8127D;
@white: #fff;
@greyBg: #fbfbfb;
@greySocial: #b8b8b8;
@greyHr: #979797;
@greyFooter: #8c8c8c;
@greyText: #595959;
@blackish: #1e1e1e;
@black: #000;
//FONTS
.fontLight {
font-family: "canada-type-gibson",sans-serif;
font-weight: 200;
}
.fontRegular {
font-family: "canada-type-gibson",sans-serif;
font-weight: 400;
}
// GENERAL TEXT STYLES
.sectionHeader {
&:extend(.fontLight);
font-size: 34px;
color: @blueBright;
line-height: 1.2;
margin: 35px 0;
text-align: center;
@media screen and (max-width: @tabletWidth) {
font-size: 30px;
}
}
.subsectionHeader {
&:extend(.fontLight);
font-size: 31px;
color: @black;
line-height: 37px;
text-align: center;
}
.h1, h1 {
&:extend(.fontLight);
font-size: 36px;
color: @pink;
line-height: 1.2;
}
.h2, h2 {
&:extend(.fontRegular);
font-size: 26px;
color: @pink;
line-height: 1.2;
}
.h3, h3 {
&:extend(.fontLight);
font-size: 27px;
color: @pink;
line-height: 1.2;
}
.h4, h4 {
&:extend(.fontRegular);
font-size: 26px;
color: @black;
line-height: 1.2;
}
.h5, h5 {
&:extend(.fontLight);
font-size: 26px;
color: @black;
line-height: 1.2;
}
.h6, h6 {
&:extend(.fontRegular);
color: @pink;
font-size: 15px;
line-height: 19px;
}
.copyText {
&:extend(.fontLight);
color: @blueDeep;
font-size: 18px;
line-height: 22px;
}
.copyTextMedium {
&:extend(.fontLight);
color: @blueDeep;
font-size: 17px;
line-height: 21px;
}
.copyTextSmall {
&:extend(.fontLight);
color: @blueDeep;
font-size: 15px;
line-height: 19px;
}
// SPECIALIZED TEXT STYLES
.heroText {
&:extend(.fontLight);
font-size: 37px;
color: @white;
line-height: 44px;
}
.tourNavText {
&:extend(.fontLight);
font-size: 25px;
line-height: 30px;
color: @blueBright;
}
.signInUpText {
&:extend(.fontLight);
font-size: 17px;
line-height: 20px;
color: @white;
text-transform: uppercase;
}
.featureCircleH1 {
&:extend(.fontLight);
font-size: 20px;
color: @pink;
letter-spacing: 1.11px;
line-height: 24px;
margin-bottom: 22px;
}
.caseStudyText {
&:extend(.fontRegular);
font-size: 23px;
color: @white;
line-height: 28px;
}
.oldWayNewWayTH {
&:extend(.fontLight);
font-size: 24px;
color: @pink;
line-height: 29px;
}
.blueBoxTitle {
&:extend(.fontRegular);
font-size: 43px;
color: @white;
line-height: 52px;
text-align: center;
}
.blueBoxCopy {
&:extend(.fontLight);
font-size: 43px;
color: @white;
line-height: 52px;
}
.galleriesPressTitle {
&:extend(.fontLight);
font-size: 30px;
color: @black;
line-height: 36px;
margin-bottom: 50px;
}
.featureBlogDesc {
&:extend(.fontLight);
font-size: 13px;
color: @blueBright;
line-height: 22.79px;
}
.featureBlogTitle {
&:extend(.fontLight);
font-size: 17px;
color: @greyText;
line-height: 22.79px;
text-transform: uppercase;
}
.teamName {
&:extend(.fontRegular);
color: @black;
font-size: 19px;
}
.footerText {
&:extend(.fontLight);
font-size: 14px;
color: @white;
line-height: 25px;
}
.subfooterText {
color: @blackish;
font-size: 13px;
line-height: 14px;
}
// DEVICES
.button {
display: inline-block;
padding: 25px 40px;
&:extend(.fontRegular);
border: 1px solid;
font-size: 22px;
line-height: 26px;
text-decoration: none;
min-width: 265px;
text-align: center;
&.blue {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: fade(@bgColor,50);
}
}
&.pink {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: fade(@bgColor,50);
}
}
&.blue-overPic {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: @white;
color: @bgColor;
}
}
&.pink-overPic {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: @white;
color: @bgColor;
}
}
&.white-blue {
@bgColor: @white;
color: @blueBright;
background-color: @bgColor;
border-color: @blueBright;
&:hover {
background-color: fade(@blueBright,50);
color: @white;
}
}
&.small {
&:extend(.fontLight);
padding: 5px 15px;
font-size: 14px;
color: @white;
background-color: transparent;
border-color: @white;
min-width: auto;
&:hover {
background-color: fade(@white,40);
border-color: fade(@white,40);
color: @white;
}
}
@media screen and (max-width: @smallWidth) {
min-width: initial;
}
}
.chevron-divider {
background-image: url(../../images/svg/ascribe-chevron.svg);
background-position: bottom;
width: 100%;
background-size: 100%;
height: 150px;
@media screen and (max-width: @tabletWidth) {
background-size: 120%;
}
}
.social-icon {
width: 21px;
height: 21px;
padding: 1px;
fill: @white;
background-color: @greySocial;
border-radius: 5px;
&:hover {
background-color: fade(@greySocial,40);
}
}
hr {
border: 0;
height: 2px;
background: @greyHr;
margin: 40px 0;
}
.blueGradient {
background-color: @blueBright;
/* 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' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(81,156,173,1) 0%, rgba(103,196,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,156,173,1)), color-stop(100%,rgba(103,196,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519cad', endColorstr='#67c4da',GradientType=0 ); /* IE6-8 */
}

View File

@ -1,3 +0,0 @@
# Styles
Only final CSS styles should exist in this folder. If you are using SASS, LESS, autoprefixer, or some other pre-processor, please place your raw source files in a subdirectory.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1007 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

View File

@ -1,101 +0,0 @@
/*! ascribe - v0.0.1
* http://wordpress.org/themes
* Copyright (c) 2015; * Licensed GPLv2+ */
$(document).ready(function(){
slider();
featuredFAQ();
marketplaces();
tourNav();
mobileNav();
stickyNav();
colourHover();
function tourNav() {
if ($('body').hasClass('page-template-template-tour')) {
$('.tour-switcher .menu').prepend($('.tour-switcher .current-menu-item'));
}
$('.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(){
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 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 mobileNav() {
$('.hamburger').click(function(){
console.log('hi');
$('.mobile-nav').toggleClass('active');
});
}
function stickyNav() {
var didScroll = false;
var sticky = $('.sticky');
$(window).scroll(function () {
didScroll = true;
});
setInterval(function () {
if (didScroll) {
didScroll = false;
if ($(window).scrollTop() > 100) {
sticky.addClass('stuck');
}
else {
sticky.removeClass('stuck');
}
}
}, 250);
}
function colourHover() {
$('.team-member img').hover(
function(){
var hover = $(this).data('hover');
$(this).attr('src',hover);
},
function(){
var normal = $(this).data('regular');
$(this).attr('src',normal);
});
}
});

View File

@ -1,4 +0,0 @@
/*! ascribe - v0.0.1
* http://wordpress.org/themes
* Copyright (c) 2015; * Licensed GPLv2+ */
$(document).ready(function(){function a(){$("body").hasClass("page-template-template-tour")&&$(".tour-switcher .menu").prepend($(".tour-switcher .current-menu-item")),$(".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(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function d(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var a=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+a).addClass("active")})}function e(){$(".hamburger").click(function(){console.log("hi"),$(".mobile-nav").toggleClass("active")})}function f(){var a=!1,b=$(".sticky");$(window).scroll(function(){a=!0}),setInterval(function(){a&&(a=!1,$(window).scrollTop()>100?b.addClass("stuck"):b.removeClass("stuck"))},250)}function g(){$(".team-member img").hover(function(){var a=$(this).data("hover");$(this).attr("src",a)},function(){var a=$(this).data("regular");$(this).attr("src",a)})}b(),c(),d(),a(),e(),f(),g()});

View File

@ -1,98 +0,0 @@
$(document).ready(function(){
slider();
featuredFAQ();
marketplaces();
tourNav();
mobileNav();
stickyNav();
colourHover();
function tourNav() {
if ($('body').hasClass('page-template-template-tour')) {
$('.tour-switcher .menu').prepend($('.tour-switcher .current-menu-item'));
}
$('.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(){
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 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 mobileNav() {
$('.hamburger').click(function(){
console.log('hi');
$('.mobile-nav').toggleClass('active');
});
}
function stickyNav() {
var didScroll = false;
var sticky = $('.sticky');
$(window).scroll(function () {
didScroll = true;
});
setInterval(function () {
if (didScroll) {
didScroll = false;
if ($(window).scrollTop() > 100) {
sticky.addClass('stuck');
}
else {
sticky.removeClass('stuck');
}
}
}, 250);
}
function colourHover() {
$('.team-member img').hover(
function(){
var hover = $(this).data('hover');
$(this).attr('src',hover);
},
function(){
var normal = $(this).data('regular');
$(this).attr('src',normal);
});
}
});