David Miller
8 years ago
33 changed files with 8360 additions and 8636 deletions
File diff suppressed because one or more lines are too long
@ -1,38 +1,38 @@ |
|||||||
(function($) { |
(function($) { |
||||||
"use strict"; // Start of use strict
|
"use strict"; // Start of use strict
|
||||||
|
|
||||||
// Smooth scrolling using jQuery easing
|
// Smooth scrolling using jQuery easing
|
||||||
$('a[href*="#"]:not([href="#"])').click(function() { |
$('a[href*="#"]:not([href="#"])').click(function() { |
||||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { |
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { |
||||||
var target = $(this.hash); |
var target = $(this.hash); |
||||||
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); |
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); |
||||||
if (target.length) { |
if (target.length) { |
||||||
$('html, body').animate({ |
$('html, body').animate({ |
||||||
scrollTop: (target.offset().top - 54) |
scrollTop: (target.offset().top - 54) |
||||||
}, 1000, "easeInOutExpo"); |
}, 1000, "easeInOutExpo"); |
||||||
return false; |
return false; |
||||||
} |
} |
||||||
} |
} |
||||||
}); |
}); |
||||||
|
|
||||||
// Activate scrollspy to add active class to navbar items on scroll
|
// Activate scrollspy to add active class to navbar items on scroll
|
||||||
$('body').scrollspy({ |
$('body').scrollspy({ |
||||||
target: '#mainNav', |
target: '#mainNav', |
||||||
offset: 54 |
offset: 54 |
||||||
}); |
}); |
||||||
|
|
||||||
// Closes responsive menu when a link is clicked
|
// Closes responsive menu when a link is clicked
|
||||||
$('.navbar-collapse>ul>li>a').click(function() { |
$('.navbar-collapse>ul>li>a').click(function() { |
||||||
$('.navbar-collapse').collapse('hide'); |
$('.navbar-collapse').collapse('hide'); |
||||||
}); |
}); |
||||||
|
|
||||||
// Collapse the navbar when page is scrolled
|
// Collapse the navbar when page is scrolled
|
||||||
$(window).scroll(function() { |
$(window).scroll(function() { |
||||||
if ($("#mainNav").offset().top > 100) { |
if ($("#mainNav").offset().top > 100) { |
||||||
$("#mainNav").addClass("navbar-shrink"); |
$("#mainNav").addClass("navbar-shrink"); |
||||||
} else { |
} else { |
||||||
$("#mainNav").removeClass("navbar-shrink"); |
$("#mainNav").removeClass("navbar-shrink"); |
||||||
} |
} |
||||||
}); |
}); |
||||||
|
|
||||||
})(jQuery); // End of use strict
|
})(jQuery); // End of use strict
|
||||||
|
|||||||
@ -1,70 +1,70 @@ |
|||||||
$(function() { |
$(function() { |
||||||
|
|
||||||
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({ |
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({ |
||||||
preventSubmit: true, |
preventSubmit: true, |
||||||
submitError: function($form, event, errors) { |
submitError: function($form, event, errors) { |
||||||
// additional error messages or events
|
// additional error messages or events
|
||||||
|
}, |
||||||
|
submitSuccess: function($form, event) { |
||||||
|
event.preventDefault(); // prevent default submit behaviour
|
||||||
|
// get values from FORM
|
||||||
|
var name = $("input#name").val(); |
||||||
|
var email = $("input#email").val(); |
||||||
|
var phone = $("input#phone").val(); |
||||||
|
var message = $("textarea#message").val(); |
||||||
|
var firstName = name; // For Success/Failure Message
|
||||||
|
// Check for white space in name for Success/Fail message
|
||||||
|
if (firstName.indexOf(' ') >= 0) { |
||||||
|
firstName = name.split(' ').slice(0, -1).join(' '); |
||||||
|
} |
||||||
|
$.ajax({ |
||||||
|
url: "././mail/contact_me.php", |
||||||
|
type: "POST", |
||||||
|
data: { |
||||||
|
name: name, |
||||||
|
phone: phone, |
||||||
|
email: email, |
||||||
|
message: message |
||||||
}, |
}, |
||||||
submitSuccess: function($form, event) { |
cache: false, |
||||||
event.preventDefault(); // prevent default submit behaviour
|
success: function() { |
||||||
// get values from FORM
|
// Success message
|
||||||
var name = $("input#name").val(); |
$('#success').html("<div class='alert alert-success'>"); |
||||||
var email = $("input#email").val(); |
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||||
var phone = $("input#phone").val(); |
.append("</button>"); |
||||||
var message = $("textarea#message").val(); |
$('#success > .alert-success') |
||||||
var firstName = name; // For Success/Failure Message
|
.append("<strong>Your message has been sent. </strong>"); |
||||||
// Check for white space in name for Success/Fail message
|
$('#success > .alert-success') |
||||||
if (firstName.indexOf(' ') >= 0) { |
.append('</div>'); |
||||||
firstName = name.split(' ').slice(0, -1).join(' '); |
|
||||||
} |
|
||||||
$.ajax({ |
|
||||||
url: "././mail/contact_me.php", |
|
||||||
type: "POST", |
|
||||||
data: { |
|
||||||
name: name, |
|
||||||
phone: phone, |
|
||||||
email: email, |
|
||||||
message: message |
|
||||||
}, |
|
||||||
cache: false, |
|
||||||
success: function() { |
|
||||||
// Success message
|
|
||||||
$('#success').html("<div class='alert alert-success'>"); |
|
||||||
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
|
||||||
.append("</button>"); |
|
||||||
$('#success > .alert-success') |
|
||||||
.append("<strong>Your message has been sent. </strong>"); |
|
||||||
$('#success > .alert-success') |
|
||||||
.append('</div>'); |
|
||||||
|
|
||||||
//clear all fields
|
//clear all fields
|
||||||
$('#contactForm').trigger("reset"); |
$('#contactForm').trigger("reset"); |
||||||
}, |
|
||||||
error: function() { |
|
||||||
// Fail message
|
|
||||||
$('#success').html("<div class='alert alert-danger'>"); |
|
||||||
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
|
||||||
.append("</button>"); |
|
||||||
$('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!")); |
|
||||||
$('#success > .alert-danger').append('</div>'); |
|
||||||
//clear all fields
|
|
||||||
$('#contactForm').trigger("reset"); |
|
||||||
}, |
|
||||||
}); |
|
||||||
}, |
}, |
||||||
filter: function() { |
error: function() { |
||||||
return $(this).is(":visible"); |
// Fail message
|
||||||
|
$('#success').html("<div class='alert alert-danger'>"); |
||||||
|
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||||
|
.append("</button>"); |
||||||
|
$('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!")); |
||||||
|
$('#success > .alert-danger').append('</div>'); |
||||||
|
//clear all fields
|
||||||
|
$('#contactForm').trigger("reset"); |
||||||
}, |
}, |
||||||
}); |
}); |
||||||
|
}, |
||||||
|
filter: function() { |
||||||
|
return $(this).is(":visible"); |
||||||
|
}, |
||||||
|
}); |
||||||
|
|
||||||
$("a[data-toggle=\"tab\"]").click(function(e) { |
$("a[data-toggle=\"tab\"]").click(function(e) { |
||||||
e.preventDefault(); |
e.preventDefault(); |
||||||
$(this).tab("show"); |
$(this).tab("show"); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
|
|
||||||
|
|
||||||
/*When clicking on Full hide fail/success boxes */ |
/*When clicking on Full hide fail/success boxes */ |
||||||
$('#name').focus(function() { |
$('#name').focus(function() { |
||||||
$('#success').html(''); |
$('#success').html(''); |
||||||
}); |
}); |
||||||
@ -1,44 +1,44 @@ |
|||||||
{ |
{ |
||||||
"title": "Agency", |
"title": "Agency", |
||||||
"name": "startbootstrap-agency", |
"name": "startbootstrap-agency", |
||||||
"version": "4.0.0-alpha", |
"version": "4.0.0-alpha", |
||||||
"description": "Agency is a one page HTML theme for Bootstrap.", |
"description": "Agency is a one page HTML theme for Bootstrap.", |
||||||
"keywords": [ |
"keywords": [ |
||||||
"css", |
"css", |
||||||
"sass", |
"sass", |
||||||
"html", |
"html", |
||||||
"responsive", |
"responsive", |
||||||
"theme", |
"theme", |
||||||
"template" |
"template" |
||||||
], |
], |
||||||
"homepage": "http://startbootstrap.com/template-overviews/agency", |
"homepage": "http://startbootstrap.com/template-overviews/agency", |
||||||
"bugs": { |
"bugs": { |
||||||
"url": "https://github.com/BlackrockDigital/startbootstrap-agency/issues", |
"url": "https://github.com/BlackrockDigital/startbootstrap-agency/issues", |
||||||
"email": "feedback@startbootstrap.com" |
"email": "feedback@startbootstrap.com" |
||||||
}, |
}, |
||||||
"license": "MIT", |
"license": "MIT", |
||||||
"author": "Start Bootstrap", |
"author": "Start Bootstrap", |
||||||
"contributors": [ |
"contributors": [ |
||||||
"David Miller (http://davidmiller.io/)" |
"David Miller (http://davidmiller.io/)" |
||||||
], |
], |
||||||
"repository": { |
"repository": { |
||||||
"type": "git", |
"type": "git", |
||||||
"url": "https://github.com/BlackrockDigital/startbootstrap-agency.git" |
"url": "https://github.com/BlackrockDigital/startbootstrap-agency.git" |
||||||
}, |
}, |
||||||
"dependencies": { |
"dependencies": { |
||||||
"bootstrap": "^4.0.0-alpha.6", |
"bootstrap": "^4.0.0-beta", |
||||||
"font-awesome": "4.7.0", |
"font-awesome": "4.7.0", |
||||||
"jquery": "^3.2.1", |
"jquery": "^3.2.1", |
||||||
"jquery.easing": "^1.4.1", |
"jquery.easing": "^1.4.1", |
||||||
"tether": "^1.4.0" |
"popper.js": "^1.11.1" |
||||||
}, |
}, |
||||||
"devDependencies": { |
"devDependencies": { |
||||||
"browser-sync": "^2.18.8", |
"browser-sync": "2.18.13", |
||||||
"gulp": "^3.9.1", |
"gulp": "^3.9.1", |
||||||
"gulp-clean-css": "3.2.0", |
"gulp-clean-css": "3.7.0", |
||||||
"gulp-header": "1.8.8", |
"gulp-header": "1.8.9", |
||||||
"gulp-rename": "^1.2.2", |
"gulp-rename": "^1.2.2", |
||||||
"gulp-sass": "^3.1.0", |
"gulp-sass": "^3.1.0", |
||||||
"gulp-uglify": "^2.1.2" |
"gulp-uglify": "3.0.0" |
||||||
} |
} |
||||||
} |
} |
||||||
@ -1,19 +1,19 @@ |
|||||||
// Bootstrap overrides for this template |
// Bootstrap overrides for this template |
||||||
.text-primary { |
.text-primary { |
||||||
color: $theme-primary !important; |
color: $theme-primary !important; |
||||||
} |
} |
||||||
|
|
||||||
.btn-primary { |
.btn-primary { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
@include button-variant(white, $theme-primary, $theme-primary); |
@include button-variant(white, $theme-primary, $theme-primary); |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
|
|
||||||
.btn-xl { |
.btn-xl { |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
padding: 20px 40px; |
padding: 20px 40px; |
||||||
border-radius: 3px; |
border-radius: 3px; |
||||||
@include button-variant(white, $theme-primary, $theme-primary); |
@include button-variant(white, $theme-primary, $theme-primary); |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
|
|||||||
@ -1,52 +1,52 @@ |
|||||||
// Styling for the contact section |
// Styling for the contact section |
||||||
section#contact { |
section#contact { |
||||||
background-color: $gray-darker; |
background-color: $gray-darker; |
||||||
background-image: url('../img/map-image.png'); |
background-image: url('../img/map-image.png'); |
||||||
background-repeat: no-repeat; |
background-repeat: no-repeat; |
||||||
background-position: center; |
background-position: center; |
||||||
.section-heading { |
.section-heading { |
||||||
color: white; |
color: white; |
||||||
} |
} |
||||||
.form-group { |
.form-group { |
||||||
margin-bottom: 25px; |
margin-bottom: 25px; |
||||||
input, |
input, |
||||||
textarea { |
textarea { |
||||||
padding: 20px; |
padding: 20px; |
||||||
} |
} |
||||||
input.form-control { |
input.form-control { |
||||||
height: auto; |
height: auto; |
||||||
} |
} |
||||||
textarea.form-control { |
textarea.form-control { |
||||||
height: 236px; |
height: 236px; |
||||||
} |
} |
||||||
} |
} |
||||||
.form-control:focus { |
.form-control:focus { |
||||||
border-color: $theme-primary; |
border-color: $theme-primary; |
||||||
box-shadow: none; |
box-shadow: none; |
||||||
} |
} |
||||||
::-webkit-input-placeholder { |
::-webkit-input-placeholder { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
color: $gray-lighter; |
color: $gray-lighter; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
:-moz-placeholder { |
:-moz-placeholder { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
color: $gray-lighter; |
color: $gray-lighter; |
||||||
/* Firefox 18- */ |
/* Firefox 18- */ |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
::-moz-placeholder { |
::-moz-placeholder { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
color: $gray-lighter; |
color: $gray-lighter; |
||||||
/* Firefox 19+ */ |
/* Firefox 19+ */ |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
:-ms-input-placeholder { |
:-ms-input-placeholder { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
color: $gray-lighter; |
color: $gray-lighter; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
.text-danger { |
.text-danger { |
||||||
color: $theme-danger; |
color: $theme-danger; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,43 +1,43 @@ |
|||||||
// Styling for the footer |
// Styling for the footer |
||||||
footer { |
footer { |
||||||
padding: 25px 0; |
padding: 25px 0; |
||||||
text-align: center; |
text-align: center; |
||||||
span.copyright { |
span.copyright { |
||||||
font-size: 90%; |
font-size: 90%; |
||||||
line-height: 40px; |
line-height: 40px; |
||||||
text-transform: none; |
text-transform: none; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
ul.quicklinks { |
ul.quicklinks { |
||||||
font-size: 90%; |
font-size: 90%; |
||||||
line-height: 40px; |
line-height: 40px; |
||||||
margin-bottom: 0; |
margin-bottom: 0; |
||||||
text-transform: none; |
text-transform: none; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
ul.social-buttons { |
ul.social-buttons { |
||||||
margin-bottom: 0; |
margin-bottom: 0; |
||||||
li { |
li { |
||||||
a { |
a { |
||||||
font-size: 20px; |
font-size: 20px; |
||||||
line-height: 40px; |
line-height: 40px; |
||||||
display: block; |
display: block; |
||||||
width: 40px; |
width: 40px; |
||||||
height: 40px; |
height: 40px; |
||||||
-webkit-transition: all .3s; |
-webkit-transition: all 0.3s; |
||||||
-moz-transition: all .3s; |
-moz-transition: all 0.3s; |
||||||
transition: all .3s; |
transition: all 0.3s; |
||||||
color: white; |
color: white; |
||||||
border-radius: 100%; |
border-radius: 100%; |
||||||
outline: none; |
outline: none; |
||||||
background-color: $gray-darker; |
background-color: $gray-darker; |
||||||
&:hover, |
&:active, |
||||||
&:focus, |
&:focus, |
||||||
&:active { |
&:hover { |
||||||
background-color: $theme-primary; |
background-color: $theme-primary; |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,51 +1,50 @@ |
|||||||
// Styling for the masthead |
// Styling for the masthead |
||||||
header.masthead { |
header.masthead { |
||||||
text-align: center; |
text-align: center; |
||||||
color: white; |
color: white; |
||||||
background-image: url('../img/header-bg.jpg'); |
background-image: url('../img/header-bg.jpg'); |
||||||
background-repeat: no-repeat; |
background-repeat: no-repeat; |
||||||
background-attachment: scroll; |
background-attachment: scroll; |
||||||
background-position: center center; |
background-position: center center; |
||||||
@include background-cover; |
@include background-cover; |
||||||
.intro-text { |
.intro-text { |
||||||
padding-top: 100px; |
padding-top: 150px; |
||||||
padding-bottom: 50px; |
padding-bottom: 100px; |
||||||
.intro-lead-in { |
.intro-lead-in { |
||||||
font-size: 22px; |
font-size: 22px; |
||||||
font-style: italic; |
font-style: italic; |
||||||
line-height: 22px; |
line-height: 22px; |
||||||
margin-bottom: 25px; |
margin-bottom: 25px; |
||||||
@include serif-font; |
@include serif-font; |
||||||
} |
} |
||||||
.intro-heading { |
.intro-heading { |
||||||
font-size: 50px; |
font-size: 50px; |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
line-height: 50px; |
line-height: 50px; |
||||||
margin-bottom: 25px; |
margin-bottom: 25px; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:768px) { |
@media(min-width:768px) { |
||||||
header.masthead { |
header.masthead { |
||||||
.intro-text { |
.intro-text { |
||||||
padding-top: 300px; |
padding-top: 300px; |
||||||
padding-bottom: 200px; |
padding-bottom: 200px; |
||||||
.intro-lead-in { |
.intro-lead-in { |
||||||
font-size: 40px; |
font-size: 40px; |
||||||
font-style: italic; |
font-style: italic; |
||||||
line-height: 40px; |
line-height: 40px; |
||||||
margin-bottom: 25px; |
margin-bottom: 25px; |
||||||
@include serif-font; |
@include serif-font; |
||||||
} |
} |
||||||
.intro-heading { |
.intro-heading { |
||||||
font-size: 75px; |
font-size: 75px; |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
line-height: 75px; |
line-height: 75px; |
||||||
margin-bottom: 50px; |
margin-bottom: 50px; |
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,77 +1,74 @@ |
|||||||
// Mixins |
// Mixins |
||||||
// Bootstrap Button Variant |
// Bootstrap Button Variant |
||||||
@mixin button-variant($color, $background, $border) { |
@mixin button-variant($color, $background, $border) { |
||||||
|
color: $color; |
||||||
|
border-color: $border; |
||||||
|
background-color: $background; |
||||||
|
&.focus, |
||||||
|
&:focus { |
||||||
color: $color; |
color: $color; |
||||||
border-color: $border; |
border-color: darken($border, 25%); |
||||||
background-color: $background; |
background-color: darken($background, 10%); |
||||||
|
} |
||||||
|
&:hover { |
||||||
|
color: $color; |
||||||
|
border-color: darken($border, 12%); |
||||||
|
background-color: darken($background, 10%); |
||||||
|
} |
||||||
|
&.active, |
||||||
|
&:active, |
||||||
|
.open > &.dropdown-toggle { |
||||||
|
color: $color; |
||||||
|
border-color: darken($border, 12%); |
||||||
|
background-color: darken($background, 10%); |
||||||
|
&.focus, |
||||||
&:focus, |
&:focus, |
||||||
&.focus { |
|
||||||
color: $color; |
|
||||||
border-color: darken($border, 25%); |
|
||||||
background-color: darken($background, 10%); |
|
||||||
} |
|
||||||
&:hover { |
&:hover { |
||||||
color: $color; |
color: $color; |
||||||
border-color: darken($border, 12%); |
border-color: darken($border, 25%); |
||||||
background-color: darken($background, 10%); |
background-color: darken($background, 17%); |
||||||
} |
|
||||||
&:active, |
|
||||||
&.active, |
|
||||||
.open > &.dropdown-toggle { |
|
||||||
color: $color; |
|
||||||
border-color: darken($border, 12%); |
|
||||||
background-color: darken($background, 10%); |
|
||||||
&:hover, |
|
||||||
&:focus, |
|
||||||
&.focus { |
|
||||||
color: $color; |
|
||||||
border-color: darken($border, 25%); |
|
||||||
background-color: darken($background, 17%); |
|
||||||
} |
|
||||||
} |
|
||||||
&:active, |
|
||||||
&.active, |
|
||||||
.open > &.dropdown-toggle { |
|
||||||
background-image: none; |
|
||||||
} |
|
||||||
&.disabled, |
|
||||||
&[disabled], |
|
||||||
fieldset[disabled] & { |
|
||||||
&:hover, |
|
||||||
&:focus, |
|
||||||
&.focus { |
|
||||||
border-color: $border; |
|
||||||
background-color: $background; |
|
||||||
} |
|
||||||
} |
} |
||||||
.badge { |
} |
||||||
color: $background; |
&.active, |
||||||
background-color: $color; |
&:active, |
||||||
|
.open > &.dropdown-toggle { |
||||||
|
background-image: none; |
||||||
|
} |
||||||
|
&.disabled, |
||||||
|
&[disabled], |
||||||
|
fieldset[disabled] & { |
||||||
|
&.focus, |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
border-color: $border; |
||||||
|
background-color: $background; |
||||||
} |
} |
||||||
|
} |
||||||
|
.badge { |
||||||
|
color: $background; |
||||||
|
background-color: $color; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
// Background Cover Mixin |
// Background Cover Mixin |
||||||
@mixin background-cover { |
@mixin background-cover { |
||||||
-webkit-background-size: cover; |
-webkit-background-size: cover; |
||||||
-moz-background-size: cover; |
-moz-background-size: cover; |
||||||
-o-background-size: cover; |
-o-background-size: cover; |
||||||
background-size: cover; |
background-size: cover; |
||||||
} |
} |
||||||
|
|
||||||
// Font Mixins |
// Font Mixins |
||||||
@mixin serif-font { |
@mixin serif-font { |
||||||
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||||
} |
} |
||||||
|
|
||||||
@mixin script-font { |
@mixin script-font { |
||||||
font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; |
font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; |
||||||
} |
} |
||||||
|
|
||||||
@mixin body-font { |
@mixin body-font { |
||||||
font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||||
} |
} |
||||||
|
|
||||||
@mixin heading-font { |
@mixin heading-font { |
||||||
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||||
text-transform: uppercase; |
text-transform: uppercase; |
||||||
} |
} |
||||||
|
|||||||
@ -1,75 +1,73 @@ |
|||||||
// Styling for the navbar |
// Styling for the navbar |
||||||
#mainNav { |
#mainNav { |
||||||
background-color: $gray-darker; |
background-color: $gray-darker; |
||||||
.navbar-toggler { |
.navbar-toggler { |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
right: 0; |
right: 0; |
||||||
padding: 13px; |
padding: 13px; |
||||||
text-transform: uppercase; |
text-transform: uppercase; |
||||||
|
color: white; |
||||||
|
border: 0; |
||||||
|
background-color: $theme-primary; |
||||||
|
@include heading-font; |
||||||
|
} |
||||||
|
.navbar-brand { |
||||||
|
color: $theme-primary; |
||||||
|
@include script-font; |
||||||
|
&.active, |
||||||
|
&:active, |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
color: darken($theme-primary, 10%); |
||||||
|
} |
||||||
|
} |
||||||
|
.navbar-nav { |
||||||
|
.nav-item { |
||||||
|
.nav-link { |
||||||
|
font-size: 90%; |
||||||
|
font-weight: 400; |
||||||
|
padding: 0.75em 0; |
||||||
|
letter-spacing: 1px; |
||||||
color: white; |
color: white; |
||||||
border: 0; |
|
||||||
background-color: $theme-primary; |
|
||||||
@include heading-font; |
@include heading-font; |
||||||
} |
&.active, |
||||||
.container { |
&:hover { |
||||||
padding: 0; |
color: $theme-primary; |
||||||
.navbar-brand { |
|
||||||
color: $theme-primary; |
|
||||||
@include script-font; |
|
||||||
&:hover, |
|
||||||
&:focus, |
|
||||||
&:active, |
|
||||||
&.active { |
|
||||||
color: darken($theme-primary, 10%); |
|
||||||
} |
|
||||||
} |
|
||||||
.navbar-nav { |
|
||||||
.nav-item { |
|
||||||
.nav-link { |
|
||||||
font-size: 90%; |
|
||||||
font-weight: 400; |
|
||||||
padding: .75em 0; |
|
||||||
letter-spacing: 1px; |
|
||||||
color: white; |
|
||||||
@include heading-font; |
|
||||||
&:hover, |
|
||||||
&.active { |
|
||||||
color: $theme-primary; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:992px) { |
@media(min-width:992px) { |
||||||
#mainNav { |
#mainNav { |
||||||
padding: 25px 0; |
padding-top: 25px; |
||||||
-webkit-transition: padding .3s; |
padding-bottom: 25px; |
||||||
-moz-transition: padding .3s; |
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s; |
||||||
transition: padding .3s; |
-moz-transition: padding-top 0.3s, padding-bottom 0.3s; |
||||||
border: none; |
transition: padding-top 0.3s, padding-bottom 0.3s; |
||||||
background-color: transparent; |
border: none; |
||||||
.navbar-brand { |
background-color: transparent; |
||||||
font-size: 1.75em; |
.navbar-brand { |
||||||
-webkit-transition: all .3s; |
font-size: 1.75em; |
||||||
-moz-transition: all .3s; |
-webkit-transition: all 0.3s; |
||||||
transition: all .3s; |
-moz-transition: all 0.3s; |
||||||
} |
transition: all 0.3s; |
||||||
.navbar-nav { |
} |
||||||
.nav-item { |
.navbar-nav { |
||||||
.nav-link { |
.nav-item { |
||||||
padding: 1.1em 1em !important; |
.nav-link { |
||||||
} |
padding: 1.1em 1em !important; |
||||||
} |
|
||||||
} |
|
||||||
&.navbar-shrink { |
|
||||||
padding: 0; |
|
||||||
background-color: $gray-darker; |
|
||||||
.navbar-brand { |
|
||||||
font-size: 1.25em; |
|
||||||
padding: 12px 0; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
|
&.navbar-shrink { |
||||||
|
padding-top: 0; |
||||||
|
padding-bottom: 0; |
||||||
|
background-color: $gray-darker; |
||||||
|
.navbar-brand { |
||||||
|
font-size: 1.25em; |
||||||
|
padding: 12px 0; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,152 +1,151 @@ |
|||||||
// Styling for the portfolio section |
// Styling for the portfolio section |
||||||
#portfolio { |
#portfolio { |
||||||
.portfolio-item { |
.portfolio-item { |
||||||
right: 0; |
right: 0; |
||||||
margin: 0 0 15px; |
margin: 0 0 15px; |
||||||
.portfolio-link { |
.portfolio-link { |
||||||
position: relative; |
position: relative; |
||||||
display: block; |
display: block; |
||||||
max-width: 400px; |
max-width: 400px; |
||||||
margin: 0 auto; |
margin: 0 auto; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
.portfolio-hover { |
.portfolio-hover { |
||||||
position: absolute; |
position: absolute; |
||||||
width: 100%; |
width: 100%; |
||||||
height: 100%; |
height: 100%; |
||||||
-webkit-transition: all ease .5s; |
-webkit-transition: all ease 0.5s; |
||||||
-moz-transition: all ease .5s; |
-moz-transition: all ease 0.5s; |
||||||
transition: all ease .5s; |
transition: all ease 0.5s; |
||||||
opacity: 0; |
opacity: 0; |
||||||
background: fade-out($theme-primary, .1); |
background: fade-out($theme-primary, .1); |
||||||
&:hover { |
&:hover { |
||||||
opacity: 1; |
opacity: 1; |
||||||
} |
|
||||||
.portfolio-hover-content { |
|
||||||
font-size: 20px; |
|
||||||
position: absolute; |
|
||||||
top: 50%; |
|
||||||
width: 100%; |
|
||||||
height: 20px; |
|
||||||
margin-top: -12px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
i { |
|
||||||
margin-top: -12px; |
|
||||||
} |
|
||||||
h3, |
|
||||||
h4 { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
.portfolio-caption { |
.portfolio-hover-content { |
||||||
max-width: 400px; |
font-size: 20px; |
||||||
margin: 0 auto; |
position: absolute; |
||||||
padding: 25px; |
top: 50%; |
||||||
text-align: center; |
width: 100%; |
||||||
background-color: white; |
height: 20px; |
||||||
h4 { |
margin-top: -12px; |
||||||
margin: 0; |
text-align: center; |
||||||
text-transform: none; |
color: white; |
||||||
} |
i { |
||||||
p { |
margin-top: -12px; |
||||||
font-size: 16px; |
} |
||||||
font-style: italic; |
h3, |
||||||
margin: 0; |
h4 { |
||||||
@include serif-font; |
margin: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
* { |
.portfolio-caption { |
||||||
z-index: 2; |
max-width: 400px; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 25px; |
||||||
|
text-align: center; |
||||||
|
background-color: white; |
||||||
|
h4 { |
||||||
|
margin: 0; |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
p { |
||||||
|
font-size: 16px; |
||||||
|
font-style: italic; |
||||||
|
margin: 0; |
||||||
|
@include serif-font; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
|
* { |
||||||
|
z-index: 2; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:767px) { |
@media(min-width:767px) { |
||||||
#portfolio { |
#portfolio { |
||||||
.portfolio-item { |
.portfolio-item { |
||||||
margin: 0 0 30px; |
margin: 0 0 30px; |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.portfolio-modal { |
.portfolio-modal { |
||||||
.modal-dialog { |
.modal-dialog { |
||||||
max-width: none; |
max-width: none; |
||||||
height: 100%; |
height: 100%; |
||||||
margin: 0; |
margin: 0; |
||||||
|
} |
||||||
|
.modal-content { |
||||||
|
min-height: 100%; |
||||||
|
padding: 100px 0; |
||||||
|
text-align: center; |
||||||
|
border: none; |
||||||
|
border-radius: 0; |
||||||
|
background-clip: border-box; |
||||||
|
-webkit-box-shadow: none; |
||||||
|
box-shadow: none; |
||||||
|
h2 { |
||||||
|
font-size: 3em; |
||||||
|
margin-bottom: 15px; |
||||||
} |
} |
||||||
.modal-content { |
p { |
||||||
min-height: 100%; |
margin-bottom: 30px; |
||||||
padding: 100px 0; |
|
||||||
text-align: center; |
|
||||||
border: none; |
|
||||||
border-radius: 0; |
|
||||||
background-clip: border-box; |
|
||||||
-webkit-box-shadow: none; |
|
||||||
box-shadow: none; |
|
||||||
h2 { |
|
||||||
font-size: 3em; |
|
||||||
margin-bottom: 15px; |
|
||||||
} |
|
||||||
p { |
|
||||||
margin-bottom: 30px; |
|
||||||
} |
|
||||||
p.item-intro { |
|
||||||
font-size: 16px; |
|
||||||
font-style: italic; |
|
||||||
margin: 20px 0 30px; |
|
||||||
@include serif-font; |
|
||||||
} |
|
||||||
ul.list-inline { |
|
||||||
margin-top: 0; |
|
||||||
margin-bottom: 30px; |
|
||||||
} |
|
||||||
img { |
|
||||||
margin-bottom: 30px; |
|
||||||
} |
|
||||||
button { |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
} |
} |
||||||
.close-modal { |
p.item-intro { |
||||||
position: absolute; |
font-size: 16px; |
||||||
top: 25px; |
font-style: italic; |
||||||
right: 25px; |
margin: 20px 0 30px; |
||||||
width: 75px; |
@include serif-font; |
||||||
height: 75px; |
|
||||||
cursor: pointer; |
|
||||||
background-color: transparent; |
|
||||||
&:hover { |
|
||||||
opacity: .3; |
|
||||||
} |
|
||||||
.lr { |
|
||||||
/* Safari and Chrome */ |
|
||||||
z-index: 1051; |
|
||||||
width: 1px; |
|
||||||
height: 75px; |
|
||||||
margin-left: 35px; |
|
||||||
/* IE 9 */ |
|
||||||
-webkit-transform: rotate(45deg); |
|
||||||
-ms-transform: rotate(45deg); |
|
||||||
transform: rotate(45deg); |
|
||||||
background-color: $gray-darker; |
|
||||||
.rl { |
|
||||||
/* Safari and Chrome */ |
|
||||||
z-index: 1052; |
|
||||||
width: 1px; |
|
||||||
height: 75px; |
|
||||||
/* IE 9 */ |
|
||||||
-webkit-transform: rotate(90deg); |
|
||||||
-ms-transform: rotate(90deg); |
|
||||||
transform: rotate(90deg); |
|
||||||
background-color: $gray-darker; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
.modal-backdrop { |
ul.list-inline { |
||||||
display: none; |
margin-top: 0; |
||||||
opacity: 0; |
margin-bottom: 30px; |
||||||
|
} |
||||||
|
img { |
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
button { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.close-modal { |
||||||
|
position: absolute; |
||||||
|
top: 25px; |
||||||
|
right: 25px; |
||||||
|
width: 75px; |
||||||
|
height: 75px; |
||||||
|
cursor: pointer; |
||||||
|
background-color: transparent; |
||||||
|
&:hover { |
||||||
|
opacity: 0.3; |
||||||
|
} |
||||||
|
.lr { |
||||||
|
/* Safari and Chrome */ |
||||||
|
z-index: 1051; |
||||||
|
width: 1px; |
||||||
|
height: 75px; |
||||||
|
margin-left: 35px; |
||||||
|
/* IE 9 */ |
||||||
|
-webkit-transform: rotate(45deg); |
||||||
|
-ms-transform: rotate(45deg); |
||||||
|
transform: rotate(45deg); |
||||||
|
background-color: $gray-darker; |
||||||
|
.rl { |
||||||
|
/* Safari and Chrome */ |
||||||
|
z-index: 1052; |
||||||
|
width: 1px; |
||||||
|
height: 75px; |
||||||
|
/* IE 9 */ |
||||||
|
-webkit-transform: rotate(90deg); |
||||||
|
-ms-transform: rotate(90deg); |
||||||
|
transform: rotate(90deg); |
||||||
|
background-color: $gray-darker; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
|
.modal-backdrop { |
||||||
|
display: none; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,5 +1,5 @@ |
|||||||
// Styling for the services section |
// Styling for the services section |
||||||
.service-heading { |
.service-heading { |
||||||
margin: 15px 0; |
margin: 15px 0; |
||||||
text-transform: none; |
text-transform: none; |
||||||
} |
} |
||||||
|
|||||||
@ -1,18 +1,18 @@ |
|||||||
// Styling for the team section |
// Styling for the team section |
||||||
.team-member { |
.team-member { |
||||||
margin-bottom: 50px; |
margin-bottom: 50px; |
||||||
text-align: center; |
text-align: center; |
||||||
img { |
img { |
||||||
width: 225px; |
width: 225px; |
||||||
height: 225px; |
height: 225px; |
||||||
border: 7px solid white; |
border: 7px solid white; |
||||||
} |
} |
||||||
h4 { |
h4 { |
||||||
margin-top: 25px; |
margin-top: 25px; |
||||||
margin-bottom: 0; |
margin-bottom: 0; |
||||||
text-transform: none; |
text-transform: none; |
||||||
} |
} |
||||||
p { |
p { |
||||||
margin-top: 0; |
margin-top: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,181 +1,178 @@ |
|||||||
// Styling for the timeline section |
// Styling for the timeline section |
||||||
.timeline { |
.timeline { |
||||||
|
position: relative; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
&:before { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 40px; |
||||||
|
width: 2px; |
||||||
|
margin-left: -1.5px; |
||||||
|
content: ''; |
||||||
|
background-color: #f1f1f1; |
||||||
|
} |
||||||
|
> li { |
||||||
position: relative; |
position: relative; |
||||||
padding: 0; |
min-height: 50px; |
||||||
list-style: none; |
margin-bottom: 50px; |
||||||
|
&:after, |
||||||
&:before { |
&:before { |
||||||
position: absolute; |
display: table; |
||||||
top: 0; |
content: ' '; |
||||||
bottom: 0; |
|
||||||
left: 40px; |
|
||||||
width: 2px; |
|
||||||
margin-left: -1.5px; |
|
||||||
content: ''; |
|
||||||
background-color: #f1f1f1; |
|
||||||
} |
} |
||||||
> li { |
&:after { |
||||||
position: relative; |
clear: both; |
||||||
min-height: 50px; |
|
||||||
margin-bottom: 50px; |
|
||||||
&:before, |
|
||||||
&:after { |
|
||||||
display: table; |
|
||||||
content: ' '; |
|
||||||
} |
|
||||||
&:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
.timeline-panel { |
|
||||||
position: relative; |
|
||||||
float: right; |
|
||||||
width: 100%; |
|
||||||
padding: 0 20px 0 100px; |
|
||||||
text-align: left; |
|
||||||
&:before { |
|
||||||
right: auto; |
|
||||||
left: -15px; |
|
||||||
border-right-width: 15px; |
|
||||||
border-left-width: 0; |
|
||||||
} |
|
||||||
&:after { |
|
||||||
right: auto; |
|
||||||
left: -14px; |
|
||||||
border-right-width: 14px; |
|
||||||
border-left-width: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
.timeline-image { |
|
||||||
position: absolute; |
|
||||||
z-index: 100; |
|
||||||
left: 0; |
|
||||||
width: 80px; |
|
||||||
height: 80px; |
|
||||||
margin-left: 0; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
border: 7px solid #f1f1f1; |
|
||||||
border-radius: 100%; |
|
||||||
background-color: $theme-primary; |
|
||||||
h4 { |
|
||||||
font-size: 10px; |
|
||||||
line-height: 14px; |
|
||||||
margin-top: 12px; |
|
||||||
} |
|
||||||
} |
|
||||||
&.timeline-inverted > .timeline-panel { |
|
||||||
float: right; |
|
||||||
padding: 0 20px 0 100px; |
|
||||||
text-align: left; |
|
||||||
&:before { |
|
||||||
right: auto; |
|
||||||
left: -15px; |
|
||||||
border-right-width: 15px; |
|
||||||
border-left-width: 0; |
|
||||||
} |
|
||||||
&:after { |
|
||||||
right: auto; |
|
||||||
left: -14px; |
|
||||||
border-right-width: 14px; |
|
||||||
border-left-width: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
&:last-child { |
|
||||||
margin-bottom: 0; |
|
||||||
} |
|
||||||
} |
} |
||||||
.timeline-heading { |
.timeline-panel { |
||||||
h4 { |
position: relative; |
||||||
margin-top: 0; |
float: right; |
||||||
color: inherit; |
width: 100%; |
||||||
&.subheading { |
padding: 0 20px 0 100px; |
||||||
text-transform: none; |
text-align: left; |
||||||
} |
&:before { |
||||||
} |
right: auto; |
||||||
|
left: -15px; |
||||||
|
border-right-width: 15px; |
||||||
|
border-left-width: 0; |
||||||
|
} |
||||||
|
&:after { |
||||||
|
right: auto; |
||||||
|
left: -14px; |
||||||
|
border-right-width: 14px; |
||||||
|
border-left-width: 0; |
||||||
|
} |
||||||
} |
} |
||||||
.timeline-body { |
.timeline-image { |
||||||
> p, |
position: absolute; |
||||||
> ul { |
z-index: 100; |
||||||
margin-bottom: 0; |
left: 0; |
||||||
} |
width: 80px; |
||||||
|
height: 80px; |
||||||
|
margin-left: 0; |
||||||
|
text-align: center; |
||||||
|
color: white; |
||||||
|
border: 7px solid #f1f1f1; |
||||||
|
border-radius: 100%; |
||||||
|
background-color: $theme-primary; |
||||||
|
h4 { |
||||||
|
font-size: 10px; |
||||||
|
line-height: 14px; |
||||||
|
margin-top: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
&.timeline-inverted > .timeline-panel { |
||||||
|
float: right; |
||||||
|
padding: 0 20px 0 100px; |
||||||
|
text-align: left; |
||||||
|
&:before { |
||||||
|
right: auto; |
||||||
|
left: -15px; |
||||||
|
border-right-width: 15px; |
||||||
|
border-left-width: 0; |
||||||
|
} |
||||||
|
&:after { |
||||||
|
right: auto; |
||||||
|
left: -14px; |
||||||
|
border-right-width: 14px; |
||||||
|
border-left-width: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
&:last-child { |
||||||
|
margin-bottom: 0; |
||||||
} |
} |
||||||
|
} |
||||||
|
.timeline-heading { |
||||||
|
h4 { |
||||||
|
margin-top: 0; |
||||||
|
color: inherit; |
||||||
|
&.subheading { |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.timeline-body { |
||||||
|
> ul, |
||||||
|
> p { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:768px) { |
@media(min-width:768px) { |
||||||
.timeline { |
.timeline { |
||||||
&:before { |
&:before { |
||||||
left: 50%; |
left: 50%; |
||||||
} |
} |
||||||
> li { |
> li { |
||||||
min-height: 100px; |
min-height: 100px; |
||||||
margin-bottom: 100px; |
margin-bottom: 100px; |
||||||
.timeline-panel { |
.timeline-panel { |
||||||
float: left; |
float: left; |
||||||
width: 41%; |
width: 41%; |
||||||
padding: 0 20px 20px 30px; |
padding: 0 20px 20px 30px; |
||||||
text-align: right; |
text-align: right; |
||||||
} |
} |
||||||
.timeline-image { |
.timeline-image { |
||||||
left: 50%; |
left: 50%; |
||||||
width: 100px; |
width: 100px; |
||||||
height: 100px; |
height: 100px; |
||||||
margin-left: -50px; |
margin-left: -50px; |
||||||
h4 { |
h4 { |
||||||
font-size: 13px; |
font-size: 13px; |
||||||
line-height: 18px; |
line-height: 18px; |
||||||
margin-top: 16px; |
margin-top: 16px; |
||||||
} |
|
||||||
} |
|
||||||
&.timeline-inverted > .timeline-panel { |
|
||||||
float: right; |
|
||||||
padding: 0 30px 20px 20px; |
|
||||||
text-align: left; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
&.timeline-inverted > .timeline-panel { |
||||||
|
float: right; |
||||||
|
padding: 0 30px 20px 20px; |
||||||
|
text-align: left; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:992px) { |
@media(min-width:992px) { |
||||||
.timeline { |
.timeline { |
||||||
> li { |
> li { |
||||||
min-height: 150px; |
min-height: 150px; |
||||||
.timeline-panel { |
.timeline-panel { |
||||||
padding: 0 20px 20px; |
padding: 0 20px 20px; |
||||||
} |
} |
||||||
.timeline-image { |
.timeline-image { |
||||||
width: 150px; |
width: 150px; |
||||||
height: 150px; |
height: 150px; |
||||||
margin-left: -75px; |
margin-left: -75px; |
||||||
h4 { |
h4 { |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
line-height: 26px; |
line-height: 26px; |
||||||
margin-top: 30px; |
margin-top: 30px; |
||||||
} |
|
||||||
} |
|
||||||
&.timeline-inverted > .timeline-panel { |
|
||||||
padding: 0 20px 20px; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
&.timeline-inverted > .timeline-panel { |
||||||
|
padding: 0 20px 20px; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
@media(min-width:1200px) { |
@media(min-width:1200px) { |
||||||
.timeline { |
.timeline { |
||||||
> li { |
> li { |
||||||
min-height: 170px; |
min-height: 170px; |
||||||
.timeline-panel { |
.timeline-panel { |
||||||
padding: 0 20px 20px 100px; |
padding: 0 20px 20px 100px; |
||||||
} |
} |
||||||
.timeline-image { |
.timeline-image { |
||||||
width: 170px; |
width: 170px; |
||||||
height: 170px; |
height: 170px; |
||||||
margin-left: -85px; |
margin-left: -85px; |
||||||
h4 { |
h4 { |
||||||
margin-top: 40px; |
margin-top: 40px; |
||||||
} |
|
||||||
} |
|
||||||
&.timeline-inverted > .timeline-panel { |
|
||||||
padding: 0 100px 20px 20px; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
&.timeline-inverted > .timeline-panel { |
||||||
|
padding: 0 100px 20px 20px; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1 +1,2 @@ |
|||||||
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}/*# sourceMappingURL=bootstrap-reboot.min.css.map */ |
html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important} |
||||||
|
/*# sourceMappingURL=bootstrap-reboot.min.css.map */ |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue