kf106
/
thinklair-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove poptrox nonsense

Browse Source
main
Keir Finlow-Bates 2 years ago
parent 0bf8a5b309
commit ec9b0492fc
3 changed files with 9 additions and 293 deletions
Show Stats Download Patch File Download Diff File

272
assets/css/main.css
Unescape Escape View File

@ -2826,262 +2826,7 @@ input, select, textarea {
padding-top: 0; padding-top: 0;
} }
/* Poptrox */
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.poptrox-popup {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
background: #fff;
border-radius: 0.35em;
box-shadow: 0 0.1em 0.15em 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
padding-bottom: 3em;
}
.poptrox-popup .loader {
text-decoration: none;
-moz-animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
font-size: 1.5em;
height: 1em;
left: 50%;
line-height: 1em;
margin: -0.5em 0 0 -0.5em;
position: absolute;
top: 50%;
width: 1em;
}
.poptrox-popup .loader:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.poptrox-popup .loader:before {
content: '\f1ce';
}
.poptrox-popup .caption {
background: #fff;
bottom: 0;
cursor: default;
font-size: 0.9em;
height: 3em;
left: 0;
line-height: 2.8em;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}
.poptrox-popup .nav-next,
.poptrox-popup .nav-previous {
text-decoration: none;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
background: rgba(0, 0, 0, 0.01);
cursor: pointer;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
width: 50%;
}
.poptrox-popup .nav-next:before,
.poptrox-popup .nav-previous:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.poptrox-popup .nav-next:before,
.poptrox-popup .nav-previous:before {
color: #fff;
font-size: 2.5em;
height: 1em;
line-height: 1em;
margin-top: -0.75em;
position: absolute;
text-align: center;
top: 50%;
width: 1.5em;
}
.poptrox-popup .nav-next {
right: 0;
}
.poptrox-popup .nav-next:before {
content: '\f105';
right: 0;
}
.poptrox-popup .nav-previous {
left: 0;
}
.poptrox-popup .nav-previous:before {
content: '\f104';
left: 0;
}
.poptrox-popup .closer {
text-decoration: none;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
color: #fff;
height: 4em;
line-height: 4em;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 4em;
z-index: 2;
}
.poptrox-popup .closer:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.poptrox-popup .closer:before {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
border-radius: 100%;
border: solid 3px rgba(255, 255, 255, 0.5);
content: '\f00d';
display: block;
font-size: 1em;
height: 1.75em;
left: 50%;
line-height: 1.75em;
margin: -0.875em 0 0 -0.875em;
position: absolute;
top: 50%;
width: 1.75em;
}
.poptrox-popup:hover .nav-next,
.poptrox-popup:hover .nav-previous {
opacity: 0.5;
}
.poptrox-popup:hover .nav-next:hover,
.poptrox-popup:hover .nav-previous:hover {
opacity: 1.0;
}
.poptrox-popup:hover .closer {
opacity: 0.5;
}
.poptrox-popup:hover .closer:hover {
opacity: 1.0;
}
/* Touch */ /* Touch */
@ -3098,9 +2843,9 @@ input, select, textarea {
background-size: auto, cover; background-size: auto, cover;
} }
body.is-touch .poptrox-popup .nav-next, body.is-touch .nav-next,
body.is-touch .poptrox-popup .nav-previous, body.is-touch .nav-previous,
body.is-touch .poptrox-popup .closer { body.is-touch .closer {
opacity: 1.0 !important; opacity: 1.0 !important;
} }
@ -3307,17 +3052,6 @@ input, select, textarea {
padding: 2.25em 0 0 0; padding: 2.25em 0 0 0;
} }
/* Poptrox */
.poptrox-popup {
border-radius: 0;
}
.poptrox-popup .nav-next:before,
.poptrox-popup .nav-previous:before {
margin-top: -1em;
}
} }
/* XSmall */ /* XSmall */

23
assets/js/main.js
Unescape Escape View File

@ -93,25 +93,4 @@
} }
// Main Sections: Two. })(jQuery);
// Lightbox gallery.
$window.on('load', function() {
$('#two').poptrox({
caption: function($a) { return $a.next('h3').text(); },
overlayColor: '#2c2c2c',
overlayOpacity: 0.85,
popupCloserText: '',
popupLoaderText: '',
selector: '.work-item a.image',
usePopupCaption: true,
usePopupDefaultStyling: false,
usePopupEasyClose: false,
usePopupNav: true,
windowMargin: (breakpoints.active('<=small') ? 0 : 50)
});
});
})(jQuery);

7
index.html
Unescape Escape View File

@ -77,7 +77,11 @@
<div class="row"> <div class="row">
<article class="col-12 col-12-xsmall work-item"> <article class="col-12 col-12-xsmall work-item">
<h4>Move Over Brokers Clothing</h4> <h4>Move Over Brokers Clothing</h4>
<a href="https://www.etsy.com/fi-en/shop/Thinklair?ref=seller-platform-mcnav&section_id=42944994&sort_order=price_desc" src="images/thumbs/t2.jpg" class="image2 fit thumb"><img src="images/thumbs/t2.jpg" alt="" /></a> <a href="https://www.etsy.com/fi-en/shop/Thinklair?ref=seller-platform-mcnav&section_id=42944994&sort_order=price_desc"
src="images/thumbs/t2.jpg"
class="image2 fit thumb">
<img src="images/thumbs/t2.jpg" alt="" />
</a>
</article> </article>
<article class="col-12 col-12-xsmall work-item"> <article class="col-12 col-12-xsmall work-item">
<h4>Evil Tokenomics Clothing</h4> <h4>Evil Tokenomics Clothing</h4>
@ -105,7 +109,6 @@
<!-- Scripts --> <!-- Scripts -->
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script> <script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script> <script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script> <script src="assets/js/util.js"></script>

Write Preview
Loading…
Cancel
Save