├── CNAME ├── img ├── logo.png ├── about-us.png ├── pexel1.jpg ├── footer-bg.png ├── banner │ └── deep.png ├── portfolio │ ├── p1.png │ ├── p2.png │ ├── p3.png │ ├── p4.png │ ├── p5.png │ ├── p6.png │ ├── p2_1.png │ └── p5_1.png ├── services │ ├── s1.png │ ├── s2.png │ └── s4.png └── testimonials │ ├── t1.jpg │ ├── t2.jpg │ ├── t3.jpg │ ├── t4.jpg │ └── t5.jpg ├── icons ├── fa-brands-400.eot ├── fa-brands-400.ttf ├── fa-solid-900.eot ├── fa-solid-900.ttf ├── fa-solid-900.woff ├── fa-brands-400.woff ├── fa-brands-400.woff2 ├── fa-regular-400.eot ├── fa-regular-400.ttf ├── fa-regular-400.woff ├── fa-regular-400.woff2 └── fa-solid-900.woff2 ├── fonts └── Roboto │ ├── Roboto-Bold.ttf │ ├── Roboto-Thin.ttf │ ├── Roboto-Black.ttf │ ├── Roboto-Italic.ttf │ ├── Roboto-Light.ttf │ ├── Roboto-Medium.ttf │ ├── Roboto-Regular.ttf │ ├── Roboto-BlackItalic.ttf │ ├── Roboto-BoldItalic.ttf │ ├── Roboto-LightItalic.ttf │ ├── Roboto-MediumItalic.ttf │ ├── Roboto-ThinItalic.ttf │ └── LICENSE.txt ├── css ├── fonts.css ├── responsive.css └── style.css ├── vendor ├── Magnific-Popup │ ├── .travis.yml │ ├── composer.json │ ├── bower.json │ ├── .gitignore │ ├── .jshintrc │ ├── website │ │ └── _includes │ │ │ ├── wordpress.html │ │ │ ├── site-assets │ │ │ ├── ajax │ │ │ │ ├── test-ajax-2.html │ │ │ │ └── test-ajax.html │ │ │ └── site.css │ │ │ ├── analytics.html │ │ │ ├── logo.html │ │ │ ├── _layouts │ │ │ └── default.html │ │ │ ├── signup.html │ │ │ ├── index.html │ │ │ └── build-tool.html │ ├── libs │ │ ├── jquery-loader.js │ │ └── qunit │ │ │ └── qunit.css │ ├── src │ │ ├── js │ │ │ ├── retina.js │ │ │ ├── ajax.js │ │ │ ├── inline.js │ │ │ ├── iframe.js │ │ │ ├── gallery.js │ │ │ ├── zoom.js │ │ │ ├── image.js │ │ │ └── core.js │ │ └── css │ │ │ ├── _settings.scss │ │ │ └── main.scss │ ├── LICENSE │ ├── magnific-popup.jquery.json │ ├── package.json │ ├── README.md │ ├── Gruntfile.js │ └── dist │ │ ├── magnific-popup.css │ │ └── jquery.magnific-popup.min.js └── owl-carousel │ └── css │ ├── owl.theme.default.min.css │ └── owl.carousel.min.css ├── LICENSE ├── README.md └── js └── main.js /CNAME: -------------------------------------------------------------------------------- 1 | www.deeptwist.work.gd -------------------------------------------------------------------------------- /img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/logo.png -------------------------------------------------------------------------------- /img/about-us.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/about-us.png -------------------------------------------------------------------------------- /img/pexel1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/pexel1.jpg -------------------------------------------------------------------------------- /img/footer-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/footer-bg.png -------------------------------------------------------------------------------- /img/banner/deep.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/banner/deep.png -------------------------------------------------------------------------------- /img/portfolio/p1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p1.png -------------------------------------------------------------------------------- /img/portfolio/p2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p2.png -------------------------------------------------------------------------------- /img/portfolio/p3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p3.png -------------------------------------------------------------------------------- /img/portfolio/p4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p4.png -------------------------------------------------------------------------------- /img/portfolio/p5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p5.png -------------------------------------------------------------------------------- /img/portfolio/p6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p6.png -------------------------------------------------------------------------------- /img/services/s1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/services/s1.png -------------------------------------------------------------------------------- /img/services/s2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/services/s2.png -------------------------------------------------------------------------------- /img/services/s4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/services/s4.png -------------------------------------------------------------------------------- /icons/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-brands-400.eot -------------------------------------------------------------------------------- /icons/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-brands-400.ttf -------------------------------------------------------------------------------- /icons/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-solid-900.eot -------------------------------------------------------------------------------- /icons/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-solid-900.ttf -------------------------------------------------------------------------------- /icons/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-solid-900.woff -------------------------------------------------------------------------------- /img/portfolio/p2_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p2_1.png -------------------------------------------------------------------------------- /img/portfolio/p5_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/portfolio/p5_1.png -------------------------------------------------------------------------------- /img/testimonials/t1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/testimonials/t1.jpg -------------------------------------------------------------------------------- /img/testimonials/t2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/testimonials/t2.jpg -------------------------------------------------------------------------------- /img/testimonials/t3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/testimonials/t3.jpg -------------------------------------------------------------------------------- /img/testimonials/t4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/testimonials/t4.jpg -------------------------------------------------------------------------------- /img/testimonials/t5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/img/testimonials/t5.jpg -------------------------------------------------------------------------------- /icons/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-brands-400.woff -------------------------------------------------------------------------------- /icons/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-brands-400.woff2 -------------------------------------------------------------------------------- /icons/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-regular-400.eot -------------------------------------------------------------------------------- /icons/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-regular-400.ttf -------------------------------------------------------------------------------- /icons/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-regular-400.woff -------------------------------------------------------------------------------- /icons/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-regular-400.woff2 -------------------------------------------------------------------------------- /icons/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/icons/fa-solid-900.woff2 -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Black.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Italic.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /fonts/Roboto/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dipeshtwis/portfolio/HEAD/fonts/Roboto/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /css/fonts.css: -------------------------------------------------------------------------------- 1 | /* @font-face*/ 2 | 3 | @font-face { 4 | font-family: "Roboto"; 5 | src: url("../fonts/Roboto/Roboto-Regular.ttf"); 6 | } -------------------------------------------------------------------------------- /vendor/Magnific-Popup/.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | 3 | node_js: 4 | - "0.10" 5 | 6 | before_install: 7 | - npm install grunt-cli -g 8 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dimsemenov/magnific-popup", 3 | "description": "Light and responsive lightbox script with focus on performance.", 4 | "homepage": "http://dimsemenov.com/plugins/magnific-popup/" 5 | } 6 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "magnific-popup", 3 | "main": [ 4 | "dist/jquery.magnific-popup.js", 5 | "dist/magnific-popup.css" 6 | ], 7 | "dependencies": { 8 | "jquery": ">=1.8.0" 9 | }, 10 | "ignore": [ 11 | "node_modules/", 12 | "components/", 13 | "website/", 14 | "libs/" 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/.gitignore: -------------------------------------------------------------------------------- 1 | Gemfile.lock 2 | test/dest 3 | *.gem 4 | pkg/ 5 | *.swp 6 | *~ 7 | _site/ 8 | .bundle/ 9 | .DS_Store 10 | bbin/ 11 | sftp-config* 12 | _site 13 | .htaccess 14 | private-* 15 | __article/ 16 | node_modules 17 | _production 18 | all.min.css 19 | *.sublime-* 20 | website/dist/ 21 | *.idea 22 | /.idea 23 | .node-version 24 | .sass-cache/ -------------------------------------------------------------------------------- /vendor/Magnific-Popup/.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "curly": false, 3 | "eqeqeq": true, 4 | "immed": true, 5 | "latedef": true, 6 | "newcap": true, 7 | "noarg": true, 8 | "sub": true, 9 | "undef": false, 10 | "unused": true, 11 | "boss": true, 12 | "eqnull": true, 13 | "browser": true, 14 | 15 | "predef": [ 16 | "define", 17 | "module", 18 | "mfp" 19 | ], 20 | "jquery": true 21 | } -------------------------------------------------------------------------------- /vendor/Magnific-Popup/website/_includes/wordpress.html: -------------------------------------------------------------------------------- 1 | --- 2 | 3 | layout: default 4 | 5 | title: Magnific WordPress Plugin 6 | 7 | description: The complete guide on how to use Magnific Popup - the open source responsive lightbox plugin. 8 | 9 | addjs: false 10 | 11 | canonical_url: http://dimsemenov.com/plugins/magnific-popup/wordpress.html 12 | 13 | buildtool: false 14 | 15 | --- 16 | 17 | 24 | {% include signup.html %} 25 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/libs/jquery-loader.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | // Default to the local version. 3 | var path = '../libs/jquery/jquery.js'; 4 | // Get any jquery=___ param from the query string. 5 | var jqversion = location.search.match(/[?&]jquery=(.*?)(?=&|$)/); 6 | // If a version was specified, use that version from code.jquery.com. 7 | if (jqversion) { 8 | path = 'http://code.jquery.com/jquery-' + jqversion[1] + '.js'; 9 | } 10 | // This is the only time I'll ever use document.write, I promise! 11 | document.write(''); 12 | }()); 13 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/src/js/retina.js: -------------------------------------------------------------------------------- 1 | 2 | var RETINA_NS = 'retina'; 3 | 4 | $.magnificPopup.registerModule(RETINA_NS, { 5 | options: { 6 | replaceSrc: function(item) { 7 | return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; }); 8 | }, 9 | ratio: 1 // Function or number. Set to 1 to disable. 10 | }, 11 | proto: { 12 | initRetina: function() { 13 | if(window.devicePixelRatio > 1) { 14 | 15 | var st = mfp.st.retina, 16 | ratio = st.ratio; 17 | 18 | ratio = !isNaN(ratio) ? ratio : ratio(); 19 | 20 | if(ratio > 1) { 21 | _mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) { 22 | item.img.css({ 23 | 'max-width': item.img[0].naturalWidth / ratio, 24 | 'width': '100%' 25 | }); 26 | }); 27 | _mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) { 28 | item.src = st.replaceSrc(item, ratio); 29 | }); 30 | } 31 | } 32 | 33 | } 34 | } 35 | }); -------------------------------------------------------------------------------- /vendor/Magnific-Popup/website/_includes/site-assets/ajax/test-ajax-2.html: -------------------------------------------------------------------------------- 1 |
You can put absolutely any HTML here and resize it dynamically just with help of CSS.
26 |This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed. These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation.
7 |This is dummy copy. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. Why, you can't even read it! It is strictly for mock-ups. You may mock it up as strictly as you wish.
8 |
9 |
10 | 17 | Built with | 18 | Website Link | 19 | Getting started | 20 | Author 21 |
22 | 23 | ## 🔧 Built with 24 | 25 | - HTML5 26 | - CSS3 27 | - BOOTSTRAP 28 | - Javascript 29 | - Formspree integration 30 | 31 | 32 | ## Website Link 33 | 34 | [Website](https://deeptwist.tk/) 35 | 36 | 37 | ## Getting Started 38 | 39 | To get a local copy of the repository please run the following commands on your terminal: 40 | 41 | ``` 42 | $ cdDon't forget to check out my new article about this plugin on the Smashing Magazine.
25 | 26 | 27 |You can choose to include only the features that you need using the online build tool or by compiling it yourself with Grunt.js. Size of core JS file is about 3KB + each module weighs about 0.5KB (gzipped). Sass CSS preprocessor is used for easier skinning, but you're not obligated to use it.
33 |The majority of lightbox plugins require you to define size of it via JS option. Magnific Popup does not - feel free to use relative units like EM's or resize lightbox with help of CSS media queries. Update content inside lightbox without worrying about how it'll resize and center.
37 |Magnific Popup displays images before they're completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.
41 |Default controls are made with pure CSS, without external graphics. For the main image there is a built in way to provide appropriate source for different pixel density displays.
45 |Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size. Brad Frost has a terrific article about this technique.
49 |Popup has an extendable micro templating engine that reuses existing DOM elements (example), which is especially useful when your popups same pattern.
53 |Tested on desktop: Chrome, Safari, FF, Opera, IE8+, partial support of IE7 (works, but some visual layout features, like vertical centering, are missing). Mobile: default browser in Android 2.3+, iOS5+, Blackberry 61 | 10+, WP7+, mobile Opera and Chrome on Android. If you noticed any bug, please open an issue on GitHub
62 | 63 |Script is available under MIT license and will always be kept this way.
But please do me a favor and do not create a public WordPress plugin based on it, because I will make it soon and it will be open souce too. (Want to get notified?).
65 |
Please report bugs via GitHub and ask general questions through StackOverflow. Feel free to submit commit, even the tiniest contributions to the script or to the documentation are very welcome.
69 |Special thanks to:
70 |If you wish to get notified about important plugin updates, you may star and watch the repository on GitHub, follow me on Twitter, or join my tiny Mailchimp email newsletter that I send 3-4 times a year.
78 | 79 | 80 | 89 | 102 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/dist/magnific-popup.css: -------------------------------------------------------------------------------- 1 | /* Magnific Popup CSS */ 2 | .mfp-bg { 3 | top: 0; 4 | left: 0; 5 | width: 100%; 6 | height: 100%; 7 | z-index: 1042; 8 | overflow: hidden; 9 | position: fixed; 10 | background: #0b0b0b; 11 | opacity: 0.8; } 12 | 13 | .mfp-wrap { 14 | top: 0; 15 | left: 0; 16 | width: 100%; 17 | height: 100%; 18 | z-index: 1043; 19 | position: fixed; 20 | outline: none !important; 21 | -webkit-backface-visibility: hidden; } 22 | 23 | .mfp-container { 24 | text-align: center; 25 | position: absolute; 26 | width: 100%; 27 | height: 100%; 28 | left: 0; 29 | top: 0; 30 | padding: 0 8px; 31 | box-sizing: border-box; } 32 | 33 | .mfp-container:before { 34 | content: ''; 35 | display: inline-block; 36 | height: 100%; 37 | vertical-align: middle; } 38 | 39 | .mfp-align-top .mfp-container:before { 40 | display: none; } 41 | 42 | .mfp-content { 43 | position: relative; 44 | display: inline-block; 45 | vertical-align: middle; 46 | margin: 0 auto; 47 | text-align: left; 48 | z-index: 1045; } 49 | 50 | .mfp-inline-holder .mfp-content, 51 | .mfp-ajax-holder .mfp-content { 52 | width: 100%; 53 | cursor: auto; } 54 | 55 | .mfp-ajax-cur { 56 | cursor: progress; } 57 | 58 | .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 59 | cursor: -moz-zoom-out; 60 | cursor: -webkit-zoom-out; 61 | cursor: zoom-out; } 62 | 63 | .mfp-zoom { 64 | cursor: pointer; 65 | cursor: -webkit-zoom-in; 66 | cursor: -moz-zoom-in; 67 | cursor: zoom-in; } 68 | 69 | .mfp-auto-cursor .mfp-content { 70 | cursor: auto; } 71 | 72 | .mfp-close, 73 | .mfp-arrow, 74 | .mfp-preloader, 75 | .mfp-counter { 76 | -webkit-user-select: none; 77 | -moz-user-select: none; 78 | user-select: none; } 79 | 80 | .mfp-loading.mfp-figure { 81 | display: none; } 82 | 83 | .mfp-hide { 84 | display: none !important; } 85 | 86 | .mfp-preloader { 87 | color: #CCC; 88 | position: absolute; 89 | top: 50%; 90 | width: auto; 91 | text-align: center; 92 | margin-top: -0.8em; 93 | left: 8px; 94 | right: 8px; 95 | z-index: 1044; } 96 | .mfp-preloader a { 97 | color: #CCC; } 98 | .mfp-preloader a:hover { 99 | color: #FFF; } 100 | 101 | .mfp-s-ready .mfp-preloader { 102 | display: none; } 103 | 104 | .mfp-s-error .mfp-content { 105 | display: none; } 106 | 107 | button.mfp-close, 108 | button.mfp-arrow { 109 | overflow: visible; 110 | cursor: pointer; 111 | background: transparent; 112 | border: 0; 113 | -webkit-appearance: none; 114 | display: block; 115 | outline: none; 116 | padding: 0; 117 | z-index: 1046; 118 | box-shadow: none; 119 | touch-action: manipulation; } 120 | 121 | button::-moz-focus-inner { 122 | padding: 0; 123 | border: 0; } 124 | 125 | .mfp-close { 126 | width: 44px; 127 | height: 44px; 128 | line-height: 44px; 129 | position: absolute; 130 | right: 0; 131 | top: 0; 132 | text-decoration: none; 133 | text-align: center; 134 | opacity: 0.65; 135 | padding: 0 0 18px 10px; 136 | color: #FFF; 137 | font-style: normal; 138 | font-size: 28px; 139 | font-family: Arial, Baskerville, monospace; } 140 | .mfp-close:hover, 141 | .mfp-close:focus { 142 | opacity: 1; } 143 | .mfp-close:active { 144 | top: 1px; } 145 | 146 | .mfp-close-btn-in .mfp-close { 147 | color: #333; } 148 | 149 | .mfp-image-holder .mfp-close, 150 | .mfp-iframe-holder .mfp-close { 151 | color: #FFF; 152 | right: -6px; 153 | text-align: right; 154 | padding-right: 6px; 155 | width: 100%; } 156 | 157 | .mfp-counter { 158 | position: absolute; 159 | top: 0; 160 | right: 0; 161 | color: #CCC; 162 | font-size: 12px; 163 | line-height: 18px; 164 | white-space: nowrap; } 165 | 166 | .mfp-arrow { 167 | position: absolute; 168 | opacity: 0.65; 169 | margin: 0; 170 | top: 50%; 171 | margin-top: -55px; 172 | padding: 0; 173 | width: 90px; 174 | height: 110px; 175 | -webkit-tap-highlight-color: transparent; } 176 | .mfp-arrow:active { 177 | margin-top: -54px; } 178 | .mfp-arrow:hover, 179 | .mfp-arrow:focus { 180 | opacity: 1; } 181 | .mfp-arrow:before, 182 | .mfp-arrow:after { 183 | content: ''; 184 | display: block; 185 | width: 0; 186 | height: 0; 187 | position: absolute; 188 | left: 0; 189 | top: 0; 190 | margin-top: 35px; 191 | margin-left: 35px; 192 | border: medium inset transparent; } 193 | .mfp-arrow:after { 194 | border-top-width: 13px; 195 | border-bottom-width: 13px; 196 | top: 8px; } 197 | .mfp-arrow:before { 198 | border-top-width: 21px; 199 | border-bottom-width: 21px; 200 | opacity: 0.7; } 201 | 202 | .mfp-arrow-left { 203 | left: 0; } 204 | .mfp-arrow-left:after { 205 | border-right: 17px solid #FFF; 206 | margin-left: 31px; } 207 | .mfp-arrow-left:before { 208 | margin-left: 25px; 209 | border-right: 27px solid #3F3F3F; } 210 | 211 | .mfp-arrow-right { 212 | right: 0; } 213 | .mfp-arrow-right:after { 214 | border-left: 17px solid #FFF; 215 | margin-left: 39px; } 216 | .mfp-arrow-right:before { 217 | border-left: 27px solid #3F3F3F; } 218 | 219 | .mfp-iframe-holder { 220 | padding-top: 40px; 221 | padding-bottom: 40px; } 222 | .mfp-iframe-holder .mfp-content { 223 | line-height: 0; 224 | width: 100%; 225 | max-width: 900px; } 226 | .mfp-iframe-holder .mfp-close { 227 | top: -40px; } 228 | 229 | .mfp-iframe-scaler { 230 | width: 100%; 231 | height: 0; 232 | overflow: hidden; 233 | padding-top: 56.25%; } 234 | .mfp-iframe-scaler iframe { 235 | position: absolute; 236 | display: block; 237 | top: 0; 238 | left: 0; 239 | width: 100%; 240 | height: 100%; 241 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 242 | background: #000; } 243 | 244 | /* Main image in popup */ 245 | img.mfp-img { 246 | width: auto; 247 | max-width: 100%; 248 | height: auto; 249 | display: block; 250 | line-height: 0; 251 | box-sizing: border-box; 252 | padding: 40px 0 40px; 253 | margin: 0 auto; } 254 | 255 | /* The shadow behind the image */ 256 | .mfp-figure { 257 | line-height: 0; } 258 | .mfp-figure:after { 259 | content: ''; 260 | position: absolute; 261 | left: 0; 262 | top: 40px; 263 | bottom: 40px; 264 | display: block; 265 | right: 0; 266 | width: auto; 267 | height: auto; 268 | z-index: -1; 269 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 270 | background: #444; } 271 | .mfp-figure small { 272 | color: #BDBDBD; 273 | display: block; 274 | font-size: 12px; 275 | line-height: 14px; } 276 | .mfp-figure figure { 277 | margin: 0; } 278 | 279 | .mfp-bottom-bar { 280 | margin-top: -36px; 281 | position: absolute; 282 | top: 100%; 283 | left: 0; 284 | width: 100%; 285 | cursor: auto; } 286 | 287 | .mfp-title { 288 | text-align: left; 289 | line-height: 18px; 290 | color: #F3F3F3; 291 | word-wrap: break-word; 292 | padding-right: 36px; } 293 | 294 | .mfp-image-holder .mfp-content { 295 | max-width: 100%; } 296 | 297 | .mfp-gallery .mfp-image-holder .mfp-figure { 298 | cursor: pointer; } 299 | 300 | @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { 301 | /** 302 | * Remove all paddings around the image on small screen 303 | */ 304 | .mfp-img-mobile .mfp-image-holder { 305 | padding-left: 0; 306 | padding-right: 0; } 307 | .mfp-img-mobile img.mfp-img { 308 | padding: 0; } 309 | .mfp-img-mobile .mfp-figure:after { 310 | top: 0; 311 | bottom: 0; } 312 | .mfp-img-mobile .mfp-figure small { 313 | display: inline; 314 | margin-left: 5px; } 315 | .mfp-img-mobile .mfp-bottom-bar { 316 | background: rgba(0, 0, 0, 0.6); 317 | bottom: 0; 318 | margin: 0; 319 | top: auto; 320 | padding: 3px 5px; 321 | position: fixed; 322 | box-sizing: border-box; } 323 | .mfp-img-mobile .mfp-bottom-bar:empty { 324 | padding: 0; } 325 | .mfp-img-mobile .mfp-counter { 326 | right: 5px; 327 | top: 3px; } 328 | .mfp-img-mobile .mfp-close { 329 | top: 0; 330 | right: 0; 331 | width: 35px; 332 | height: 35px; 333 | line-height: 35px; 334 | background: rgba(0, 0, 0, 0.6); 335 | position: fixed; 336 | text-align: center; 337 | padding: 0; } } 338 | 339 | @media all and (max-width: 900px) { 340 | .mfp-arrow { 341 | -webkit-transform: scale(0.75); 342 | transform: scale(0.75); } 343 | .mfp-arrow-left { 344 | -webkit-transform-origin: 0; 345 | transform-origin: 0; } 346 | .mfp-arrow-right { 347 | -webkit-transform-origin: 100%; 348 | transform-origin: 100%; } 349 | .mfp-container { 350 | padding-left: 6px; 351 | padding-right: 6px; } } 352 | -------------------------------------------------------------------------------- /vendor/Magnific-Popup/website/_includes/build-tool.html: -------------------------------------------------------------------------------- 1 | 2 |