the code injection area
<script src="//code.jquery.com/jquery-latest.js"></script>
<link href="//cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<div id="mylightbox">
<div id="profilepic">
</div>
In Finland, <a href="https://en.wikipedia.org/wiki/Freedom_to_roam" target=blank>"jokamiehenoikeus"</a> or Everyman's Right means anyone has the right to sleep under the stars free of charge so long as they are reasonable and not causing harm.
<br></br>
The Banditcamp refers to a bicycle tour from years ago when I learned about and practiced the Everyman's Right. We've been banditcamping as much as possible ever since.
<br></br>
The Banditcamp is all about blasting around on bikes, road trips, and friends. Enjoy the photos and stories . <a href="mailto:kellynowels@gmail.com">email me</a> or hit me up on <a href="https://instagram.com/kellyburger/" target=blank>
instagram</a>!
-Kelly
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>$(document).ready (function () {
$(window).scroll (function () {
var sT = $(this).scrollTop();
if (sT >= 300) {
$('.sqs-announcement-bar').addClass('cambio')
}else {
$('.sqs-announcement-bar').removeClass('cambio')
}
})
})
</script>
/** no bottom padding on homepage summary block**/
div[data-collection-id='562bc29be4b093bf1bd4c6fd']{
.summary-v2-block {
padding-bottom: 0px !important;
}
@media only screen and (max-width: 640px){
.sqs-layout .sqs-row .sqs-block:last-child {
padding-bottom: 0px !important;
}}
}
/** Milford sound article **/
#article-56afe78120c6478f22362d54{
.image-wrapper:nth-child(18), .image-wrapper:nth-child(19), .image-wrapper:nth-child(23), .image-wrapper:nth-child(22), .image-wrapper:nth-child(33), .image-wrapper:nth-child(34),{
float: left !important;
display: inline-block !important;
width: 50% !important;
margin-left: 0px !important;
}
}
/** 410 ride article **/
#article-562bbc08e4b016f977aa2f6a{
.meta{
width: 100% !important;
max-width: 100%;
text-align: center;
}
.image-wrapper:nth-child(16), .image-wrapper:nth-child(17), .image-wrapper:nth-child(23), .image-wrapper:nth-child(22), .image-wrapper:nth-child(27), .image-wrapper:nth-child(26),{
float: left !important;
display: inline-block !important;
width: 50% !important;
margin-left: 0px !important;
}
}
/** Cougar ridge article **/
#article-56569cffe4b0f33a7ac60f95{ .image-wrapper:nth-child(5), .image-wrapper:nth-child(6){
width: 50% !important;
margin-left: 0px !important;
}}
/** Winter in California Article **/
#article-563eaa0ae4b07f322bc42c41{
.image-wrapper:nth-child(3), .image-wrapper:nth-child(4), .image-wrapper:nth-child(12), .image-wrapper:nth-child(13), .image-wrapper:nth-child(18), .image-wrapper:nth-child(19), .image-wrapper:nth-child(20), .image-wrapper:nth-child(21),.image-wrapper:nth-child(25), .image-wrapper:nth-child(26), .image-wrapper:nth-child(30), .image-wrapper:nth-child(31),{
width: 50% !important;
margin-left: 0px !important;
}
}
#overlayNav{
#mobileNavWrapper{
padding-top: 7vh !important;
}
#mobileNavigation{
vertical-align: top !important;
padding-top: 0px !important;
}
padding: 0 25px !important;
background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=ffffffff&noise=626262&density=5&opacity=33) !important;
opacity: .97 !important;
.external:nth-child(1){
height: 150px;
background-image: url(http://static1.squarespace.com/static/50aab281e4b05c22b5f1642d/t/562efef5e4b0a7fdeac3926a/1445920501776/profile+picture+photo+small.png);
background-size: 155px;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
width: 150px;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px;
margin-bottom: 30px;
a{
display: none !important;
}
}
.external:nth-child(3), .external:nth-child(4){
display: inline-block !important;
margin-top: 15px;
width: 50%;
float: left;
}
.external:nth-child(2) a{
display: none !important;
}
.external:nth-child(2):before{
content: "In Finland, 'jokamiehenoikeus' or Everyman's Right means anyone has the right to sleep under the stars free of charge so long as they are reasonable and not causing harm. The Banditcamp refers to a bicycle tour from years ago when I learned about and practiced the Everyman's Right. We've been banditcamping as much as possible ever since. The Banditcamp is all about blasting around on bikes, road trips, and friends. Enjoy the photos and stories. email me or hit me up on instagram";
font-family: "futura-pt";
font-size: 15px;
text-transform: none;
text-decoration: none;
letter-spacing: .5px;
font-weight: 300;
font-style: normal;
line-height: 1.3em;
color: rgba(0,0,0,.6);
}
}
.image-block[data-aspect-ratio="133.33333333333331"],.image-block[data-aspect-ratio="150"],.thumb-image[data-image-dimensions="1667x2500"]{
width: 50%;
display: inline-block;
}
.hovertest a.hovertesty{
padding: 200px;
display: block;
background-color: red;
}
.hovertest a:hover{
background-color: blue;
}
.hovertest img:hover{
opacity: .1;
}
.hovertest img{
opacity: 1;
}
/** GENERAL PAGE **/
#page{
max-width: 2500px;
padding: 0px;
}
body{
background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=ffffffff&noise=626262&density=5&opacity=33);
background-color: #fff !important;
}
/* ———————————————————————————————————————————————————*/
/** BLOG PAGE **/
@media screen and (min-width : 1000px) {
.blog-item .html-block{
padding-left: 70px !important;
padding-right: 70px !important;
max-width: 1200px !important;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}}
.blog-item{
[class*=sqs-col] .sqs-block {
padding-left: 0px;
padding-right: 0px;
}
header{
margin-left: 55px !important;
text-align: left !important;
}
.entry-title{
margin-top: 10px !important;
}
.html-block{
padding-left: 70px !important;
padding-right: 70px !important;
max-width: 1200px !important;
h1{
font-size: 24px !important;
}
}
}
@media screen and (max-width : 750px) {
h1:not(.site-title):not(.page-title):not(.flyoutitem-title):not(.entry-title) {
font-size: 24px !important;
}
.blog-item{
.html-block{
padding-left: 30px !important;
padding-right: 30px !important;
h1{
font-family: "futura-pt" !important;
letter-spacing: 1.5px !important;
color: gray;
}
}
header{
margin-left: 15px !important;
text-align: left !important;
}
}}
.entry-footer{
background: transparent !important;
margin-top: -20px !important;
}
#comments{
display: none;
}
.pagination a{
margin: 0 20px !important;
}
.pagination{
margin: 0 0 20px 0 !important;
.newer{
text-align: right;
}
.older{
text-align: left;
}
}
/** Blog Galleries **/
@media screen and (max-width : 750px) {
.blog-item{
.gallery-block .sqs-gallery{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.image-wrapper {
width: 100%;
}
.gallery-block{
margin-right: 0px;
.image-wrapper{
margin-bottom: 5px !important;
margin-left: 0px !important;
}
}
}
.blog-item{
.sqs-layout > .sqs-row {
margin-left: 5px;
margin-right: 5px;
}
.image-block{
padding: 0px !important;
.image-block-outer-wrapper{
margin: 0 0 5px 0px !important;
}
}
}
}
@media screen and (min-width : 750px) {
.blog-item{
.gallery-block .sqs-gallery{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.image-wrapper {
width: 100%;
}
.gallery-block{
margin-right: 0px;
.image-wrapper{
padding-bottom: 10px;
margin-left: 0px;
}
}
}
.blog-item{
.sqs-layout > .sqs-row {
margin-left: 10px;
margin-right: 10px;
}
.image-block{
padding: 0px !important;
.image-block-outer-wrapper{
margin: 0 0px 10px 0px !important;
}
}
}
}
/** FEATHERLIGHT ACTION **/
.external:nth-child(1) a:nth-child(1){
display:none !important;
}
#mylightbox{
display: none;
}
.featherlight{
background-color: rgba(255, 255, 255, .8)!important;
}
.featherlight-content{
background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=ffffffff&noise=626262&density=5&opacity=33) !important;
max-width: 600px;
opacity: 1 !important;
}
.featherlight-inner{
display: block !important;
font-family: "futura-pt";
font-size: 15px;
text-transform: none;
text-decoration: none;
letter-spacing: .5px;
font-weight: 300;
font-style: normal;
line-height: 1.4em;
color: rgba(0,0,0,.8);
margin: 0 30px 30px 30px !important;
}
#profilepic{
height: 150px;
background-image: url(http://static1.squarespace.com/static/50aab281e4b05c22b5f1642d/t/562efef5e4b0a7fdeac3926a/1445920501776/profile+picture+photo+small.png);
background-size: 155px;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
width: 150px;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px;
margin-bottom: 30px;
}
/** ——————End——————**/
@media only screen and (max-width: 640px){
.sqs-layout .sqs-row .sqs-block:first-child {
padding-top: 0px !important;
}}
.summary-item{
width: 100% !important;
img{
opacity: 1;
-webkit-transition: opacity .2s !important;
transition: opacity .2s !important;
}
a{
margin-bottom: 10px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
}
.summary-item:hover {
img{
-webkit-transition: opacity .2s;
transition: opacity .2s;
opacity: .35 !important;
}
a{
color: #242424 !important;
-webkit-transition: color .2s;
transition: color .2s;
}
}
@media screen and (max-width : 640px) {
.summary-item a{
margin-bottom: 5px !important;
margin-right: 5px !important;
margin-left: 5px !important;
}
}
.summary-thumbnail img{
max-width: 2500px !important;
width: 100% !important;
}
.summary-title{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center !important;
width: 100% !important;
a{
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0px !important;
}}
.summary-content{
position: absolute;
top: 42% !important;
z-index: 100 !important;
text-align: center;
width: 100%;
a{ color: rgba(255, 255, 255, .0) !important;
-webkit-transition: color .2s;
transition: color .2s;
} }
@media screen and (max-width : 750px) {
.sqs-block-summary-v2 .summary-title {
line-height: .5em !important;
}
.summary-item a{
font-size: 26px !important;
}
.summary-content{
}}
/** ——————End——————**/
/* ———————————————————————————————————————————————————*/
/** HEADER & NAV **/
@media screen and (max-width : 750px) {
.header-inner{
padding-top: 34px !important;
padding-bottom: 25px !important;
}
#header #siteTitleWrapper, #siteTitle, #siteTitle h1, #siteTitle a, .header-inner{
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
}
}
.mobile-nav-toggle-label{
margin-top: 15px !important;
left: inherit !important;
right: 33px !important;
}
#mainNavigation{
.external:nth-child(3), .external:nth-child(4){
display: none;
}
}
#mainNavigation .external{
margin: 0px 0px !important;
}
#mainNavigation{
text-align: right !important;
}
body:not(.has-banner-image).transparent-header #header {
background: transparent !important;
}
@media screen and (min-width : 769px)
{
#header #logoWrapper, #header #siteTitleWrapper {
left: 150px;
}}
#siteTitle a:hover{
color: #21b3b2 !important;
-webkit-transition: color .2s;
transition: color .2s;
}
#siteTitle a{
color: rgba(36,36,36,0.9) !important;
-webkit-transition: color .2s;
transition: color .2s;
font-size: .8em;
}
/** ——————End——————**/
/** MOBILE NAV **/
/* ———————————————————————————————————————————————————*/
/** FOOTER **/
footer{
background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=242424ff&noise=ffffff&density=2&opacity=53) !important;
} #preFooter{display: none;
}
#siteInfo{
display: none;
}
/** ——————End——————**/
/** ——————End——————**/
/** OLD CSS FOR INDEX GALLERY SETUP **/
#overlay {
opacity: 0;
background-color: #fff;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
width: 100%;
height: 100%;
display:none;
}
#info {
margin:auto;
padding:20px;
width:400px;
background:#fff;
box-shadow: 0 4px 16px #999;
z-index: 51;
border:1px solid #acacac;
position:absolute;
display:none;
}
.gallery-content, #siteWrapper {
background: transparent !important;;
}
.collection-type-index.design-grid.grid-max-columns-two .index-gallery .slide-wrapper {
-webkit-flex: 0 0 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
a{
border-top: 5px transparent solid!important;
border-bottom: 5px transparent solid!important;
border-right: 10px transparent solid!important;
border-left: 10px transparent solid!important;
}
}
@media screen and (min-width : 769px)
{
.collection-type-index.design-grid.grid-aspect-ratio-169-widescreen .index-gallery .slide {
padding-bottom: 56vh;
}}
@media screen and (max-width : 769px)
{
.collection-type-index.design-grid.grid-aspect-ratio-169-widescreen .index-gallery .slide {
padding-bottom: 36vh;
}}