Implemented metronic home page
@ -13,7 +13,7 @@ use Barryvdh\Snappy\Facades\SnappyPdf as PDF;
|
|||||||
use App\Models\{Invoice,Service};
|
use App\Models\{Invoice,Service};
|
||||||
use App\User;
|
use App\User;
|
||||||
|
|
||||||
class UserHomeController extends Controller
|
class HomeController extends Controller
|
||||||
{
|
{
|
||||||
public function __construct()
|
public function __construct()
|
||||||
{
|
{
|
||||||
|
@ -9,8 +9,8 @@ class WelcomeController extends Controller
|
|||||||
$this->middleware('demoMode');
|
$this->middleware('demoMode');
|
||||||
}
|
}
|
||||||
|
|
||||||
public function index() {
|
public function home() {
|
||||||
return view('welcome');
|
return view('welcome.home');
|
||||||
}
|
}
|
||||||
|
|
||||||
public function under_construction() {
|
public function under_construction() {
|
||||||
|
6
composer.lock
generated
@ -2884,11 +2884,11 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "leenooks/laravel",
|
"name": "leenooks/laravel",
|
||||||
"version": "9.0.2",
|
"version": "9.0.3",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://dev.leenooks.net/leenooks/laravel",
|
"url": "https://dev.leenooks.net/leenooks/laravel",
|
||||||
"reference": "2fe9b5c134e0fe2a2d2533b1005c9403d7693ac8"
|
"reference": "d4824ecda5187d8e9a81d5395f3f70145dff1b8d"
|
||||||
},
|
},
|
||||||
"require": {
|
"require": {
|
||||||
"creativeorange/gravatar": "^1.0",
|
"creativeorange/gravatar": "^1.0",
|
||||||
@ -2925,7 +2925,7 @@
|
|||||||
"laravel",
|
"laravel",
|
||||||
"leenooks"
|
"leenooks"
|
||||||
],
|
],
|
||||||
"time": "2021-06-28T00:28:57+00:00"
|
"time": "2021-06-28T02:50:28+00:00"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "monolog/monolog",
|
"name": "monolog/monolog",
|
||||||
|
BIN
public/pages/welcome/img/activity/edplus.png
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
public/pages/welcome/img/activity/elonera.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
public/pages/welcome/img/activity/email.png
Normal file
After Width: | Height: | Size: 186 KiB |
BIN
public/pages/welcome/img/activity/graytech.png
Normal file
After Width: | Height: | Size: 1.9 MiB |
BIN
public/pages/welcome/img/activity/graytech1.png
Normal file
After Width: | Height: | Size: 848 KiB |
BIN
public/pages/welcome/img/activity/pla.png
Normal file
After Width: | Height: | Size: 183 KiB |
BIN
public/pages/welcome/img/activity/voip.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
public/pages/welcome/img/activity/whiskywholesale.png
Normal file
After Width: | Height: | Size: 617 KiB |
BIN
public/pages/welcome/img/slider/binary-2907220_1920.jpg
Normal file
After Width: | Height: | Size: 222 KiB |
BIN
public/pages/welcome/img/slider/ipad-820272_1920.jpg
Normal file
After Width: | Height: | Size: 442 KiB |
BIN
public/pages/welcome/img/slider/mobile-phone-426559_1920.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
23
public/plugin/OwlCarousel2-2.3.4/LICENSE
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
Copyright (c) 2014 Owl
|
||||||
|
Modified work Copyright 2016-2018 David Deutsch
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person
|
||||||
|
obtaining a copy of this software and associated documentation
|
||||||
|
files (the "Software"), to deal in the Software without
|
||||||
|
restriction, including without limitation the rights to use,
|
||||||
|
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the
|
||||||
|
Software is furnished to do so, subject to the following
|
||||||
|
conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be
|
||||||
|
included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||||
|
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||||
|
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||||
|
OTHER DEALINGS IN THE SOFTWARE.
|
BIN
public/plugin/OwlCarousel2-2.3.4/ajax-loader.gif
Normal file
After Width: | Height: | Size: 3.1 KiB |
6
public/plugin/OwlCarousel2-2.3.4/owl.carousel.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
7
public/plugin/OwlCarousel2-2.3.4/owl.carousel.min.js
vendored
Normal file
6
public/plugin/OwlCarousel2-2.3.4/owl.theme.default.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
6
public/plugin/OwlCarousel2-2.3.4/owl.theme.green.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
|
BIN
public/plugin/OwlCarousel2-2.3.4/owl.video.play.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
11
public/plugin/animate/animate.min.css
vendored
Normal file
Before Width: | Height: | Size: 948 B After Width: | Height: | Size: 948 B |
@ -9,7 +9,7 @@ var scrolltotop={
|
|||||||
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
|
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
|
||||||
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
|
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
|
||||||
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
|
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
|
||||||
controlHTML: '<img src="theme/frontend/metronic/site/img/up.png" style="width:40px; height:40px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
|
controlHTML: '<img src="plugin/back-to-top/back-to-top-up.png" style="width:40px; height:40px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
|
||||||
controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
|
controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
|
||||||
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
|
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
|
||||||
|
|
@ -1 +1,4 @@
|
|||||||
/* here you can put your own css to customize and override the theme */
|
/* here you can put your own css to customize and override the theme */
|
||||||
|
.mr-4 {
|
||||||
|
margin-right: 4px !important;
|
||||||
|
}
|
@ -812,16 +812,16 @@ body.page-header-fixed {
|
|||||||
text-indent: -100000px;
|
text-indent: -100000px;
|
||||||
}
|
}
|
||||||
.owl-buttons .owl-prev {
|
.owl-buttons .owl-prev {
|
||||||
background: #fff url(../../pages/img/fa-angles.png) no-repeat 8px 8px;
|
background: #fff url(../../img/fa-angles.png) no-repeat 8px 8px;
|
||||||
}
|
}
|
||||||
.owl-buttons .owl-next {
|
.owl-buttons .owl-next {
|
||||||
background: #fff url(../../pages/img/fa-angles.png) no-repeat -33px 8px;
|
background: #fff url(../../img/fa-angles.png) no-repeat -33px 8px;
|
||||||
}
|
}
|
||||||
.owl-buttons .owl-prev:hover {
|
.owl-buttons .owl-prev:hover {
|
||||||
background: #e84d1c url(../../pages/img/fa-angles.png) no-repeat 8px -31px;
|
background: #e84d1c url(../../img/fa-angles.png) no-repeat 8px -31px;
|
||||||
}
|
}
|
||||||
.owl-buttons .owl-next:hover {
|
.owl-buttons .owl-next:hover {
|
||||||
background: #e84d1c url(../../pages/img/fa-angles.png) no-repeat -33px -31px;
|
background: #e84d1c url(../../img/fa-angles.png) no-repeat -33px -31px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* */
|
/* */
|
Before Width: | Height: | Size: 974 B After Width: | Height: | Size: 974 B |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 995 B After Width: | Height: | Size: 995 B |
@ -30,6 +30,7 @@ var Layout = function () {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
// runs callback functions set by App.addResponsiveHandler().
|
// runs callback functions set by App.addResponsiveHandler().
|
||||||
var runResponsiveHandlers = function () {
|
var runResponsiveHandlers = function () {
|
||||||
// reinitialize other subscribed elements
|
// reinitialize other subscribed elements
|
||||||
@ -38,6 +39,7 @@ var Layout = function () {
|
|||||||
each.call();
|
each.call();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
// handle the layout reinitialization on window resize
|
// handle the layout reinitialization on window resize
|
||||||
var handleResponsiveOnResize = function () {
|
var handleResponsiveOnResize = function () {
|
||||||
@ -138,7 +140,7 @@ var Layout = function () {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// close search box on body click
|
// close search box on body click
|
||||||
if($('.search-btn').size() != 0) {
|
if($('.search-btn').length != 0) {
|
||||||
$('.search-box, .search-btn').on('click', function(e){
|
$('.search-box, .search-btn').on('click', function(e){
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
});
|
});
|
||||||
@ -152,6 +154,7 @@ var Layout = function () {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
var handleMenu = function() {
|
var handleMenu = function() {
|
||||||
$(".header .navbar-toggle").click(function () {
|
$(".header .navbar-toggle").click(function () {
|
||||||
if ($(".header .navbar-collapse").hasClass("open")) {
|
if ($(".header .navbar-collapse").hasClass("open")) {
|
||||||
@ -187,12 +190,14 @@ var Layout = function () {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
function handleDifInits() {
|
function handleDifInits() {
|
||||||
$(".header .navbar-toggle span:nth-child(2)").addClass("short-icon-bar");
|
$(".header .navbar-toggle span:nth-child(2)").addClass("short-icon-bar");
|
||||||
$(".header .navbar-toggle span:nth-child(4)").addClass("short-icon-bar");
|
$(".header .navbar-toggle span:nth-child(4)").addClass("short-icon-bar");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
function handleUniform() {
|
function handleUniform() {
|
||||||
if (!jQuery().uniform) {
|
if (!jQuery().uniform) {
|
||||||
return;
|
return;
|
||||||
@ -215,8 +220,9 @@ var Layout = function () {
|
|||||||
|
|
||||||
jQuery(".fancybox-fast-view").fancybox();
|
jQuery(".fancybox-fast-view").fancybox();
|
||||||
|
|
||||||
if (jQuery(".fancybox-button").size() > 0) {
|
if ($(".fancybox-button").length > 0) {
|
||||||
jQuery(".fancybox-button").fancybox({
|
alert('fancybox');
|
||||||
|
$(".fancybox-button").fancybox({
|
||||||
groupAttr: 'data-rel',
|
groupAttr: 'data-rel',
|
||||||
prevEffect: 'none',
|
prevEffect: 'none',
|
||||||
nextEffect: 'none',
|
nextEffect: 'none',
|
||||||
@ -233,14 +239,14 @@ var Layout = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
// Handles Bootstrap Accordions.
|
// Handles Bootstrap Accordions.
|
||||||
var handleAccordions = function () {
|
var handleAccordions = function () {
|
||||||
|
|
||||||
jQuery('body').on('shown.bs.collapse', '.accordion.scrollable', function (e) {
|
jQuery('body').on('shown.bs.collapse', '.accordion.scrollable', function (e) {
|
||||||
Layout.scrollTo($(e.target), -100);
|
Layout.scrollTo($(e.target), -100);
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handles Bootstrap Tabs.
|
// Handles Bootstrap Tabs.
|
||||||
@ -265,6 +271,7 @@ var Layout = function () {
|
|||||||
$(".header").find(".header-navigation").toggle(300);
|
$(".header").find(".header-navigation").toggle(300);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
return {
|
return {
|
||||||
init: function () {
|
init: function () {
|
||||||
@ -273,16 +280,17 @@ var Layout = function () {
|
|||||||
handleResponsiveOnResize();
|
handleResponsiveOnResize();
|
||||||
handleIEFixes();
|
handleIEFixes();
|
||||||
handleSearch();
|
handleSearch();
|
||||||
handleFancybox();
|
//handleFancybox();
|
||||||
handleDifInits();
|
handleDifInits();
|
||||||
handleSidebarMenu();
|
//handleSidebarMenu();
|
||||||
handleAccordions();
|
//handleAccordions();
|
||||||
handleMenu();
|
//handleMenu();
|
||||||
handleScrollers();
|
handleScrollers();
|
||||||
handleSubMenuExt();
|
//handleSubMenuExt();
|
||||||
handleMobiToggler();
|
//handleMobiToggler();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
initUniform: function (els) {
|
initUniform: function (els) {
|
||||||
if (els) {
|
if (els) {
|
||||||
jQuery(els).each(function () {
|
jQuery(els).each(function () {
|
||||||
@ -310,35 +318,37 @@ var Layout = function () {
|
|||||||
$(".quantity-down").html("<i class='fa fa-angle-down'></i>");
|
$(".quantity-down").html("<i class='fa fa-angle-down'></i>");
|
||||||
$(".quantity-up").html("<i class='fa fa-angle-up'></i>");
|
$(".quantity-up").html("<i class='fa fa-angle-up'></i>");
|
||||||
},
|
},
|
||||||
|
*/
|
||||||
|
|
||||||
initFixHeaderWithPreHeader: function () {
|
initFixHeaderWithPreHeader: function () {
|
||||||
jQuery(window).scroll(function() {
|
$(window).scroll(function() {
|
||||||
if (jQuery(window).scrollTop()>37){
|
if ($(window).scrollTop()>37){
|
||||||
jQuery("body").addClass("page-header-fixed");
|
$("body").addClass("page-header-fixed");
|
||||||
}
|
|
||||||
else {
|
} else {
|
||||||
jQuery("body").removeClass("page-header-fixed");
|
$("body").removeClass("page-header-fixed");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
initNavScrolling: function () {
|
initNavScrolling: function () {
|
||||||
function NavScrolling () {
|
function NavScrolling () {
|
||||||
if (jQuery(window).scrollTop()>60){
|
if ($(window).scrollTop()>60){
|
||||||
jQuery(".header").addClass("reduce-header");
|
$(".header").addClass("reduce-header");
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
jQuery(".header").removeClass("reduce-header");
|
$(".header").removeClass("reduce-header");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
NavScrolling();
|
NavScrolling();
|
||||||
|
|
||||||
jQuery(window).scroll(function() {
|
$(window).scroll(function() {
|
||||||
NavScrolling ();
|
NavScrolling ();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
initOWL: function () {
|
initOWL: function () {
|
||||||
$(".owl-carousel6-brands").owlCarousel({
|
$(".owl-carousel6-brands").owlCarousel({
|
||||||
pagination: false,
|
pagination: false,
|
||||||
@ -437,6 +447,7 @@ var Layout = function () {
|
|||||||
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
||||||
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
||||||
},
|
},
|
||||||
|
*/
|
||||||
|
|
||||||
// wrapper function to scroll(focus) to an element
|
// wrapper function to scroll(focus) to an element
|
||||||
scrollTo: function (el, offeset) {
|
scrollTo: function (el, offeset) {
|
||||||
@ -462,11 +473,12 @@ var Layout = function () {
|
|||||||
App.scrollTo();
|
App.scrollTo();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
gridOption1: function () {
|
gridOption1: function () {
|
||||||
$(function(){
|
$(function(){
|
||||||
$('.grid-v1').mixitup();
|
$('.grid-v1').mixitup();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
};
|
};
|
||||||
}();
|
}();
|
3272
public/theme/frontend/metronic/site/css/animate.css
vendored
@ -1,382 +0,0 @@
|
|||||||
a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.pre-header a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.shop-currencies a.current {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a,
|
|
||||||
.header-navigation ul > li > a:hover,
|
|
||||||
.header-navigation ul > li > a:focus,
|
|
||||||
.header-navigation ul > li.open > a,
|
|
||||||
.header-navigation ul > li.open > a:hover,
|
|
||||||
.header-navigation ul > li.open > a:focus {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation li.menu-search i:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.content-page a:hover,
|
|
||||||
.sidebar2 a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.page-404 .number,
|
|
||||||
.page-500 .number {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.content-form-page a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.quote-v1 a.btn-transparent:hover {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.recent-work h2 a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item .fa:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.our-clients h2 a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.front-team h3 strong {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.ecommerce .header-navigation ul > li.active > a,
|
|
||||||
.ecommerce .header-navigation ul > li > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li > a:focus,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.product-item h3 a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.checkout-page a:hover {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.langs-block-others:after {
|
|
||||||
border-bottom: 8px solid #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
|
||||||
border-bottom: 8px solid #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu > li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu > li.active > a,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
|
||||||
background: #798b97;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
|
||||||
background: #fff;
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box:after {
|
|
||||||
border-bottom: 8px solid #798b97;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box {
|
|
||||||
border-top: solid 2px #798b97;
|
|
||||||
}
|
|
||||||
.title-wrapper h1 span {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.breadcrumb > .active {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.form-info h2 em {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.nav-tabs {
|
|
||||||
border-color: #798b97;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.content-search h1 em {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.testimonials-v1 blockquote:after {
|
|
||||||
background-color: #798b97;
|
|
||||||
}
|
|
||||||
.testimonials-v1 span.testimonials-name {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.search-result-item h4 a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.top-cart-content:after {
|
|
||||||
border-bottom: 8px solid #798b97;
|
|
||||||
}
|
|
||||||
.goods-data a,
|
|
||||||
.checkout-page .checkout-description a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.product-page .review a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #798b97;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.list-view-sorting a {
|
|
||||||
background: #fff;
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.steps-block ::-moz-selection {
|
|
||||||
color: #798b97;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.steps-block ::selection {
|
|
||||||
color: #798b97;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.owl-buttons .owl-prev:hover {
|
|
||||||
background-color: #798b97;
|
|
||||||
}
|
|
||||||
.owl-buttons .owl-next:hover {
|
|
||||||
background-color: #798b97;
|
|
||||||
}
|
|
||||||
.steps-block-red {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.pre-footer .photo-stream img:hover {
|
|
||||||
border-color: #798b97;
|
|
||||||
}
|
|
||||||
.pre-footer-light dl.f-twitter dd a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.pre-footer-light address a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .left-btn:hover {
|
|
||||||
background-color: #798b97;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .right-btn:hover {
|
|
||||||
background-color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-tags li i,
|
|
||||||
.blog-info li i {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-posts .more,
|
|
||||||
.blog-sidebar .more {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.recent-news h3 a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-photo-stream li img:hover {
|
|
||||||
border-color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover:after {
|
|
||||||
border-left-color: #798b97;
|
|
||||||
}
|
|
||||||
.sidebar-categories li > a:hover,
|
|
||||||
.sidebar-categories li.active > a,
|
|
||||||
.sidebar-categories li.active:hover > a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-item blockquote {
|
|
||||||
border-color: #798b97;
|
|
||||||
}
|
|
||||||
.blog-item h4.media-heading span a {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1 {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.pricing-active {
|
|
||||||
border: 3px solid #798b97;
|
|
||||||
box-shadow: 7px 7px rgba(121, 139, 151, 0.2);
|
|
||||||
}
|
|
||||||
.pricing:hover {
|
|
||||||
border: 3px solid #798b97;
|
|
||||||
}
|
|
||||||
.pricing:hover h4 {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.pricing-head h3 {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.pricing-head-active h4 {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.pricing-content li i {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.top-cart-block .fa-shopping-cart {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.product-item .btn:hover {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.pi-price {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.product-item .add2cart:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
background: #798b97 !important;
|
|
||||||
border-color: #798b97;
|
|
||||||
}
|
|
||||||
.goods-page-price strong,
|
|
||||||
.goods-page-total strong,
|
|
||||||
.checkout-price strong,
|
|
||||||
.checkout-total strong {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.shopping-total strong,
|
|
||||||
.checkout-total-block strong {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.compare-item strong {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.sidebar-products .price {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.price-availability-block .price strong {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
|
|
||||||
.require {
|
|
||||||
color: #798b97;
|
|
||||||
}
|
|
||||||
.content-form-page .form-control:focus {
|
|
||||||
border: solid 1px #798b97;
|
|
||||||
}
|
|
||||||
.content-search input:focus {
|
|
||||||
border: solid 1px #798b97;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:active {
|
|
||||||
background: #798b97;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navigation .dropdown-menu > li:first-child {
|
|
||||||
border-top: 2px solid #798b97;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1:after {
|
|
||||||
border-left: 15px solid #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.del-goods:hover,
|
|
||||||
.add-goods:hover {
|
|
||||||
background-color: #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar a:hover > .fa-angle-down {
|
|
||||||
background-position: -66px 0;
|
|
||||||
}
|
|
||||||
.sidebar .collapsed:hover > .fa-angle-down {
|
|
||||||
background-position: -66px -37px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-cart-content {
|
|
||||||
border-top: solid 2px #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.front-skills .progress-bar {
|
|
||||||
background: #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-box-v1:hover {
|
|
||||||
background: #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .mobi-toggler:hover {
|
|
||||||
background-color: #93A2AB;
|
|
||||||
border-color: #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.header .header-navigation li > a:hover,
|
|
||||||
.header .header-navigation li.active > a,
|
|
||||||
.header .header-navigation li.open > a:hover {
|
|
||||||
color: #93A2AB !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-tabbable {
|
|
||||||
border-left: solid 2px #93A2AB;
|
|
||||||
}
|
|
||||||
.faq-tabbable li:hover a,
|
|
||||||
.faq-tabbable li.active a{
|
|
||||||
background: #93A2AB;
|
|
||||||
}
|
|
||||||
.faq-tabbable li.active:after {
|
|
||||||
border-left: 6px solid #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mix-filter li:hover, .mix-filter li.active {
|
|
||||||
background: #93A2AB;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.mix-grid .mix .mix-details {
|
|
||||||
background: #93A2AB;
|
|
||||||
}
|
|
||||||
.mix-grid .mix a.mix-link,
|
|
||||||
.mix-grid .mix a.mix-preview {
|
|
||||||
background: #959798;
|
|
||||||
}
|
|
||||||
.langs-block-others {
|
|
||||||
border-top: solid 2px #93A2AB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brands .owl-buttons .owl-prev:hover {
|
|
||||||
background-position: 18px -753px;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-next:hover {
|
|
||||||
background-position: -249px -753px;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a/*,
|
|
||||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
|
||||||
border-bottom: 2px solid #93A2AB;
|
|
||||||
}
|
|
@ -1,382 +0,0 @@
|
|||||||
a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.pre-header a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.shop-currencies a.current {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a,
|
|
||||||
.header-navigation ul > li > a:hover,
|
|
||||||
.header-navigation ul > li > a:focus,
|
|
||||||
.header-navigation ul > li.open > a,
|
|
||||||
.header-navigation ul > li.open > a:hover,
|
|
||||||
.header-navigation ul > li.open > a:focus {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation li.menu-search i:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.content-page a:hover,
|
|
||||||
.sidebar2 a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.page-404 .number,
|
|
||||||
.page-500 .number {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.content-form-page a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.quote-v1 a.btn-transparent:hover {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.recent-work h2 a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item .fa:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.our-clients h2 a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.front-team h3 strong {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.ecommerce .header-navigation ul > li.active > a,
|
|
||||||
.ecommerce .header-navigation ul > li > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li > a:focus,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.product-item h3 a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.checkout-page a:hover {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.langs-block-others:after {
|
|
||||||
border-bottom: 8px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
|
||||||
border-bottom: 8px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu > li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu > li.active > a,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
|
||||||
background: #67bd3c;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
|
||||||
background: #fff;
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box:after {
|
|
||||||
border-bottom: 8px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box {
|
|
||||||
border-top: solid 2px #67bd3c;
|
|
||||||
}
|
|
||||||
.title-wrapper h1 span {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.breadcrumb > .active {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.form-info h2 em {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.nav-tabs {
|
|
||||||
border-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.content-search h1 em {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 blockquote:after {
|
|
||||||
background-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 span.testimonials-name {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.search-result-item h4 a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.top-cart-content:after {
|
|
||||||
border-bottom: 8px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.goods-data a,
|
|
||||||
.checkout-page .checkout-description a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.product-page .review a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #67bd3c;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.list-view-sorting a {
|
|
||||||
background: #fff;
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.steps-block ::-moz-selection {
|
|
||||||
color: #67bd3c;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.steps-block ::selection {
|
|
||||||
color: #67bd3c;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.owl-buttons .owl-prev:hover {
|
|
||||||
background-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.owl-buttons .owl-next:hover {
|
|
||||||
background-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.steps-block-red {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.pre-footer .photo-stream img:hover {
|
|
||||||
border-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.pre-footer-light dl.f-twitter dd a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.pre-footer-light address a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .left-btn:hover {
|
|
||||||
background-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .right-btn:hover {
|
|
||||||
background-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-tags li i,
|
|
||||||
.blog-info li i {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-posts .more,
|
|
||||||
.blog-sidebar .more {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.recent-news h3 a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-photo-stream li img:hover {
|
|
||||||
border-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover:after {
|
|
||||||
border-left-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.sidebar-categories li > a:hover,
|
|
||||||
.sidebar-categories li.active > a,
|
|
||||||
.sidebar-categories li.active:hover > a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-item blockquote {
|
|
||||||
border-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.blog-item h4.media-heading span a {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1 {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.pricing-active {
|
|
||||||
border: 3px solid #67bd3c;
|
|
||||||
box-shadow: 7px 7px rgba(103, 189, 60, 0.2);
|
|
||||||
}
|
|
||||||
.pricing:hover {
|
|
||||||
border: 3px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.pricing:hover h4 {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.pricing-head h3 {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.pricing-head-active h4 {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.pricing-content li i {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.top-cart-block .fa-shopping-cart {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.product-item .btn:hover {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.pi-price {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.product-item .add2cart:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
background: #67bd3c !important;
|
|
||||||
border-color: #67bd3c;
|
|
||||||
}
|
|
||||||
.goods-page-price strong,
|
|
||||||
.goods-page-total strong,
|
|
||||||
.checkout-price strong,
|
|
||||||
.checkout-total strong {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.shopping-total strong,
|
|
||||||
.checkout-total-block strong {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.compare-item strong {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.sidebar-products .price {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.price-availability-block .price strong {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.require {
|
|
||||||
color: #67bd3c;
|
|
||||||
}
|
|
||||||
.content-form-page .form-control:focus {
|
|
||||||
border: solid 1px #67bd3c;
|
|
||||||
}
|
|
||||||
.content-search input:focus {
|
|
||||||
border: solid 1px #67bd3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:active {
|
|
||||||
background: #67bd3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navigation .dropdown-menu > li:first-child {
|
|
||||||
border-top: 2px solid #67bd3c;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1:after {
|
|
||||||
border-left: 15px solid #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.del-goods:hover,
|
|
||||||
.add-goods:hover {
|
|
||||||
background-color: #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar a:hover > .fa-angle-down {
|
|
||||||
background-position: -33px 0;
|
|
||||||
}
|
|
||||||
.sidebar .collapsed:hover > .fa-angle-down {
|
|
||||||
background-position: -33px -37px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-cart-content {
|
|
||||||
border-top: solid 2px #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.front-skills .progress-bar {
|
|
||||||
background: #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-box-v1:hover {
|
|
||||||
background: #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .mobi-toggler:hover {
|
|
||||||
background-color: #85CA63;
|
|
||||||
border-color: #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.header .header-navigation li > a:hover,
|
|
||||||
.header .header-navigation li.active > a,
|
|
||||||
.header .header-navigation li.open > a:hover {
|
|
||||||
color: #85CA63 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-tabbable {
|
|
||||||
border-left: solid 2px #85CA63;
|
|
||||||
}
|
|
||||||
.faq-tabbable li:hover a,
|
|
||||||
.faq-tabbable li.active a{
|
|
||||||
background: #85CA63;
|
|
||||||
}
|
|
||||||
.faq-tabbable li.active:after {
|
|
||||||
border-left: 6px solid #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mix-filter li:hover, .mix-filter li.active {
|
|
||||||
background: #85CA63;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.mix-grid .mix .mix-details {
|
|
||||||
background: #85CA63;
|
|
||||||
}
|
|
||||||
.mix-grid .mix a.mix-link,
|
|
||||||
.mix-grid .mix a.mix-preview {
|
|
||||||
background: #7edb1a;
|
|
||||||
}
|
|
||||||
.langs-block-others {
|
|
||||||
border-top: solid 2px #85CA63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brands .owl-buttons .owl-prev:hover {
|
|
||||||
background-position: 18px -432px;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-next:hover {
|
|
||||||
background-position: -249px -432px;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a/*,
|
|
||||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
|
||||||
border-bottom: 2px solid #85CA63;
|
|
||||||
}
|
|
@ -1,382 +0,0 @@
|
|||||||
a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.pre-header a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.shop-currencies a.current {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a,
|
|
||||||
.header-navigation ul > li > a:hover,
|
|
||||||
.header-navigation ul > li > a:focus,
|
|
||||||
.header-navigation ul > li.open > a,
|
|
||||||
.header-navigation ul > li.open > a:hover,
|
|
||||||
.header-navigation ul > li.open > a:focus {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation li.menu-search i:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.content-page a:hover,
|
|
||||||
.sidebar2 a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.page-404 .number,
|
|
||||||
.page-500 .number {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.content-form-page a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.quote-v1 a.btn-transparent:hover {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.recent-work h2 a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item .fa:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.our-clients h2 a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.front-team h3 strong {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.ecommerce .header-navigation ul > li.active > a,
|
|
||||||
.ecommerce .header-navigation ul > li > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li > a:focus,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.product-item h3 a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.checkout-page a:hover {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.langs-block-others:after {
|
|
||||||
border-bottom: 8px solid #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
|
||||||
border-bottom: 8px solid #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu > li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu > li.active > a,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
|
||||||
background: #e18604;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
|
||||||
background: #fff;
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box:after {
|
|
||||||
border-bottom: 8px solid #e18604;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box {
|
|
||||||
border-top: solid 2px #e18604;
|
|
||||||
}
|
|
||||||
.title-wrapper h1 span {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.breadcrumb > .active {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.form-info h2 em {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.nav-tabs {
|
|
||||||
border-color: #e18604;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.content-search h1 em {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.testimonials-v1 blockquote:after {
|
|
||||||
background-color: #e18604;
|
|
||||||
}
|
|
||||||
.testimonials-v1 span.testimonials-name {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.search-result-item h4 a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.top-cart-content:after {
|
|
||||||
border-bottom: 8px solid #e18604;
|
|
||||||
}
|
|
||||||
.goods-data a,
|
|
||||||
.checkout-page .checkout-description a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.product-page .review a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #e18604;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.list-view-sorting a {
|
|
||||||
background: #fff;
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.steps-block ::-moz-selection {
|
|
||||||
color: #e18604;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.steps-block ::selection {
|
|
||||||
color: #e18604;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.owl-buttons .owl-prev:hover {
|
|
||||||
background-color: #e18604;
|
|
||||||
}
|
|
||||||
.owl-buttons .owl-next:hover {
|
|
||||||
background-color: #e18604;
|
|
||||||
}
|
|
||||||
.steps-block-red {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.pre-footer .photo-stream img:hover {
|
|
||||||
border-color: #e18604;
|
|
||||||
}
|
|
||||||
.pre-footer-light dl.f-twitter dd a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.pre-footer-light address a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .left-btn:hover {
|
|
||||||
background-color: #e18604;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .right-btn:hover {
|
|
||||||
background-color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-tags li i,
|
|
||||||
.blog-info li i {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-posts .more,
|
|
||||||
.blog-sidebar .more {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.recent-news h3 a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-photo-stream li img:hover {
|
|
||||||
border-color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover:after {
|
|
||||||
border-left-color: #e18604;
|
|
||||||
}
|
|
||||||
.sidebar-categories li > a:hover,
|
|
||||||
.sidebar-categories li.active > a,
|
|
||||||
.sidebar-categories li.active:hover > a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-item blockquote {
|
|
||||||
border-color: #e18604;
|
|
||||||
}
|
|
||||||
.blog-item h4.media-heading span a {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1 {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.pricing-active {
|
|
||||||
border: 3px solid #e18604;
|
|
||||||
box-shadow: 7px 7px rgba(225, 134, 4, 0.2);
|
|
||||||
}
|
|
||||||
.pricing:hover {
|
|
||||||
border: 3px solid #e18604;
|
|
||||||
}
|
|
||||||
.pricing:hover h4 {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.pricing-head h3 {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.pricing-head-active h4 {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.pricing-content li i {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.top-cart-block .fa-shopping-cart {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.product-item .btn:hover {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.pi-price {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.product-item .add2cart:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
background: #e18604 !important;
|
|
||||||
border-color: #e18604;
|
|
||||||
}
|
|
||||||
.goods-page-price strong,
|
|
||||||
.goods-page-total strong,
|
|
||||||
.checkout-price strong,
|
|
||||||
.checkout-total strong {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.shopping-total strong,
|
|
||||||
.checkout-total-block strong {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.compare-item strong {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.sidebar-products .price {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.price-availability-block .price strong {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
|
|
||||||
.require {
|
|
||||||
color: #e18604;
|
|
||||||
}
|
|
||||||
.content-form-page .form-control:focus {
|
|
||||||
border: solid 1px #e18604;
|
|
||||||
}
|
|
||||||
.content-search input:focus {
|
|
||||||
border: solid 1px #e18604;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:active {
|
|
||||||
background: #e18604;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navigation .dropdown-menu > li:first-child {
|
|
||||||
border-top: 2px solid #e18604;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1:after {
|
|
||||||
border-left: 15px solid #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.del-goods:hover,
|
|
||||||
.add-goods:hover {
|
|
||||||
background-color: #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar a:hover > .fa-angle-down {
|
|
||||||
background-position: -44px 0;
|
|
||||||
}
|
|
||||||
.sidebar .collapsed:hover > .fa-angle-down {
|
|
||||||
background-position: -44px -37px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-cart-content {
|
|
||||||
border-top: solid 2px #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.front-skills .progress-bar {
|
|
||||||
background: #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-box-v1:hover {
|
|
||||||
background: #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .mobi-toggler:hover {
|
|
||||||
background-color: #E79E36;
|
|
||||||
border-color: #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.header .header-navigation li > a:hover,
|
|
||||||
.header .header-navigation li.active > a,
|
|
||||||
.header .header-navigation li.open > a:hover {
|
|
||||||
color: #E79E36 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-tabbable {
|
|
||||||
border-left: solid 2px #E79E36;
|
|
||||||
}
|
|
||||||
.faq-tabbable li:hover a,
|
|
||||||
.faq-tabbable li.active a{
|
|
||||||
background: #E79E36;
|
|
||||||
}
|
|
||||||
.faq-tabbable li.active:after {
|
|
||||||
border-left: 6px solid #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mix-filter li:hover, .mix-filter li.active {
|
|
||||||
background: #E79E36;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.mix-grid .mix .mix-details {
|
|
||||||
background: #E79E36;
|
|
||||||
}
|
|
||||||
.mix-grid .mix a.mix-link,
|
|
||||||
.mix-grid .mix a.mix-preview {
|
|
||||||
background: #db681a;
|
|
||||||
}
|
|
||||||
.langs-block-others {
|
|
||||||
border-top: solid 2px #E79E36;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brands .owl-buttons .owl-prev:hover {
|
|
||||||
background-position: 18px -539px;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-next:hover {
|
|
||||||
background-position: -249px -539px;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a/*,
|
|
||||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
|
||||||
border-bottom: 2px solid #E79E36;
|
|
||||||
}
|
|
@ -1,377 +0,0 @@
|
|||||||
a {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.pre-header a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.shop-currencies a.current {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a,
|
|
||||||
.header-navigation ul > li > a:hover,
|
|
||||||
.header-navigation ul > li > a:focus,
|
|
||||||
.header-navigation ul > li.open > a,
|
|
||||||
.header-navigation ul > li.open > a:hover,
|
|
||||||
.header-navigation ul > li.open > a:focus {
|
|
||||||
color: #e02222;
|
|
||||||
}
|
|
||||||
.header-navigation li.menu-search i:hover {
|
|
||||||
color: #e02222;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.content-page a:hover,
|
|
||||||
.sidebar2 a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.page-404 .number,
|
|
||||||
.page-500 .number {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.content-form-page a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.quote-v1 a.btn-transparent:hover {
|
|
||||||
background: #E02222;
|
|
||||||
}
|
|
||||||
.recent-work h2 a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item .fa:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.our-clients h2 a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.front-team h3 strong {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.ecommerce .header-navigation ul > li.active > a,
|
|
||||||
.ecommerce .header-navigation ul > li > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li > a:focus,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
|
||||||
color: #e02222;
|
|
||||||
}
|
|
||||||
.product-item h3 a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
.checkout-page a:hover {
|
|
||||||
color: #E02222;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.langs-block-others:after {
|
|
||||||
border-bottom: 8px solid #e6400c;
|
|
||||||
}
|
|
||||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
|
||||||
border-bottom: 8px solid #e6400c;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu > li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu > li.active > a,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
|
||||||
background: #e6400c;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
|
||||||
background: #fff;
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box:after {
|
|
||||||
border-bottom: 8px solid #e6400c;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box {
|
|
||||||
border-top: solid 2px #ea4c1d;
|
|
||||||
}
|
|
||||||
.title-wrapper h1 span {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.breadcrumb > .active {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.form-info h2 em {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.nav-tabs {
|
|
||||||
border-color: #e6400c;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #e6400c;
|
|
||||||
}
|
|
||||||
.content-search h1 em {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
|
||||||
background: #E6400C;
|
|
||||||
}
|
|
||||||
.testimonials-v1 blockquote:after {
|
|
||||||
background-color: #E6400C;
|
|
||||||
}
|
|
||||||
.testimonials-v1 span.testimonials-name {
|
|
||||||
color: #E6400C;
|
|
||||||
}
|
|
||||||
.search-result-item h4 a {
|
|
||||||
color: #E6400C;
|
|
||||||
}
|
|
||||||
.top-cart-content:after {
|
|
||||||
border-bottom: 8px solid #e6400c;
|
|
||||||
}
|
|
||||||
.goods-data a,
|
|
||||||
.checkout-page .checkout-description a {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.product-page .review a {
|
|
||||||
color: #e6400c;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #E6400C;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.list-view-sorting a {
|
|
||||||
background: #fff;
|
|
||||||
color: #E6400C;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #e45000;
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #e45000;
|
|
||||||
}
|
|
||||||
.steps-block ::-moz-selection {
|
|
||||||
color: #e45000;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.steps-block ::selection {
|
|
||||||
color: #e45000;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-buttons .owl-prev:hover {
|
|
||||||
background-color: #e84d1c;
|
|
||||||
}
|
|
||||||
.owl-buttons .owl-next:hover {
|
|
||||||
background-color: #e84d1c;
|
|
||||||
}
|
|
||||||
.steps-block-red {
|
|
||||||
background: #e84d1c;
|
|
||||||
}
|
|
||||||
.pre-footer .photo-stream img:hover {
|
|
||||||
border-color: #E84D1C;
|
|
||||||
}
|
|
||||||
.pre-footer-light dl.f-twitter dd a {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
.pre-footer-light address a {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .left-btn:hover {
|
|
||||||
background-color: #e84d1c;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .right-btn:hover {
|
|
||||||
background-color: #e84d1c;
|
|
||||||
}
|
|
||||||
.blog-tags li i,
|
|
||||||
.blog-info li i {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-posts .more,
|
|
||||||
.blog-sidebar .more {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.recent-news h3 a {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-photo-stream li img:hover {
|
|
||||||
border-color: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
background: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover:after {
|
|
||||||
border-left-color: #E84D1C;
|
|
||||||
}
|
|
||||||
.sidebar-categories li > a:hover,
|
|
||||||
.sidebar-categories li.active > a,
|
|
||||||
.sidebar-categories li.active:hover > a {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-item blockquote {
|
|
||||||
border-color: #E84D1C;
|
|
||||||
}
|
|
||||||
.blog-item h4.media-heading span a {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1 {
|
|
||||||
background: #E84D1C;
|
|
||||||
}
|
|
||||||
.pricing-active {
|
|
||||||
border: 3px solid #E84D1C;
|
|
||||||
box-shadow: 7px 7px rgba(232, 77, 22, 0.2);
|
|
||||||
}
|
|
||||||
.pricing:hover {
|
|
||||||
border: 3px solid #E84D1C;
|
|
||||||
}
|
|
||||||
.pricing:hover h4 {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.pricing-head h3 {
|
|
||||||
background: #E84D1C;
|
|
||||||
}
|
|
||||||
.pricing-head-active h4 {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.pricing-content li i {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.top-cart-block .fa-shopping-cart {
|
|
||||||
background: #e84d1c;
|
|
||||||
}
|
|
||||||
.product-item .btn:hover {
|
|
||||||
background: #e84d1c;
|
|
||||||
}
|
|
||||||
.pi-price {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
.product-item .add2cart:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
background: #E84D1C !important;
|
|
||||||
border-color: #E84D1C;
|
|
||||||
}
|
|
||||||
.goods-page-price strong,
|
|
||||||
.goods-page-total strong,
|
|
||||||
.checkout-price strong,
|
|
||||||
.checkout-total strong {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
.shopping-total strong,
|
|
||||||
.checkout-total-block strong {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
.compare-item strong {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.sidebar-products .price {
|
|
||||||
color: #E84D1C;
|
|
||||||
}
|
|
||||||
.price-availability-block .price strong {
|
|
||||||
color: #e84d1c;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.require {
|
|
||||||
color: #e94d1c;
|
|
||||||
}
|
|
||||||
.content-form-page .form-control:focus {
|
|
||||||
border: solid 1px #e94d1c;
|
|
||||||
}
|
|
||||||
.content-search input:focus {
|
|
||||||
border: solid 1px #e94d1c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #e94d1c;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:active {
|
|
||||||
background: #cc3304;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navigation .dropdown-menu > li:first-child {
|
|
||||||
border-top: 2px solid #EA4C1D;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1:after {
|
|
||||||
border-left: 15px solid #EC7049;
|
|
||||||
}
|
|
||||||
|
|
||||||
.del-goods:hover,
|
|
||||||
.add-goods:hover {
|
|
||||||
background-color: #E94D1C;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar a:hover > .fa-angle-down {
|
|
||||||
background-position: -11px 0;
|
|
||||||
}
|
|
||||||
.sidebar .collapsed:hover > .fa-angle-down {
|
|
||||||
background-position: -11px -37px;
|
|
||||||
}
|
|
||||||
.top-cart-content {
|
|
||||||
border-top: solid 2px #ea4c1d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.front-skills .progress-bar {
|
|
||||||
background: #EF4D2E;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-box-v1:hover {
|
|
||||||
background: #d73d04;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .mobi-toggler:hover {
|
|
||||||
background-color: #e34f00;
|
|
||||||
border-color: #e34f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.header .header-navigation li > a:hover,
|
|
||||||
.header .header-navigation li.active > a,
|
|
||||||
.header .header-navigation li.open > a:hover {
|
|
||||||
color: #dd4632 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-tabbable {
|
|
||||||
border-left: solid 2px #e44f00;
|
|
||||||
}
|
|
||||||
.faq-tabbable li:hover a,
|
|
||||||
.faq-tabbable li.active a{
|
|
||||||
background: #e44f00;
|
|
||||||
}
|
|
||||||
.faq-tabbable li.active:after {
|
|
||||||
border-left: 6px solid #e44f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mix-filter li:hover, .mix-filter li.active {
|
|
||||||
background: #e44f00;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.mix-grid .mix .mix-details {
|
|
||||||
background: #e44f00;
|
|
||||||
}
|
|
||||||
.mix-grid .mix a.mix-link,
|
|
||||||
.mix-grid .mix a.mix-preview {
|
|
||||||
background: #DB3A1B;
|
|
||||||
}
|
|
||||||
.langs-block-others {
|
|
||||||
border-top: solid 2px #ea4c1d;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-prev:hover {
|
|
||||||
background-position: 18px -217px;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-next:hover {
|
|
||||||
background-position: -249px -217px;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a/*,
|
|
||||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
|
||||||
border-bottom: 2px solid #e64f00;
|
|
||||||
}
|
|
@ -1,383 +0,0 @@
|
|||||||
a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.pre-header a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.shop-currencies a.current {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a,
|
|
||||||
.header-navigation ul > li > a:hover,
|
|
||||||
.header-navigation ul > li > a:focus,
|
|
||||||
.header-navigation ul > li.open > a,
|
|
||||||
.header-navigation ul > li.open > a:hover,
|
|
||||||
.header-navigation ul > li.open > a:focus {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation li.menu-search i:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.sidebar .dropdown.open .dropdown-toggle:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.content-page a:hover,
|
|
||||||
.sidebar2 a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.content-page .link, .content-page .link:hover, .content-page .link:active {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.page-404 .number,
|
|
||||||
.page-500 .number {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.content-form-page a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.quote-v1 a.btn-transparent:hover {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.recent-work h2 a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item .fa:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.our-clients h2 a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.front-team h3 strong {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.ecommerce .header-navigation ul > li.active > a,
|
|
||||||
.ecommerce .header-navigation ul > li > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li > a:focus,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:hover,
|
|
||||||
.ecommerce .header-navigation ul > li.open > a:focus {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.product-item h3 a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.checkout-page a:hover {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.langs-block-others:after {
|
|
||||||
border-bottom: 8px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation > ul > li.dropdown:hover > a:after {
|
|
||||||
border-bottom: 8px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu > li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu > li.active > a,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
|
|
||||||
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
|
|
||||||
background: #44b1c1;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
|
|
||||||
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
|
|
||||||
background: #fff;
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box:after {
|
|
||||||
border-bottom: 8px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.header-navigation .search-box {
|
|
||||||
border-top: solid 2px #44b1c1;
|
|
||||||
}
|
|
||||||
.title-wrapper h1 span {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.breadcrumb > .active {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.form-info h2 em {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.nav-tabs {
|
|
||||||
border-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.content-search h1 em {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.recent-work .recent-work-item:hover a.recent-work-description {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.testimonials-v1 blockquote:after {
|
|
||||||
background-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.testimonials-v1 span.testimonials-name {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.search-result-item h4 a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.top-cart-content:after {
|
|
||||||
border-bottom: 8px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.goods-data a,
|
|
||||||
.checkout-page .checkout-description a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.product-page .review a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
||||||
background: #44b1c1;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.list-view-sorting a {
|
|
||||||
background: #fff;
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
color: #fff;
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.steps-block ::-moz-selection {
|
|
||||||
color: #44b1c1;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.steps-block ::selection {
|
|
||||||
color: #44b1c1;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.owl-buttons .owl-prev:hover {
|
|
||||||
background-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.owl-buttons .owl-next:hover {
|
|
||||||
background-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.steps-block-red {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.pre-footer .photo-stream img:hover {
|
|
||||||
border-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.pre-footer-light dl.f-twitter dd a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.pre-footer-light address a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .left-btn:hover {
|
|
||||||
background-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.testimonials-v1 .right-btn:hover {
|
|
||||||
background-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-tags li i,
|
|
||||||
.blog-info li i {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-posts .more,
|
|
||||||
.blog-sidebar .more {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.recent-news h3 a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-photo-stream li img:hover {
|
|
||||||
border-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-tags li a:hover:after {
|
|
||||||
border-left-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.sidebar-categories li > a:hover,
|
|
||||||
.sidebar-categories li.active > a,
|
|
||||||
.sidebar-categories li.active:hover > a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-item blockquote {
|
|
||||||
border-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.blog-item h4.media-heading span a {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1 {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.pricing-active {
|
|
||||||
border: 3px solid #44b1c1;
|
|
||||||
box-shadow: 7px 7px rgba(68, 177, 193, 0.2);
|
|
||||||
}
|
|
||||||
.pricing:hover {
|
|
||||||
border: 3px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.pricing:hover h4 {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.pricing-head h3 {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.pricing-head-active h4 {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.pricing-content li i {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.top-cart-block .fa-shopping-cart {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.product-item .btn:hover {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.pi-price {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.product-item .add2cart:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
background: #44b1c1 !important;
|
|
||||||
border-color: #44b1c1;
|
|
||||||
}
|
|
||||||
.goods-page-price strong,
|
|
||||||
.goods-page-total strong,
|
|
||||||
.checkout-price strong,
|
|
||||||
.checkout-total strong {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.shopping-total strong,
|
|
||||||
.checkout-total-block strong {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.compare-item strong {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.sidebar-products .price {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.price-availability-block .price strong {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.require {
|
|
||||||
color: #44b1c1;
|
|
||||||
}
|
|
||||||
.content-form-page .form-control:focus {
|
|
||||||
border: solid 1px #44b1c1;
|
|
||||||
}
|
|
||||||
.content-search input:focus {
|
|
||||||
border: solid 1px #44b1c1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:active {
|
|
||||||
background: #44b1c1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navigation .dropdown-menu > li:first-child {
|
|
||||||
border-top: 2px solid #44b1c1;
|
|
||||||
}
|
|
||||||
.front-steps-wrapper .front-step1:after {
|
|
||||||
border-left: 15px solid #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.del-goods:hover,
|
|
||||||
.add-goods:hover {
|
|
||||||
background-color: #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar a:hover > .fa-angle-down {
|
|
||||||
background-position: -55px 0;
|
|
||||||
}
|
|
||||||
.sidebar .collapsed:hover > .fa-angle-down {
|
|
||||||
background-position: -55px -37px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-cart-content {
|
|
||||||
border-top: solid 2px #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.front-skills .progress-bar {
|
|
||||||
background: #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-box-v1:hover {
|
|
||||||
background: #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .mobi-toggler:hover {
|
|
||||||
background-color: #69C0CD;
|
|
||||||
border-color: #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.header .header-navigation li > a:hover,
|
|
||||||
.header .header-navigation li.active > a,
|
|
||||||
.header .header-navigation li.open > a:hover {
|
|
||||||
color: #69C0CD !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.faq-tabbable {
|
|
||||||
border-left: solid 2px #69C0CD;
|
|
||||||
}
|
|
||||||
.faq-tabbable li:hover a,
|
|
||||||
.faq-tabbable li.active a{
|
|
||||||
background: #69C0CD;
|
|
||||||
}
|
|
||||||
.faq-tabbable li.active:after {
|
|
||||||
border-left: 6px solid #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mix-filter li:hover, .mix-filter li.active {
|
|
||||||
background: #69C0CD;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.mix-grid .mix .mix-details {
|
|
||||||
background: #69C0CD;
|
|
||||||
}
|
|
||||||
.mix-grid .mix a.mix-link,
|
|
||||||
.mix-grid .mix a.mix-preview {
|
|
||||||
background: #1adbd2;
|
|
||||||
}
|
|
||||||
.langs-block-others {
|
|
||||||
border-top: solid 2px #69C0CD;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brands .owl-buttons .owl-prev:hover {
|
|
||||||
background-position: 18px -646px;
|
|
||||||
}
|
|
||||||
.brands .owl-buttons .owl-next:hover {
|
|
||||||
background-position: -249px -646px;
|
|
||||||
}
|
|
||||||
.header-navigation ul > li.active > a/*,
|
|
||||||
.ecommerce .header-navigation ul > li.active > a*/ {
|
|
||||||
border-bottom: 2px solid #69C0CD;
|
|
||||||
}
|
|
@ -1,7 +0,0 @@
|
|||||||
# Auto detect text files and perform LF normalization
|
|
||||||
* text=auto
|
|
||||||
|
|
||||||
# Denote all files that are truly binary and should not be modified.
|
|
||||||
*.png binary
|
|
||||||
*.jpg binary
|
|
||||||
*.gif binary
|
|
@ -1,115 +0,0 @@
|
|||||||
fancyBox - Changelog
|
|
||||||
=========
|
|
||||||
|
|
||||||
### Version 2.1.3 - October 23, 2012
|
|
||||||
|
|
||||||
* Fixed #426 - Broken IE7
|
|
||||||
* Fixed #423 - Background flickering on iOS
|
|
||||||
* Fixed #418 - Automatically Grow/Shrink and Center
|
|
||||||
* Updated the script to work with jQuery 1.6
|
|
||||||
* Media helper supports YouTube video series
|
|
||||||
|
|
||||||
### Version 2.1.2 - October 15, 2012
|
|
||||||
|
|
||||||
* Fixed #414 - Don't allow nextClick if there is only one item
|
|
||||||
* Fixed #397 - Button helper 'Menu' not visible in IE7
|
|
||||||
* Overlay can be opened/closed manually:
|
|
||||||
* $.fancybox.helpers.overlay.open();
|
|
||||||
* $.fancybox.helpers.overlay.open({closeClick : false});
|
|
||||||
* $.fancybox.helpers.overlay.close();
|
|
||||||
* Optimized for Internet Explorer 10 (Windows 8)
|
|
||||||
|
|
||||||
### Version 2.1.1 - October 01, 2012
|
|
||||||
|
|
||||||
* Fixed #357 - Converting values like 'auto' in getScalar()
|
|
||||||
* Fixed #358 - Updated overlay background image
|
|
||||||
* New "fancybox-href" and "fancybox-title" HTML5 data-attributes (#317)
|
|
||||||
* Improved helpers:
|
|
||||||
* - now they can have a property 'defaults' that contains default settings
|
|
||||||
* - updated vimeo and youtube parsers for media helper
|
|
||||||
* Content locking now can be turned off
|
|
||||||
|
|
||||||
### Version 2.1.0 - August 20, 2012
|
|
||||||
|
|
||||||
* Fixed #103 - DOM element re-injection after closing
|
|
||||||
* Fixed #188 - navigation keys inside editable content
|
|
||||||
* New animation directions (see https://github.com/fancyapps/fancyBox/issues/233#issuecomment-5512453)
|
|
||||||
* New option "iframe" - it is now possible to separate scrolling for iframe and wrapping element; choose to preload
|
|
||||||
* New option "swf" - brings back functionality from fancyBox v1
|
|
||||||
* Improved media helper - better support for vimeo and youtube; links are now configurable
|
|
||||||
* Rewritten overlay helper:
|
|
||||||
* - new option "showEarly" - toggles if should be open before of after content is loaded
|
|
||||||
* - Facebook-style (https://github.com/fancyapps/fancyBox/issues/24) and therefore uses image for background
|
|
||||||
* Option "padding" accepts array (e.g., padding: [15, 50, 10, 5])
|
|
||||||
* One of dimensions (width or height) can now be set to "auto" (option "autoSize" needs to be "false")
|
|
||||||
* Updated callbacks:
|
|
||||||
* - "beforeClose" is now called only once
|
|
||||||
* - "afterLoad" receives current and previous object as arguments
|
|
||||||
* Method "$.fancybox.update();" recalculates content width/height
|
|
||||||
* Updated to work with jQuery v1.8
|
|
||||||
|
|
||||||
### Version 2.0.6 - April 16, 2012
|
|
||||||
|
|
||||||
* Fixed #188 - keystrokes in contenteditable
|
|
||||||
* Fixed #171 - non-images should not be preloaded
|
|
||||||
* Fixed #158 - 'closeClick: true' breaks gallery navigation
|
|
||||||
* New "media" helper - detects and displays various media types
|
|
||||||
* New option "groupAttr" - name of group selector attribute, default is "data-fancybox-group"
|
|
||||||
* New feature - selector expressions in URLs, see #170
|
|
||||||
* Improved 'overlay' helper to use "position: fixed"
|
|
||||||
* Improved autoSize, fixed wrong height in some cases
|
|
||||||
* Improved centering and iframe scrolling for iOS
|
|
||||||
* Updated markup, new element '.fancybox-skin' is now used for styling
|
|
||||||
|
|
||||||
### Version 2.0.5 - February 21, 2012
|
|
||||||
|
|
||||||
* Fixed #155 - easing for prev/next animations
|
|
||||||
* Fixed #153 - overriding "keys" options
|
|
||||||
* Fixed #147 - IE7 problem with #hash links
|
|
||||||
* Fixed #130 - changing dynamically data-fancybox-group
|
|
||||||
* Fixed #126 - obey minWidth/minHeight
|
|
||||||
* Fixed #118 - placement of loading icon and navigation arrows
|
|
||||||
* Fixed #101 - "index" option not working
|
|
||||||
* Fixed #94 - "orig" option not working
|
|
||||||
* Fixed #80 - does not work on IE6
|
|
||||||
* Fixed #72 - can't set overlay opacity to 0
|
|
||||||
* Fixed #63 - properly set gallery index
|
|
||||||
* New option "autoCenter" - toggles centering on window resize or scroll, disabled for mobile devices by default
|
|
||||||
* New option "autoResize" - toggles responsivity, disabled for mobile devices by default
|
|
||||||
* New option "preload" - number of images to preload
|
|
||||||
* New feature to target mobile/desktop browsers using CSS, see #108
|
|
||||||
* Changed ajax option defaults to "{ dataType: 'html', headers: { 'X-fancyBox': true } }", see #150 and #128
|
|
||||||
* Updated loading icon for IE7, IE8
|
|
||||||
* Calculates height of the iframe if 'autoSize' is set to 'true' and the iframe is on the same domain as the main page
|
|
||||||
|
|
||||||
### Version 2.0.4 - December 12, 2011
|
|
||||||
|
|
||||||
* Fixed #47 - fix overriding properties
|
|
||||||
* New option "position" to thumbnail and button helpers
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.3 - November 29, 2011
|
|
||||||
|
|
||||||
* Fixed #29 - broken elastic transitions
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.2 - November 28, 2011
|
|
||||||
|
|
||||||
* Fixed slideshow
|
|
||||||
* Fixed scrollbars issue when displayed a very tall image
|
|
||||||
* New option "nextClick" - navigate to next gallery item when user clicks the content
|
|
||||||
* New option "modal" - to disable navigation and closing
|
|
||||||
* Add 'metadata' plugin support
|
|
||||||
* Add ability to create groups using 'data-fancybox-group' attribute
|
|
||||||
* Updated manual usage to match earlier releases
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.1 - November 23, 2011
|
|
||||||
|
|
||||||
* Fixed keyboard events inside form elements
|
|
||||||
* Fixed manual usage
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.0 - November 21, 2011
|
|
||||||
|
|
||||||
First release - completely rewritten, many new features and updated graphics.
|
|
@ -1,115 +0,0 @@
|
|||||||
fancyBox - Changelog
|
|
||||||
=========
|
|
||||||
|
|
||||||
### Version 2.1.3 - October 23, 2012
|
|
||||||
|
|
||||||
* Fixed #426 - Broken IE7
|
|
||||||
* Fixed #423 - Background flickering on iOS
|
|
||||||
* Fixed #418 - Automatically Grow/Shrink and Center
|
|
||||||
* Updated the script to work with jQuery 1.6
|
|
||||||
* Media helper supports YouTube video series
|
|
||||||
|
|
||||||
### Version 2.1.2 - October 15, 2012
|
|
||||||
|
|
||||||
* Fixed #414 - Don't allow nextClick if there is only one item
|
|
||||||
* Fixed #397 - Button helper 'Menu' not visible in IE7
|
|
||||||
* Overlay can be opened/closed manually:
|
|
||||||
* $.fancybox.helpers.overlay.open();
|
|
||||||
* $.fancybox.helpers.overlay.open({closeClick : false});
|
|
||||||
* $.fancybox.helpers.overlay.close();
|
|
||||||
* Optimized for Internet Explorer 10 (Windows 8)
|
|
||||||
|
|
||||||
### Version 2.1.1 - October 01, 2012
|
|
||||||
|
|
||||||
* Fixed #357 - Converting values like 'auto' in getScalar()
|
|
||||||
* Fixed #358 - Updated overlay background image
|
|
||||||
* New "fancybox-href" and "fancybox-title" HTML5 data-attributes (#317)
|
|
||||||
* Improved helpers:
|
|
||||||
* - now they can have a property 'defaults' that contains default settings
|
|
||||||
* - updated vimeo and youtube parsers for media helper
|
|
||||||
* Content locking now can be turned off
|
|
||||||
|
|
||||||
### Version 2.1.0 - August 20, 2012
|
|
||||||
|
|
||||||
* Fixed #103 - DOM element re-injection after closing
|
|
||||||
* Fixed #188 - navigation keys inside editable content
|
|
||||||
* New animation directions (see https://github.com/fancyapps/fancyBox/issues/233#issuecomment-5512453)
|
|
||||||
* New option "iframe" - it is now possible to separate scrolling for iframe and wrapping element; choose to preload
|
|
||||||
* New option "swf" - brings back functionality from fancyBox v1
|
|
||||||
* Improved media helper - better support for vimeo and youtube; links are now configurable
|
|
||||||
* Rewritten overlay helper:
|
|
||||||
* - new option "showEarly" - toggles if should be open before of after content is loaded
|
|
||||||
* - Facebook-style (https://github.com/fancyapps/fancyBox/issues/24) and therefore uses image for background
|
|
||||||
* Option "padding" accepts array (e.g., padding: [15, 50, 10, 5])
|
|
||||||
* One of dimensions (width or height) can now be set to "auto" (option "autoSize" needs to be "false")
|
|
||||||
* Updated callbacks:
|
|
||||||
* - "beforeClose" is now called only once
|
|
||||||
* - "afterLoad" receives current and previous object as arguments
|
|
||||||
* Method "$.fancybox.update();" recalculates content width/height
|
|
||||||
* Updated to work with jQuery v1.8
|
|
||||||
|
|
||||||
### Version 2.0.6 - April 16, 2012
|
|
||||||
|
|
||||||
* Fixed #188 - keystrokes in contenteditable
|
|
||||||
* Fixed #171 - non-images should not be preloaded
|
|
||||||
* Fixed #158 - 'closeClick: true' breaks gallery navigation
|
|
||||||
* New "media" helper - detects and displays various media types
|
|
||||||
* New option "groupAttr" - name of group selector attribute, default is "data-fancybox-group"
|
|
||||||
* New feature - selector expressions in URLs, see #170
|
|
||||||
* Improved 'overlay' helper to use "position: fixed"
|
|
||||||
* Improved autoSize, fixed wrong height in some cases
|
|
||||||
* Improved centering and iframe scrolling for iOS
|
|
||||||
* Updated markup, new element '.fancybox-skin' is now used for styling
|
|
||||||
|
|
||||||
### Version 2.0.5 - February 21, 2012
|
|
||||||
|
|
||||||
* Fixed #155 - easing for prev/next animations
|
|
||||||
* Fixed #153 - overriding "keys" options
|
|
||||||
* Fixed #147 - IE7 problem with #hash links
|
|
||||||
* Fixed #130 - changing dynamically data-fancybox-group
|
|
||||||
* Fixed #126 - obey minWidth/minHeight
|
|
||||||
* Fixed #118 - placement of loading icon and navigation arrows
|
|
||||||
* Fixed #101 - "index" option not working
|
|
||||||
* Fixed #94 - "orig" option not working
|
|
||||||
* Fixed #80 - does not work on IE6
|
|
||||||
* Fixed #72 - can't set overlay opacity to 0
|
|
||||||
* Fixed #63 - properly set gallery index
|
|
||||||
* New option "autoCenter" - toggles centering on window resize or scroll, disabled for mobile devices by default
|
|
||||||
* New option "autoResize" - toggles responsivity, disabled for mobile devices by default
|
|
||||||
* New option "preload" - number of images to preload
|
|
||||||
* New feature to target mobile/desktop browsers using CSS, see #108
|
|
||||||
* Changed ajax option defaults to "{ dataType: 'html', headers: { 'X-fancyBox': true } }", see #150 and #128
|
|
||||||
* Updated loading icon for IE7, IE8
|
|
||||||
* Calculates height of the iframe if 'autoSize' is set to 'true' and the iframe is on the same domain as the main page
|
|
||||||
|
|
||||||
### Version 2.0.4 - December 12, 2011
|
|
||||||
|
|
||||||
* Fixed #47 - fix overriding properties
|
|
||||||
* New option "position" to thumbnail and button helpers
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.3 - November 29, 2011
|
|
||||||
|
|
||||||
* Fixed #29 - broken elastic transitions
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.2 - November 28, 2011
|
|
||||||
|
|
||||||
* Fixed slideshow
|
|
||||||
* Fixed scrollbars issue when displayed a very tall image
|
|
||||||
* New option "nextClick" - navigate to next gallery item when user clicks the content
|
|
||||||
* New option "modal" - to disable navigation and closing
|
|
||||||
* Add 'metadata' plugin support
|
|
||||||
* Add ability to create groups using 'data-fancybox-group' attribute
|
|
||||||
* Updated manual usage to match earlier releases
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.1 - November 23, 2011
|
|
||||||
|
|
||||||
* Fixed keyboard events inside form elements
|
|
||||||
* Fixed manual usage
|
|
||||||
|
|
||||||
|
|
||||||
### Version 2.0.0 - November 21, 2011
|
|
||||||
|
|
||||||
First release - completely rewritten, many new features and updated graphics.
|
|
@ -1,217 +0,0 @@
|
|||||||
fancyBox
|
|
||||||
========
|
|
||||||
|
|
||||||
fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
|
|
||||||
|
|
||||||
More information and examples: http://www.fancyapps.com/fancybox/
|
|
||||||
|
|
||||||
License: http://www.fancyapps.com/fancybox/#license
|
|
||||||
|
|
||||||
Copyright (c) 2012 Janis Skarnelis - janis@fancyapps.com
|
|
||||||
|
|
||||||
|
|
||||||
How to use
|
|
||||||
----------
|
|
||||||
|
|
||||||
To get started, download the plugin, unzip it and copy files to your website/application directory.
|
|
||||||
Load files in the <head> section of your HTML document. Make sure you also add the jQuery library.
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
||||||
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
|
|
||||||
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
Create your links with a `title` if you want a title to be shown, and add a class:
|
|
||||||
|
|
||||||
<a href="large_image.jpg" class="fancybox" title="Sample title"><img src="small_image.jpg" /></a>
|
|
||||||
|
|
||||||
If you have a set of related items that you would like to group,
|
|
||||||
additionally include a group name in the `rel` (or `data-fancybox-group`) attribute:
|
|
||||||
|
|
||||||
<a href="large_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_1.jpg" /></a>
|
|
||||||
<a href="large_2.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_2.jpg" /></a>
|
|
||||||
|
|
||||||
Initialise the script like this:
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.fancybox').fancybox();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
May also be passed an optional options object which will extend the default values. Example:
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.fancybox').fancybox({
|
|
||||||
padding : 0,
|
|
||||||
openEffect : 'elastic'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
Tip: Automatically group and apply fancyBox to all images:
|
|
||||||
|
|
||||||
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox();
|
|
||||||
|
|
||||||
Script uses the `href` attribute of the matched elements to obtain the location of the content and to figure out content type you want to display.
|
|
||||||
You can specify type directly by adding classname (fancybox.image, fancybox.iframe, etc) or `data-fancybox-type` attribute:
|
|
||||||
|
|
||||||
//Ajax:
|
|
||||||
<a href="/example.html" class="fancybox fancybox.ajax">Example</a>
|
|
||||||
//or
|
|
||||||
<a href="/example.html" class="fancybox" data-fancybox-type="ajax">Example</a>
|
|
||||||
|
|
||||||
//Iframe:
|
|
||||||
<a href="example.html" class="fancybox fancybox.iframe">Example</a>
|
|
||||||
|
|
||||||
//Inline (will display an element with `id="example"`)
|
|
||||||
<a href="#example" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
//SWF:
|
|
||||||
<a href="example.swf" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
//Image:
|
|
||||||
<a href="example.jpg" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
Note, ajax requests are subject to the [same origin policy](http://en.wikipedia.org/wiki/Same_origin_policy).
|
|
||||||
If fancyBox will not be able to get content type, it will try to guess based on 'href' and will quit silently if would not succeed.
|
|
||||||
(this is different from previsous versions where 'ajax' was used as default type or an error message was displayed).
|
|
||||||
|
|
||||||
Advanced
|
|
||||||
--------
|
|
||||||
|
|
||||||
### Helpers
|
|
||||||
|
|
||||||
Helpers provide a simple mechanism to extend the capabilities of fancyBox. There are two built-in helpers - 'overlay' and 'title'.
|
|
||||||
You can disable them, set custom options or enable other helpers. Examples:
|
|
||||||
|
|
||||||
//Disable title helper
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
title: null
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Disable overlay helper
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
overlay : null
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Change title position and overlay color
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
title : {
|
|
||||||
type : 'inside'
|
|
||||||
},
|
|
||||||
overlay : {
|
|
||||||
css : {
|
|
||||||
'background' : 'rgba(255,255,255,0.5)'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Enable thumbnail helper and set custom options
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
thumbs : {
|
|
||||||
width: 50,
|
|
||||||
height: 50
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
### API
|
|
||||||
|
|
||||||
Also available are event driven callback methods. The `this` keyword refers to the current or upcoming object (depends on callback method). Here is how you can change title:
|
|
||||||
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
beforeLoad : function() {
|
|
||||||
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
|
||||||
|
|
||||||
/*
|
|
||||||
"this.element" refers to current element, so you can, for example, use the "alt" attribute of the image to store the title:
|
|
||||||
this.title = $(this.element).find('img').attr('alt');
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
It`s possible to open fancyBox programmatically in various ways:
|
|
||||||
|
|
||||||
//HTML content:
|
|
||||||
$.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//DOM element:
|
|
||||||
$.fancybox( $("#inline"), {
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//Custom object:
|
|
||||||
$.fancybox({
|
|
||||||
href: 'example.jpg',
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//Array of objects:
|
|
||||||
$.fancybox([
|
|
||||||
{
|
|
||||||
href: 'example1.jpg',
|
|
||||||
title : 'Custom Title 1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
href: 'example2.jpg',
|
|
||||||
title : 'Custom Title 2'
|
|
||||||
}
|
|
||||||
], {
|
|
||||||
padding: 0
|
|
||||||
});
|
|
||||||
|
|
||||||
There are several methods that allow you to interact with and manipulate fancyBox, example:
|
|
||||||
|
|
||||||
//Close fancybox:
|
|
||||||
$.fancybox.close();
|
|
||||||
|
|
||||||
There is a simply way to access wrapping elements using JS:
|
|
||||||
|
|
||||||
$.fancybox.wrap
|
|
||||||
$.fancybox.skin
|
|
||||||
$.fancybox.outer
|
|
||||||
$.fancybox.inner
|
|
||||||
|
|
||||||
You can override CSS to customize the look. For example, make navigation arrows always visible,
|
|
||||||
change width and move them outside of area (use this snippet after including fancybox.css):
|
|
||||||
|
|
||||||
.fancybox-nav span {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev {
|
|
||||||
left: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next {
|
|
||||||
right: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
In that case, you might want to increase space around box:
|
|
||||||
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
margin : [20, 60, 20, 60]
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
Bug tracker
|
|
||||||
-----------
|
|
||||||
|
|
||||||
Have a bug? Please create an issue on GitHub at https://github.com/fancyapps/fancyBox/issues
|
|
@ -1,217 +0,0 @@
|
|||||||
fancyBox
|
|
||||||
========
|
|
||||||
|
|
||||||
fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
|
|
||||||
|
|
||||||
More information and examples: http://www.fancyapps.com/fancybox/
|
|
||||||
|
|
||||||
License: http://www.fancyapps.com/fancybox/#license
|
|
||||||
|
|
||||||
Copyright (c) 2012 Janis Skarnelis - janis@fancyapps.com
|
|
||||||
|
|
||||||
|
|
||||||
How to use
|
|
||||||
----------
|
|
||||||
|
|
||||||
To get started, download the plugin, unzip it and copy files to your website/application directory.
|
|
||||||
Load files in the <head> section of your HTML document. Make sure you also add the jQuery library.
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
||||||
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
|
|
||||||
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
Create your links with a `title` if you want a title to be shown, and add a class:
|
|
||||||
|
|
||||||
<a href="large_image.jpg" class="fancybox" title="Sample title"><img src="small_image.jpg" /></a>
|
|
||||||
|
|
||||||
If you have a set of related items that you would like to group,
|
|
||||||
additionally include a group name in the `rel` (or `data-fancybox-group`) attribute:
|
|
||||||
|
|
||||||
<a href="large_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_1.jpg" /></a>
|
|
||||||
<a href="large_2.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_2.jpg" /></a>
|
|
||||||
|
|
||||||
Initialise the script like this:
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.fancybox').fancybox();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
May also be passed an optional options object which will extend the default values. Example:
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.fancybox').fancybox({
|
|
||||||
padding : 0,
|
|
||||||
openEffect : 'elastic'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
Tip: Automatically group and apply fancyBox to all images:
|
|
||||||
|
|
||||||
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox();
|
|
||||||
|
|
||||||
Script uses the `href` attribute of the matched elements to obtain the location of the content and to figure out content type you want to display.
|
|
||||||
You can specify type directly by adding classname (fancybox.image, fancybox.iframe, etc) or `data-fancybox-type` attribute:
|
|
||||||
|
|
||||||
//Ajax:
|
|
||||||
<a href="/example.html" class="fancybox fancybox.ajax">Example</a>
|
|
||||||
//or
|
|
||||||
<a href="/example.html" class="fancybox" data-fancybox-type="ajax">Example</a>
|
|
||||||
|
|
||||||
//Iframe:
|
|
||||||
<a href="example.html" class="fancybox fancybox.iframe">Example</a>
|
|
||||||
|
|
||||||
//Inline (will display an element with `id="example"`)
|
|
||||||
<a href="#example" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
//SWF:
|
|
||||||
<a href="example.swf" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
//Image:
|
|
||||||
<a href="example.jpg" class="fancybox">Example</a>
|
|
||||||
|
|
||||||
Note, ajax requests are subject to the [same origin policy](http://en.wikipedia.org/wiki/Same_origin_policy).
|
|
||||||
If fancyBox will not be able to get content type, it will try to guess based on 'href' and will quit silently if would not succeed.
|
|
||||||
(this is different from previsous versions where 'ajax' was used as default type or an error message was displayed).
|
|
||||||
|
|
||||||
Advanced
|
|
||||||
--------
|
|
||||||
|
|
||||||
### Helpers
|
|
||||||
|
|
||||||
Helpers provide a simple mechanism to extend the capabilities of fancyBox. There are two built-in helpers - 'overlay' and 'title'.
|
|
||||||
You can disable them, set custom options or enable other helpers. Examples:
|
|
||||||
|
|
||||||
//Disable title helper
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
title: null
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Disable overlay helper
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
overlay : null
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Change title position and overlay color
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
title : {
|
|
||||||
type : 'inside'
|
|
||||||
},
|
|
||||||
overlay : {
|
|
||||||
css : {
|
|
||||||
'background' : 'rgba(255,255,255,0.5)'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Enable thumbnail helper and set custom options
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
helpers: {
|
|
||||||
thumbs : {
|
|
||||||
width: 50,
|
|
||||||
height: 50
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
### API
|
|
||||||
|
|
||||||
Also available are event driven callback methods. The `this` keyword refers to the current or upcoming object (depends on callback method). Here is how you can change title:
|
|
||||||
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
beforeLoad : function() {
|
|
||||||
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
|
||||||
|
|
||||||
/*
|
|
||||||
"this.element" refers to current element, so you can, for example, use the "alt" attribute of the image to store the title:
|
|
||||||
this.title = $(this.element).find('img').attr('alt');
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
It`s possible to open fancyBox programmatically in various ways:
|
|
||||||
|
|
||||||
//HTML content:
|
|
||||||
$.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//DOM element:
|
|
||||||
$.fancybox( $("#inline"), {
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//Custom object:
|
|
||||||
$.fancybox({
|
|
||||||
href: 'example.jpg',
|
|
||||||
title : 'Custom Title'
|
|
||||||
});
|
|
||||||
|
|
||||||
//Array of objects:
|
|
||||||
$.fancybox([
|
|
||||||
{
|
|
||||||
href: 'example1.jpg',
|
|
||||||
title : 'Custom Title 1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
href: 'example2.jpg',
|
|
||||||
title : 'Custom Title 2'
|
|
||||||
}
|
|
||||||
], {
|
|
||||||
padding: 0
|
|
||||||
});
|
|
||||||
|
|
||||||
There are several methods that allow you to interact with and manipulate fancyBox, example:
|
|
||||||
|
|
||||||
//Close fancybox:
|
|
||||||
$.fancybox.close();
|
|
||||||
|
|
||||||
There is a simply way to access wrapping elements using JS:
|
|
||||||
|
|
||||||
$.fancybox.wrap
|
|
||||||
$.fancybox.skin
|
|
||||||
$.fancybox.outer
|
|
||||||
$.fancybox.inner
|
|
||||||
|
|
||||||
You can override CSS to customize the look. For example, make navigation arrows always visible,
|
|
||||||
change width and move them outside of area (use this snippet after including fancybox.css):
|
|
||||||
|
|
||||||
.fancybox-nav span {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev {
|
|
||||||
left: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next {
|
|
||||||
right: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
In that case, you might want to increase space around box:
|
|
||||||
|
|
||||||
$(".fancybox").fancybox({
|
|
||||||
margin : [20, 60, 20, 60]
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
Bug tracker
|
|
||||||
-----------
|
|
||||||
|
|
||||||
Have a bug? Please create an issue on GitHub at https://github.com/fancyapps/fancyBox/issues
|
|
Before Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 7.9 KiB |
Before Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 4.3 KiB |
@ -1,15 +0,0 @@
|
|||||||
<div style="max-width:700px;">
|
|
||||||
<h2>Lorem ipsum dolor sit amet3</h2>
|
|
||||||
<p>
|
|
||||||
<a href="javascript:jQuery.fancybox.close();">Close me</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum ante et sapien dignissim in viverra magna feugiat. Donec tempus ipsum nec neque dignissim quis eleifend eros gravida. Praesent nisi massa, sodales quis tincidunt ac, semper quis risus. In suscipit nisl sed leo aliquet consequat. Integer vitae augue in risus porttitor pellentesque eu eget odio. Fusce ut sagittis quam. Morbi aliquam interdum blandit. Integer pharetra tempor velit, aliquam dictum justo tempus sed. Morbi congue fringilla justo a feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis metus et nisl consectetur pharetra. Nam bibendum turpis eu metus luctus eu volutpat sem molestie. Nam sollicitudin porttitor lorem, ac ultricies est venenatis eu. Ut dignissim elit et orci feugiat ac placerat purus euismod. Ut mi lorem, cursus et sagittis elementum, luctus ac massa.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Phasellus et ligula vel diam ullamcorper volutpat. Integer rhoncus rhoncus aliquam. Aliquam erat volutpat. Aenean luctus vestibulum placerat. Quisque quam neque, lacinia aliquet eleifend ac, aliquet blandit felis. Curabitur porta ultricies dui, sit amet mattis quam euismod a. Ut eleifend scelerisque neque, sit amet accumsan odio consequat ut. Proin facilisis auctor elit sed accumsan. Cras dapibus nisl in nisi rhoncus laoreet. Nullam pellentesque tortor libero, eget facilisis ipsum. Donec ultricies tellus tellus, in tincidunt purus. Nullam in est aliquam velit scelerisque blandit. In tincidunt, magna a dapibus imperdiet, quam urna elementum leo, vitae rhoncus nisl velit cursus velit. In dignissim sem ac mauris rhoncus ornare.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Duis imperdiet velit vel quam malesuada suscipit imperdiet tellus hendrerit. Mauris vestibulum odio mauris, ut placerat leo. Mauris quis neque at tellus feugiat congue id non enim. Nam vehicula posuere nulla eget vehicula. Donec pretium purus nec ligula porta eu laoreet sapien venenatis. Nulla facilisi. Phasellus eget mi enim. Phasellus molestie tincidunt ultrices. Aenean id sem a tellus lobortis tincidunt. Nam laoreet nulla vel velit tincidunt ac rutrum libero malesuada. Nulla consequat dolor quis nisl tempor fermentum. Integer sodales pretium varius. Aenean a leo vitae odio dictum dignissim malesuada nec dolor. Phasellus adipiscing viverra est, ac sagittis libero sagittis quis. Sed interdum dapibus nunc et fringilla. Nunc vel velit et urna laoreet bibendum.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
@ -1,26 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>fancyBox - iframe demo</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>fancyBox - iframe demo</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="javascript:parent.jQuery.fancybox.close();">Close iframe parent</a>
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
||||||
<a href="javascript:parent.jQuery.fancybox.open({href : '1_b.jpg', title : 'My title'});">Change content</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque justo ac eros consectetur bibendum. In hac habitasse platea dictumst. Nulla aliquam turpis et tellus elementum luctus. Duis sit amet rhoncus velit. Duis nisl ligula, mattis interdum blandit laoreet, mattis id ante. Cras pulvinar lacus vitae nisi egestas non euismod neque bibendum. Vestibulum faucibus libero id ante molestie ultricies. Vestibulum quis nibh felis. Vestibulum libero nisl, vehicula vel ullamcorper sit amet, tristique sit amet augue. Etiam urna neque, porttitor sed sodales lacinia, posuere a nisl. Vestibulum blandit neque in sapien volutpat ac condimentum sapien auctor. Ut imperdiet venenatis ultricies. Phasellus accumsan, sem eu placerat commodo, felis purus commodo ipsum, sit amet vulputate orci est viverra est.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Aenean velit est, condimentum ut iaculis ut, accumsan at mi. Maecenas velit mi, venenatis ut condimentum at, ultrices vel tortor. Curabitur pharetra ornare dapibus. Ut volutpat cursus semper. In hac habitasse platea dictumst. Donec eu iaculis ipsum. Morbi eu dolor velit, a semper nunc.
|
|
||||||
</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,307 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
||||||
|
|
||||||
<!-- Add jQuery library -->
|
|
||||||
<script type="text/javascript" src="../lib/jquery-1.8.2.min.js"></script>
|
|
||||||
|
|
||||||
<!-- Add mousewheel plugin (this is optional) -->
|
|
||||||
<script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>
|
|
||||||
|
|
||||||
<!-- Add fancyBox main JS and CSS files -->
|
|
||||||
<script type="text/javascript" src="../source/jquery.fancybox.js?v=2.1.3"></script>
|
|
||||||
<link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.1.2" media="screen" />
|
|
||||||
|
|
||||||
<!-- Add Button helper (this is optional) -->
|
|
||||||
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
|
|
||||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
|
|
||||||
|
|
||||||
<!-- Add Thumbnail helper (this is optional) -->
|
|
||||||
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
|
|
||||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
|
|
||||||
|
|
||||||
<!-- Add Media helper (this is optional) -->
|
|
||||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(document).ready(function() {
|
|
||||||
/*
|
|
||||||
* Simple image gallery. Uses default settings
|
|
||||||
*/
|
|
||||||
|
|
||||||
$('.fancybox').fancybox();
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Different effects
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Change title type, overlay closing speed
|
|
||||||
$(".fancybox-effects-a").fancybox({
|
|
||||||
helpers: {
|
|
||||||
title : {
|
|
||||||
type : 'outside'
|
|
||||||
},
|
|
||||||
overlay : {
|
|
||||||
speedOut : 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Disable opening and closing animations, change title type
|
|
||||||
$(".fancybox-effects-b").fancybox({
|
|
||||||
openEffect : 'none',
|
|
||||||
closeEffect : 'none',
|
|
||||||
|
|
||||||
helpers : {
|
|
||||||
title : {
|
|
||||||
type : 'over'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Set custom style, close if clicked, change title type and overlay color
|
|
||||||
$(".fancybox-effects-c").fancybox({
|
|
||||||
wrapCSS : 'fancybox-custom',
|
|
||||||
closeClick : true,
|
|
||||||
|
|
||||||
openEffect : 'none',
|
|
||||||
|
|
||||||
helpers : {
|
|
||||||
title : {
|
|
||||||
type : 'inside'
|
|
||||||
},
|
|
||||||
overlay : {
|
|
||||||
css : {
|
|
||||||
'background' : 'rgba(238,238,238,0.85)'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Remove padding, set opening and closing animations, close if clicked and disable overlay
|
|
||||||
$(".fancybox-effects-d").fancybox({
|
|
||||||
padding: 0,
|
|
||||||
|
|
||||||
openEffect : 'elastic',
|
|
||||||
openSpeed : 150,
|
|
||||||
|
|
||||||
closeEffect : 'elastic',
|
|
||||||
closeSpeed : 150,
|
|
||||||
|
|
||||||
closeClick : true,
|
|
||||||
|
|
||||||
helpers : {
|
|
||||||
overlay : null
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Button helper. Disable animations, hide close button, change title type and content
|
|
||||||
*/
|
|
||||||
|
|
||||||
$('.fancybox-buttons').fancybox({
|
|
||||||
openEffect : 'none',
|
|
||||||
closeEffect : 'none',
|
|
||||||
|
|
||||||
prevEffect : 'none',
|
|
||||||
nextEffect : 'none',
|
|
||||||
|
|
||||||
closeBtn : false,
|
|
||||||
|
|
||||||
helpers : {
|
|
||||||
title : {
|
|
||||||
type : 'inside'
|
|
||||||
},
|
|
||||||
buttons : {}
|
|
||||||
},
|
|
||||||
|
|
||||||
afterLoad : function() {
|
|
||||||
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
|
|
||||||
*/
|
|
||||||
|
|
||||||
$('.fancybox-thumbs').fancybox({
|
|
||||||
prevEffect : 'none',
|
|
||||||
nextEffect : 'none',
|
|
||||||
|
|
||||||
closeBtn : false,
|
|
||||||
arrows : false,
|
|
||||||
nextClick : true,
|
|
||||||
|
|
||||||
helpers : {
|
|
||||||
thumbs : {
|
|
||||||
width : 50,
|
|
||||||
height : 50
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
|
|
||||||
*/
|
|
||||||
$('.fancybox-media')
|
|
||||||
.attr('rel', 'media-gallery')
|
|
||||||
.fancybox({
|
|
||||||
openEffect : 'none',
|
|
||||||
closeEffect : 'none',
|
|
||||||
prevEffect : 'none',
|
|
||||||
nextEffect : 'none',
|
|
||||||
|
|
||||||
arrows : false,
|
|
||||||
helpers : {
|
|
||||||
media : {},
|
|
||||||
buttons : {}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Open manually
|
|
||||||
*/
|
|
||||||
|
|
||||||
$("#fancybox-manual-a").click(function() {
|
|
||||||
$.fancybox.open('1_b.jpg');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#fancybox-manual-b").click(function() {
|
|
||||||
$.fancybox.open({
|
|
||||||
href : 'iframe.html',
|
|
||||||
type : 'iframe',
|
|
||||||
padding : 5
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#fancybox-manual-c").click(function() {
|
|
||||||
$.fancybox.open([
|
|
||||||
{
|
|
||||||
href : '1_b.jpg',
|
|
||||||
title : 'My title'
|
|
||||||
}, {
|
|
||||||
href : '2_b.jpg',
|
|
||||||
title : '2nd title'
|
|
||||||
}, {
|
|
||||||
href : '3_b.jpg'
|
|
||||||
}
|
|
||||||
], {
|
|
||||||
helpers : {
|
|
||||||
thumbs : {
|
|
||||||
width: 75,
|
|
||||||
height: 50
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
.fancybox-custom .fancybox-skin {
|
|
||||||
box-shadow: 0 0 50px #222;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>fancyBox</h1>
|
|
||||||
|
|
||||||
<p>This is a demonstration. More information and examples: <a href="http://fancyapps.com/fancybox/">www.fancyapps.com/fancybox/</a></p>
|
|
||||||
|
|
||||||
<h3>Simple image gallery</h3>
|
|
||||||
<p>
|
|
||||||
<a class="fancybox" href="1_b.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="1_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox" href="2_b.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="2_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox" href="3_b.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="3_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox" href="4_b.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="4_s.jpg" alt="" /></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Different effects</h3>
|
|
||||||
<p>
|
|
||||||
<a class="fancybox-effects-a" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-effects-b" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-effects-c" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-effects-d" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Various types</h3>
|
|
||||||
<p>
|
|
||||||
fancyBox will try to guess content type from href attribute but you can specify it directly by adding classname (fancybox.image, fancybox.iframe, etc).
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li><a class="fancybox" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a></li>
|
|
||||||
<li><a class="fancybox fancybox.ajax" href="ajax.txt">Ajax</a></li>
|
|
||||||
<li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li>
|
|
||||||
<li><a class="fancybox" href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">Swf</a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<div id="inline1" style="width:400px;display: none;">
|
|
||||||
<h3>Etiam quis mi eu elit</h3>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit amet, vestibulum sed nunc.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Ajax example will not run from your local computer and requires a server to run.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Button helper</h3>
|
|
||||||
<p>
|
|
||||||
<a class="fancybox-buttons" data-fancybox-group="button" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-buttons" data-fancybox-group="button" href="2_b.jpg"><img src="2_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-buttons" data-fancybox-group="button" href="3_b.jpg"><img src="3_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-buttons" data-fancybox-group="button" href="4_b.jpg"><img src="4_s.jpg" alt="" /></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Thumbnail helper</h3>
|
|
||||||
<p>
|
|
||||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="4_b.jpg"><img src="4_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="3_b.jpg"><img src="3_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="2_b.jpg"><img src="2_s.jpg" alt="" /></a>
|
|
||||||
|
|
||||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Media helper</h3>
|
|
||||||
<p>
|
|
||||||
Will not run from your local computer, requires a server to run.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://vimeo.com/25634903">Vimeo</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://www.metacafe.com/watch/7635964/">Metacafe</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://www.dailymotion.com/video/xoeylt_electric-guest-this-head-i-hold_music">Dailymotion</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://twitvid.com/QY7MD">Twitvid</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://twitpic.com/7p93st">Twitpic</a></li>
|
|
||||||
<li><a class="fancybox-media" href="http://instagr.am/p/IejkuUGxQn">Instagram</a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>Open manually</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a id="fancybox-manual-a" href="javascript:;">Open single item</a></li>
|
|
||||||
<li><a id="fancybox-manual-b" href="javascript:;">Open single item, custom options</a></li>
|
|
||||||
<li><a id="fancybox-manual-c" href="javascript:;">Open gallery</a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Photo Credit: Instagrammer @whitjohns
|
|
||||||
</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,13 +0,0 @@
|
|||||||
/*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
|
|
||||||
* Licensed under the MIT License (LICENSE.txt).
|
|
||||||
*
|
|
||||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
|
||||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
|
||||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
|
||||||
*
|
|
||||||
* Version: 3.0.6
|
|
||||||
*
|
|
||||||
* Requires: 1.2.2+
|
|
||||||
*/
|
|
||||||
(function(d){function e(a){var b=a||window.event,c=[].slice.call(arguments,1),f=0,e=0,g=0,a=d.event.fix(b);a.type="mousewheel";b.wheelDelta&&(f=b.wheelDelta/120);b.detail&&(f=-b.detail/3);g=f;b.axis!==void 0&&b.axis===b.HORIZONTAL_AXIS&&(g=0,e=-1*f);b.wheelDeltaY!==void 0&&(g=b.wheelDeltaY/120);b.wheelDeltaX!==void 0&&(e=-1*b.wheelDeltaX/120);c.unshift(a,f,e,g);return(d.event.dispatch||d.event.handle).apply(this,c)}var c=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks)for(var h=c.length;h;)d.event.fixHooks[c[--h]]=
|
|
||||||
d.event.mouseHooks;d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=c.length;a;)this.addEventListener(c[--a],e,false);else this.onmousewheel=e},teardown:function(){if(this.removeEventListener)for(var a=c.length;a;)this.removeEventListener(c[--a],e,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);
|
|
Before Width: | Height: | Size: 43 B |
Before Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 1003 B |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.1 KiB |
@ -1,96 +0,0 @@
|
|||||||
#fancybox-buttons {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons.top {
|
|
||||||
top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons.bottom {
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons ul {
|
|
||||||
display: block;
|
|
||||||
width: 166px;
|
|
||||||
height: 30px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
border: 1px solid #111;
|
|
||||||
border-radius: 3px;
|
|
||||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
background: rgb(50,50,50);
|
|
||||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
|
||||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons ul li {
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a {
|
|
||||||
display: block;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
text-indent: -9999px;
|
|
||||||
background-image: url('fancybox_buttons.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
outline: none;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPrev {
|
|
||||||
background-position: 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnNext {
|
|
||||||
background-position: -33px 0;
|
|
||||||
border-right: 1px solid #3e3e3e;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPlay {
|
|
||||||
background-position: 0 -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPlayOn {
|
|
||||||
background-position: -30px -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnToggle {
|
|
||||||
background-position: 3px -60px;
|
|
||||||
border-left: 1px solid #111;
|
|
||||||
border-right: 1px solid #3e3e3e;
|
|
||||||
width: 35px
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnToggleOn {
|
|
||||||
background-position: -27px -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnClose {
|
|
||||||
border-left: 1px solid #111;
|
|
||||||
width: 35px;
|
|
||||||
background-position: -56px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnDisabled {
|
|
||||||
opacity : 0.4;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
@ -1,121 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Buttons helper for fancyBox
|
|
||||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* buttons: {
|
|
||||||
* position : 'top'
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
(function ($) {
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox;
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.buttons = {
|
|
||||||
defaults : {
|
|
||||||
skipSingle : false, // disables if gallery contains single image
|
|
||||||
position : 'top', // 'top' or 'bottom'
|
|
||||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:jQuery.fancybox.close();"></a></li></ul></div>'
|
|
||||||
},
|
|
||||||
|
|
||||||
list : null,
|
|
||||||
buttons: null,
|
|
||||||
|
|
||||||
beforeLoad: function (opts, obj) {
|
|
||||||
//Remove self if gallery do not have at least two items
|
|
||||||
|
|
||||||
if (opts.skipSingle && obj.group.length < 2) {
|
|
||||||
obj.helpers.buttons = false;
|
|
||||||
obj.closeBtn = true;
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Increase top margin to give space for buttons
|
|
||||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
|
||||||
},
|
|
||||||
|
|
||||||
onPlayStart: function () {
|
|
||||||
if (this.buttons) {
|
|
||||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
onPlayEnd: function () {
|
|
||||||
if (this.buttons) {
|
|
||||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
afterShow: function (opts, obj) {
|
|
||||||
var buttons = this.buttons;
|
|
||||||
|
|
||||||
if (!buttons) {
|
|
||||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
|
||||||
|
|
||||||
buttons = {
|
|
||||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
|
||||||
next : this.list.find('.btnNext').click( F.next ),
|
|
||||||
play : this.list.find('.btnPlay').click( F.play ),
|
|
||||||
toggle : this.list.find('.btnToggle').click( F.toggle )
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Prev
|
|
||||||
if (obj.index > 0 || obj.loop) {
|
|
||||||
buttons.prev.removeClass('btnDisabled');
|
|
||||||
} else {
|
|
||||||
buttons.prev.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
//Next / Play
|
|
||||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
|
||||||
buttons.next.removeClass('btnDisabled');
|
|
||||||
buttons.play.removeClass('btnDisabled');
|
|
||||||
|
|
||||||
} else {
|
|
||||||
buttons.next.addClass('btnDisabled');
|
|
||||||
buttons.play.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
this.buttons = buttons;
|
|
||||||
|
|
||||||
this.onUpdate(opts, obj);
|
|
||||||
},
|
|
||||||
|
|
||||||
onUpdate: function (opts, obj) {
|
|
||||||
var toggle;
|
|
||||||
|
|
||||||
if (!this.buttons) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
|
||||||
|
|
||||||
//Size toggle button
|
|
||||||
if (obj.canShrink) {
|
|
||||||
toggle.addClass('btnToggleOn');
|
|
||||||
|
|
||||||
} else if (!obj.canExpand) {
|
|
||||||
toggle.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeClose: function () {
|
|
||||||
if (this.list) {
|
|
||||||
this.list.remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.list = null;
|
|
||||||
this.buttons = null;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}(jQuery));
|
|
@ -1,196 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Media helper for fancyBox
|
|
||||||
* version: 1.0.5 (Tue, 23 Oct 2012)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* media: true
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Set custom URL parameters:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* media: {
|
|
||||||
* youtube : {
|
|
||||||
* params : {
|
|
||||||
* autoplay : 0
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Or:
|
|
||||||
* $(".fancybox").fancybox({,
|
|
||||||
* helpers : {
|
|
||||||
* media: true
|
|
||||||
* },
|
|
||||||
* youtube : {
|
|
||||||
* autoplay: 0
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Supports:
|
|
||||||
*
|
|
||||||
* Youtube
|
|
||||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
|
||||||
* http://www.youtube.com/embed/opj24KnzrWo
|
|
||||||
* http://youtu.be/opj24KnzrWo
|
|
||||||
* Vimeo
|
|
||||||
* http://vimeo.com/40648169
|
|
||||||
* http://vimeo.com/channels/staffpicks/38843628
|
|
||||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
|
||||||
* http://player.vimeo.com/video/45074303
|
|
||||||
* Metacafe
|
|
||||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
|
||||||
* http://www.metacafe.com/watch/7635964/
|
|
||||||
* Dailymotion
|
|
||||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
|
||||||
* Twitvid
|
|
||||||
* http://twitvid.com/QY7MD
|
|
||||||
* Twitpic
|
|
||||||
* http://twitpic.com/7p93st
|
|
||||||
* Instagram
|
|
||||||
* http://instagr.am/p/IejkuUGxQn/
|
|
||||||
* http://instagram.com/p/IejkuUGxQn/
|
|
||||||
* Google maps
|
|
||||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
|
||||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
|
||||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
|
||||||
*/
|
|
||||||
(function ($) {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox,
|
|
||||||
format = function( url, rez, params ) {
|
|
||||||
params = params || '';
|
|
||||||
|
|
||||||
if ( $.type( params ) === "object" ) {
|
|
||||||
params = $.param(params, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
$.each(rez, function(key, value) {
|
|
||||||
url = url.replace( '$' + key, value || '' );
|
|
||||||
});
|
|
||||||
|
|
||||||
if (params.length) {
|
|
||||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
|
||||||
}
|
|
||||||
|
|
||||||
return url;
|
|
||||||
};
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.media = {
|
|
||||||
defaults : {
|
|
||||||
youtube : {
|
|
||||||
matcher : /(youtube\.com|youtu\.be)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
|
||||||
params : {
|
|
||||||
autoplay : 1,
|
|
||||||
autohide : 1,
|
|
||||||
fs : 1,
|
|
||||||
rel : 0,
|
|
||||||
hd : 1,
|
|
||||||
wmode : 'opaque',
|
|
||||||
enablejsapi : 1
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//www.youtube.com/embed/$3'
|
|
||||||
},
|
|
||||||
vimeo : {
|
|
||||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
|
||||||
params : {
|
|
||||||
autoplay : 1,
|
|
||||||
hd : 1,
|
|
||||||
show_title : 1,
|
|
||||||
show_byline : 1,
|
|
||||||
show_portrait : 0,
|
|
||||||
fullscreen : 1
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//player.vimeo.com/video/$1'
|
|
||||||
},
|
|
||||||
metacafe : {
|
|
||||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
|
||||||
params : {
|
|
||||||
autoPlay : 'yes'
|
|
||||||
},
|
|
||||||
type : 'swf',
|
|
||||||
url : function( rez, params, obj ) {
|
|
||||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
|
||||||
|
|
||||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dailymotion : {
|
|
||||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
|
||||||
params : {
|
|
||||||
additionalInfos : 0,
|
|
||||||
autoStart : 1
|
|
||||||
},
|
|
||||||
type : 'swf',
|
|
||||||
url : '//www.dailymotion.com/swf/video/$1'
|
|
||||||
},
|
|
||||||
twitvid : {
|
|
||||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
|
||||||
params : {
|
|
||||||
autoplay : 0
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
|
||||||
},
|
|
||||||
twitpic : {
|
|
||||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
|
||||||
type : 'image',
|
|
||||||
url : '//twitpic.com/show/full/$1/'
|
|
||||||
},
|
|
||||||
instagram : {
|
|
||||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
|
||||||
type : 'image',
|
|
||||||
url : '//$1/p/$2/media/'
|
|
||||||
},
|
|
||||||
google_maps : {
|
|
||||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
|
||||||
type : 'iframe',
|
|
||||||
url : function( rez ) {
|
|
||||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeLoad : function(opts, obj) {
|
|
||||||
var url = obj.href || '',
|
|
||||||
type = false,
|
|
||||||
what,
|
|
||||||
item,
|
|
||||||
rez,
|
|
||||||
params;
|
|
||||||
|
|
||||||
for (what in opts) {
|
|
||||||
item = opts[ what ];
|
|
||||||
rez = url.match( item.matcher );
|
|
||||||
|
|
||||||
if (rez) {
|
|
||||||
type = item.type;
|
|
||||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
|
||||||
|
|
||||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
|
||||||
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (type) {
|
|
||||||
obj.href = url;
|
|
||||||
obj.type = type;
|
|
||||||
|
|
||||||
obj.autoHeight = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}(jQuery));
|
|
@ -1,54 +0,0 @@
|
|||||||
#fancybox-thumbs {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs.bottom {
|
|
||||||
bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs.top {
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul {
|
|
||||||
position: relative;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li {
|
|
||||||
float: left;
|
|
||||||
padding: 1px;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li.active {
|
|
||||||
opacity: 0.75;
|
|
||||||
padding: 0;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li a {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid #222;
|
|
||||||
background: #111;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li img {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
@ -1,162 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Thumbnail helper for fancyBox
|
|
||||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* thumbs: {
|
|
||||||
* width : 50,
|
|
||||||
* height : 50
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
(function ($) {
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox;
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.thumbs = {
|
|
||||||
defaults : {
|
|
||||||
width : 50, // thumbnail width
|
|
||||||
height : 50, // thumbnail height
|
|
||||||
position : 'bottom', // 'top' or 'bottom'
|
|
||||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
|
||||||
var href;
|
|
||||||
|
|
||||||
if (item.element) {
|
|
||||||
href = $(item.element).find('img').attr('src');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!href && item.type === 'image' && item.href) {
|
|
||||||
href = item.href;
|
|
||||||
}
|
|
||||||
|
|
||||||
return href;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
wrap : null,
|
|
||||||
list : null,
|
|
||||||
width : 0,
|
|
||||||
|
|
||||||
init: function (opts, obj) {
|
|
||||||
var that = this,
|
|
||||||
list,
|
|
||||||
thumbWidth = opts.width,
|
|
||||||
thumbHeight = opts.height,
|
|
||||||
thumbSource = opts.source;
|
|
||||||
|
|
||||||
//Build list structure
|
|
||||||
list = '';
|
|
||||||
|
|
||||||
for (var n = 0; n < obj.group.length; n++) {
|
|
||||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
|
||||||
}
|
|
||||||
|
|
||||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
|
||||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
|
||||||
|
|
||||||
//Load each thumbnail
|
|
||||||
$.each(obj.group, function (i) {
|
|
||||||
var href = thumbSource( obj.group[ i ] );
|
|
||||||
|
|
||||||
if (!href) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$("<img />").load(function () {
|
|
||||||
var width = this.width,
|
|
||||||
height = this.height,
|
|
||||||
widthRatio, heightRatio, parent;
|
|
||||||
|
|
||||||
if (!that.list || !width || !height) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Calculate thumbnail width/height and center it
|
|
||||||
widthRatio = width / thumbWidth;
|
|
||||||
heightRatio = height / thumbHeight;
|
|
||||||
|
|
||||||
parent = that.list.children().eq(i).find('a');
|
|
||||||
|
|
||||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
|
||||||
if (widthRatio > heightRatio) {
|
|
||||||
width = Math.floor(width / heightRatio);
|
|
||||||
height = thumbHeight;
|
|
||||||
|
|
||||||
} else {
|
|
||||||
width = thumbWidth;
|
|
||||||
height = Math.floor(height / widthRatio);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(this).css({
|
|
||||||
width : width,
|
|
||||||
height : height,
|
|
||||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
|
||||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
|
||||||
});
|
|
||||||
|
|
||||||
parent.width(thumbWidth).height(thumbHeight);
|
|
||||||
|
|
||||||
$(this).hide().appendTo(parent).fadeIn(300);
|
|
||||||
|
|
||||||
}).attr('src', href);
|
|
||||||
});
|
|
||||||
|
|
||||||
//Set initial width
|
|
||||||
this.width = this.list.children().eq(0).outerWidth(true);
|
|
||||||
|
|
||||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeLoad: function (opts, obj) {
|
|
||||||
//Remove self if gallery do not have at least two items
|
|
||||||
if (obj.group.length < 2) {
|
|
||||||
obj.helpers.thumbs = false;
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Increase bottom margin to give space for thumbs
|
|
||||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
|
||||||
},
|
|
||||||
|
|
||||||
afterShow: function (opts, obj) {
|
|
||||||
//Check if exists and create or update list
|
|
||||||
if (this.list) {
|
|
||||||
this.onUpdate(opts, obj);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
this.init(opts, obj);
|
|
||||||
}
|
|
||||||
|
|
||||||
//Set active element
|
|
||||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
|
||||||
},
|
|
||||||
|
|
||||||
//Center list
|
|
||||||
onUpdate: function (opts, obj) {
|
|
||||||
if (this.list) {
|
|
||||||
this.list.stop(true).animate({
|
|
||||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
|
||||||
}, 150);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeClose: function () {
|
|
||||||
if (this.wrap) {
|
|
||||||
this.wrap.remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.wrap = null;
|
|
||||||
this.list = null;
|
|
||||||
this.width = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}(jQuery));
|
|
@ -1,249 +0,0 @@
|
|||||||
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
|
|
||||||
.fancybox-wrap,
|
|
||||||
.fancybox-skin,
|
|
||||||
.fancybox-outer,
|
|
||||||
.fancybox-inner,
|
|
||||||
.fancybox-image,
|
|
||||||
.fancybox-wrap iframe,
|
|
||||||
.fancybox-wrap object,
|
|
||||||
.fancybox-nav,
|
|
||||||
.fancybox-nav span,
|
|
||||||
.fancybox-tmp
|
|
||||||
{
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
outline: none;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-wrap {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 8020;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-skin {
|
|
||||||
position: relative;
|
|
||||||
background: #f9f9f9;
|
|
||||||
color: #444;
|
|
||||||
text-shadow: none;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened {
|
|
||||||
z-index: 8030;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened .fancybox-skin {
|
|
||||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-outer, .fancybox-inner {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-inner {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-type-iframe .fancybox-inner {
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-error {
|
|
||||||
color: #444;
|
|
||||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
margin: 0;
|
|
||||||
padding: 15px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-image, .fancybox-iframe {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-image {
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
|
||||||
background-image: url('fancybox_sprite.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin-top: -22px;
|
|
||||||
margin-left: -22px;
|
|
||||||
background-position: 0 -108px;
|
|
||||||
opacity: 0.8;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8060;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading div {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
background: url('fancybox_loading.gif') center center no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-close {
|
|
||||||
position: absolute;
|
|
||||||
top: -18px;
|
|
||||||
right: -18px;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8040;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
width: 40%;
|
|
||||||
height: 100%;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: none;
|
|
||||||
background: transparent url('blank.gif'); /* helps IE */
|
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
||||||
z-index: 8040;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav span {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: 36px;
|
|
||||||
height: 34px;
|
|
||||||
margin-top: -18px;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8040;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev span {
|
|
||||||
left: 10px;
|
|
||||||
background-position: 0 -36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next span {
|
|
||||||
right: 10px;
|
|
||||||
background-position: 0 -72px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav:hover span {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-tmp {
|
|
||||||
position: absolute;
|
|
||||||
top: -99999px;
|
|
||||||
left: -99999px;
|
|
||||||
visibility: hidden;
|
|
||||||
max-width: 99999px;
|
|
||||||
max-height: 99999px;
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Overlay helper */
|
|
||||||
|
|
||||||
.fancybox-lock {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
display: none;
|
|
||||||
z-index: 8010;
|
|
||||||
background: url('fancybox_overlay.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-overlay-fixed {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-lock .fancybox-overlay {
|
|
||||||
overflow: auto;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Title helper */
|
|
||||||
|
|
||||||
.fancybox-title {
|
|
||||||
visibility: hidden;
|
|
||||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
position: relative;
|
|
||||||
text-shadow: none;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened .fancybox-title {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-float-wrap {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 50%;
|
|
||||||
margin-bottom: -35px;
|
|
||||||
z-index: 8050;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-float-wrap .child {
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: -100%;
|
|
||||||
padding: 2px 20px;
|
|
||||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
|
||||||
background: rgba(0, 0, 0, 0.8);
|
|
||||||
-webkit-border-radius: 15px;
|
|
||||||
-moz-border-radius: 15px;
|
|
||||||
border-radius: 15px;
|
|
||||||
text-shadow: 0 1px 2px #222;
|
|
||||||
color: #FFF;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 24px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-outside-wrap {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 10px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-inside-wrap {
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-over-wrap {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
color: #fff;
|
|
||||||
padding: 10px;
|
|
||||||
background: #000;
|
|
||||||
background: rgba(0, 0, 0, .8);
|
|
||||||
}
|
|
@ -1,45 +0,0 @@
|
|||||||
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
|
|
||||||
(function(B,x,f,q){var r=f(B),m=f(x),b=f.fancybox=function(){b.open.apply(this,arguments)},u=null,n=x.createTouch!==q,s=function(a){return a&&a.hasOwnProperty&&a instanceof f},p=function(a){return a&&"string"===f.type(a)},E=function(a){return p(a)&&0<a.indexOf("%")},k=function(a,d){var e=parseInt(a,10)||0;d&&E(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},v=function(a,b){return k(a,b)+"px"};f.extend(b,{version:"2.1.3",defaults:{padding:15,margin:20,width:800,height:600,minWidth:100,minHeight:100,
|
|
||||||
maxWidth:9999,maxHeight:9999,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!n,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},keys:{next:{13:"left",34:"up",39:"left",40:"up"},
|
|
||||||
prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
|
|
||||||
(f.browser.msie?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",
|
|
||||||
openOpacity:!0,openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,
|
|
||||||
isActive:!1,isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=s(a)?f(a).get():[a]),f.each(a,function(e,c){var j={},g,h,i,l,k;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),s(c)?(j={href:c.data("fancybox-href")||c.attr("href"),title:c.data("fancybox-title")||c.attr("title"),isDom:!0,element:c},f.metadata&&f.extend(!0,
|
|
||||||
j,c.metadata())):j=c);g=d.href||j.href||(p(c)?c:null);h=d.title!==q?d.title:j.title||"";l=(i=d.content||j.content)?"html":d.type||j.type;!l&&j.isDom&&(l=c.data("fancybox-type"),l||(l=(l=c.prop("class").match(/fancybox\.(\w+)/))?l[1]:null));p(g)&&(l||(b.isImage(g)?l="image":b.isSWF(g)?l="swf":"#"===g.charAt(0)?l="inline":p(c)&&(l="html",i=c)),"ajax"===l&&(k=g.split(/\s+/,2),g=k.shift(),k=k.shift()));i||("inline"===l?g?i=f(p(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):j.isDom&&(i=c):"html"===l?i=g:!l&&(!g&&
|
|
||||||
j.isDom)&&(l="inline",i=c));f.extend(j,{href:g,type:l,content:i,title:h,selector:k});a[e]=j}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==q&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1!==b.trigger("onCancel")&&(b.hideLoading(),b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),b.coming=null,b.current||
|
|
||||||
b._afterZoomOut(a))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(!b.isOpen||!0===a?(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut()):(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&(b.player.timer=
|
|
||||||
setTimeout(b.next,b.current.playSpeed))},c=function(){d();f("body").unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};if(!0===a||!b.player.isActive&&!1!==a){if(b.current&&(b.current.loop||b.current.index<b.group.length-1))b.player.isActive=!0,f("body").bind({"afterShow.player onUpdate.player":e,"onCancel.player beforeClose.player":c,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")}else c()},next:function(a){var d=b.current;d&&(p(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},
|
|
||||||
prev:function(a){var d=b.current;d&&(p(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=k(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==q&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,j;c&&(j=b._getPosition(d),a&&"scroll"===a.type?(delete j.position,c.stop(!0,!0).animate(j,200)):(c.css(j),e.pos=f.extend({},
|
|
||||||
e.dim,j)))},update:function(a){var d=a&&a.type,e=!d||"orientationchange"===d;e&&(clearTimeout(u),u=null);b.isOpen&&!u&&(u=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),u=null)},e&&!n?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,n&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),
|
|
||||||
b.trigger("onUpdate")),b.update())},hideLoading:function(){m.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");m.bind("keydown.loading",function(a){if(27===(a.which||a.keyCode))a.preventDefault(),b.cancel()});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}))},getViewport:function(){var a=b.current&&b.current.locked||
|
|
||||||
!1,d={x:r.scrollLeft(),y:r.scrollTop()};a?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=n&&B.innerWidth?B.innerWidth:r.width(),d.h=n&&B.innerHeight?B.innerHeight:r.height());return d},unbindEvents:function(){b.wrap&&s(b.wrap)&&b.wrap.unbind(".fb");m.unbind(".fb");r.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(r.bind("orientationchange.fb"+(n?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&m.bind("keydown.fb",function(e){var c=e.which||e.keyCode,j=
|
|
||||||
e.target||e.srcElement;if(27===c&&b.coming)return!1;!e.ctrlKey&&(!e.altKey&&!e.shiftKey&&!e.metaKey&&(!j||!j.type&&!f(j).is("[contenteditable]")))&&f.each(d,function(d,j){if(1<a.group.length&&j[c]!==q)return b[d](j[c]),e.preventDefault(),!1;if(-1<f.inArray(c,j))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,j,g){for(var h=f(d.target||null),i=!1;h.length&&!i&&!h.is(".fancybox-skin")&&!h.is(".fancybox-wrap");)i=h[0]&&!(h[0].style.overflow&&
|
|
||||||
"hidden"===h[0].style.overflow)&&(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();if(0!==c&&!i&&1<b.group.length&&!a.canShrink){if(0<g||0<j)b.prev(0<g?"down":"left");else if(0>g||0>j)b.next(0>g?"up":"right");d.preventDefault()}}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,
|
|
||||||
e){e&&(b.helpers[d]&&f.isFunction(b.helpers[d][a]))&&(e=f.extend(!0,{},b.helpers[d].defaults,e),b.helpers[d][a](e,c))});f.event.trigger(a+".fb")}},isImage:function(a){return p(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp)((\?|#).*)?$)/i)},isSWF:function(a){return p(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c,a=k(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&
|
|
||||||
(d.padding=[c,c,c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=
|
|
||||||
!0;if("image"===c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=!0);"iframe"===c&&n&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(n?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,v(d.padding[a]))});b.trigger("onReady");
|
|
||||||
if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=
|
|
||||||
this.width;b.coming.height=this.height;b._afterLoad()};a.onerror=function(){this.onload=this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,d=f(a.tpl.iframe.replace(/\{rnd\}/g,
|
|
||||||
(new Date).getTime())).attr("scrolling",n?"auto":a.iframe.scrolling).attr("src",a.href);f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);n||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||b._afterLoad()},_preloadImages:function(){var a=
|
|
||||||
b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,j,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());b.unbindEvents();
|
|
||||||
e=a.content;c=a.type;j=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):s(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",
|
|
||||||
!1)}));break;case "image":e=a.tpl.image.replace("{href}",g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}(!s(e)||!e.parent().is(a.inner))&&a.inner.append(e);b.trigger("beforeShow");
|
|
||||||
a.inner.css("overflow","yes"===j?"scroll":"no"===j?"hidden":j);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(b.isOpened){if(d.prevMethod)b.transitions[d.prevMethod]()}else f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,j=b.skin,g=b.inner,h=b.current,c=h.width,i=h.height,l=h.minWidth,t=h.minHeight,m=h.maxWidth,
|
|
||||||
n=h.maxHeight,r=h.scrolling,p=h.scrollOutside?h.scrollbarWidth:0,w=h.margin,y=k(w[1]+w[3]),q=k(w[0]+w[2]),x,z,s,C,A,F,B,D,u;e.add(j).add(g).width("auto").height("auto").removeClass("fancybox-tmp");w=k(j.outerWidth(!0)-j.width());x=k(j.outerHeight(!0)-j.height());z=y+w;s=q+x;C=E(c)?(a.w-z)*k(c)/100:c;A=E(i)?(a.h-s)*k(i)/100:i;if("iframe"===h.type){if(u=h.content,h.autoHeight&&1===u.data("ready"))try{u[0].contentWindow.document.location&&(g.width(C).height(9999),F=u.contents().find("body"),p&&F.css("overflow-x",
|
|
||||||
"hidden"),A=F.height())}catch(G){}}else if(h.autoWidth||h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(C),h.autoHeight||g.height(A),h.autoWidth&&(C=g.width()),h.autoHeight&&(A=g.height()),g.removeClass("fancybox-tmp");c=k(C);i=k(A);D=C/A;l=k(E(l)?k(l,"w")-z:l);m=k(E(m)?k(m,"w")-z:m);t=k(E(t)?k(t,"h")-s:t);n=k(E(n)?k(n,"h")-s:n);F=m;B=n;h.fitToView&&(m=Math.min(a.w-z,m),n=Math.min(a.h-s,n));z=a.w-y;q=a.h-q;h.aspectRatio?(c>m&&(c=m,i=k(c/D)),i>n&&(i=n,c=k(i*D)),c<l&&(c=l,i=k(c/D)),i<t&&
|
|
||||||
(i=t,c=k(i*D))):(c=Math.max(l,Math.min(c,m)),h.autoHeight&&"iframe"!==h.type&&(g.width(c),i=g.height()),i=Math.max(t,Math.min(i,n)));if(h.fitToView)if(g.width(c).height(i),e.width(c+w),a=e.width(),y=e.height(),h.aspectRatio)for(;(a>z||y>q)&&(c>l&&i>t)&&!(19<d++);)i=Math.max(t,Math.min(n,i-10)),c=k(i*D),c<l&&(c=l,i=k(c/D)),c>m&&(c=m,i=k(c/D)),g.width(c).height(i),e.width(c+w),a=e.width(),y=e.height();else c=Math.max(l,Math.min(c,c-(a-z))),i=Math.max(t,Math.min(i,i-(y-q)));p&&("auto"===r&&i<A&&c+w+
|
|
||||||
p<z)&&(c+=p);g.width(c).height(i);e.width(c+w);a=e.width();y=e.height();e=(a>z||y>q)&&c>l&&i>t;c=h.aspectRatio?c<F&&i<B&&c<C&&i<A:(c<F||i<B)&&(c<C||i<A);f.extend(h,{dim:{width:v(a),height:v(y)},origWidth:C,origHeight:A,canShrink:e,canExpand:c,wPadding:w,hPadding:x,wrapSpace:y-j.outerHeight(!0),skinSpace:j.height()-i});!u&&(h.autoHeight&&i>t&&i<n&&!c)&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",
|
|
||||||
top:c[0],left:c[3]};d.autoCenter&&d.fixed&&!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=v(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=v(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&(b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){!f(d.target).is("a")&&!f(d.target).parent().is("a")&&
|
|
||||||
(d.preventDefault(),b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind(n?"touchstart.fb":"click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),!a.loop&&a.index===a.group.length-1?b.play(!1):b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=
|
|
||||||
!1,b.play()))},_afterZoomOut:function(a){a=a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,i=a.wPadding,l=b.getViewport();!e&&(a.isDom&&d.is(":visible"))&&(e=d.find("img:first"),e.length||(e=d));s(e)?(c=e.offset(),
|
|
||||||
e.is("img")&&(f=e.outerWidth(),g=e.outerHeight())):(c.top=l.y+(l.h-g)*a.topRatio,c.left=l.x+(l.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=l.y,c.left-=l.x;return c={top:v(c.top-h*a.topRatio),left:v(c.left-i*a.leftRatio),width:v(f+i),height:v(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](k("width"===
|
|
||||||
f?c:c-g*e)),b.inner[f](k("width"===f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,j=f.extend({opacity:1},d);delete j.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(j,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&
|
|
||||||
(c.opacity=0.1));b.wrap.animate(c,{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=v(k(e[g])-200),c[g]="+=200px"):(e[g]=v(k(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:function(){setTimeout(b._afterZoomIn,
|
|
||||||
20)}})},changeOut:function(){var a=b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!n,fixed:!0},overlay:null,fixed:!1,create:function(a){a=f.extend({},this.defaults,a);this.overlay&&this.close();
|
|
||||||
this.overlay=f('<div class="fancybox-overlay"></div>').appendTo("body");this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this,a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(r.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",function(a){f(a.target).hasClass("fancybox-overlay")&&
|
|
||||||
(b.isActive?b.close():d.close())});this.overlay.css(a.css).show()},close:function(){f(".fancybox-overlay").remove();r.unbind("resize.overlay");this.overlay=null;!1!==this.margin&&(f("body").css("margin-right",this.margin),this.margin=!1);this.el&&this.el.removeClass("fancybox-lock")},update:function(){var a="100%",b;this.overlay.width(a).height("100%");f.browser.msie?(b=Math.max(x.documentElement.offsetWidth,x.body.offsetWidth),m.width()>b&&(a=m.width())):m.width()>r.width()&&(a=m.width());this.overlay.width(a).height(m.height())},
|
|
||||||
onReady:function(a,b){f(".fancybox-overlay").stop(!0,!0);this.overlay||(this.margin=m.height()>r.height()||"scroll"===f("body").css("overflow-y")?f("body").css("margin-right"):!1,this.el=x.all&&!x.querySelector?f("html"):f("body"),this.create(a));a.locked&&this.fixed&&(b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){b.locked&&(this.el.addClass("fancybox-lock"),!1!==this.margin&&f("body").css("margin-right",k(this.margin)+
|
|
||||||
b.scrollbarWidth));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.isActive&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",position:"bottom"},beforeShow:function(a){var d=b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(p(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=
|
|
||||||
b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),f.browser.msie&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(k(d.css("margin-bottom")))}d["top"===a.position?"prependTo":"appendTo"](c)}}};f.fn.fancybox=function(a){var d,e=f(this),c=this.selector||"",j=function(g){var h=f(this).blur(),i=d,j,k;!g.ctrlKey&&(!g.altKey&&!g.shiftKey&&!g.metaKey)&&!h.is(".fancybox-wrap")&&(j=a.groupAttr||"data-fancybox-group",k=h.attr(j),k||(j="rel",
|
|
||||||
k=h.get(0)[j]),k&&(""!==k&&"nofollow"!==k)&&(h=c.length?f(c):e,h=h.filter("["+j+'="'+k+'"]'),i=h.index(this)),a.index=i,!1!==b.open(h,a)&&g.preventDefault())},a=a||{};d=a.index||0;!c||!1===a.live?e.unbind("click.fb-start").bind("click.fb-start",j):m.undelegate(c,"click.fb-start").delegate(c+":not('.fancybox-item, .fancybox-nav')","click.fb-start",j);this.filter("[data-fancybox-start=1]").trigger("click");return this};m.ready(function(){f.scrollbarWidth===q&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),
|
|
||||||
b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});if(f.support.fixedPosition===q){var a=f.support,d=f('<div style="position:fixed;top:20px;"></div>').appendTo("body"),e=20===d[0].offsetTop||15===d[0].offsetTop;d.remove();a.fixedPosition=e}f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")})})})(window,document,jQuery);
|
|
@ -1,216 +0,0 @@
|
|||||||
/*
|
|
||||||
* Owl Carousel - Animate Plugin
|
|
||||||
*/
|
|
||||||
.owl-carousel .animated {
|
|
||||||
-webkit-animation-duration: 1000ms;
|
|
||||||
animation-duration: 1000ms;
|
|
||||||
-webkit-animation-fill-mode: both;
|
|
||||||
animation-fill-mode: both;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-animated-in {
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-animated-out {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.owl-carousel .fadeOut {
|
|
||||||
-webkit-animation-name: fadeOut;
|
|
||||||
animation-name: fadeOut;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes fadeOut {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes fadeOut {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Owl Carousel - Auto Height Plugin
|
|
||||||
*/
|
|
||||||
.owl-height {
|
|
||||||
-webkit-transition: height 500ms ease-in-out;
|
|
||||||
-moz-transition: height 500ms ease-in-out;
|
|
||||||
-ms-transition: height 500ms ease-in-out;
|
|
||||||
-o-transition: height 500ms ease-in-out;
|
|
||||||
transition: height 500ms ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Core Owl Carousel CSS File
|
|
||||||
*/
|
|
||||||
.owl-carousel {
|
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
/* position relative and z-index fix webkit rendering fonts issue */
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-stage {
|
|
||||||
position: relative;
|
|
||||||
-ms-touch-action: pan-Y;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-stage:after {
|
|
||||||
content: ".";
|
|
||||||
display: block;
|
|
||||||
clear: both;
|
|
||||||
visibility: hidden;
|
|
||||||
line-height: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-stage-outer {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
/* fix for flashing background */
|
|
||||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
|
||||||
.owl-carousel .owl-controls .owl-nav .owl-next,
|
|
||||||
.owl-carousel .owl-controls .owl-dot {
|
|
||||||
cursor: pointer;
|
|
||||||
cursor: hand;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-loaded {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-loading {
|
|
||||||
opacity: 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-hidden {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-refresh .owl-item {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-item {
|
|
||||||
position: relative;
|
|
||||||
min-height: 1px;
|
|
||||||
float: left;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-item img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-text-select-on .owl-item {
|
|
||||||
-webkit-user-select: auto;
|
|
||||||
-moz-user-select: auto;
|
|
||||||
-ms-user-select: auto;
|
|
||||||
user-select: auto;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-grab {
|
|
||||||
cursor: move;
|
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: -o-grab;
|
|
||||||
cursor: -ms-grab;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-rtl {
|
|
||||||
direction: rtl;
|
|
||||||
}
|
|
||||||
.owl-carousel.owl-rtl .owl-item {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* No Js */
|
|
||||||
.no-js .owl-carousel {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Owl Carousel - Lazy Load Plugin
|
|
||||||
*/
|
|
||||||
.owl-carousel .owl-item .owl-lazy {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 400ms ease;
|
|
||||||
-moz-transition: opacity 400ms ease;
|
|
||||||
-ms-transition: opacity 400ms ease;
|
|
||||||
-o-transition: opacity 400ms ease;
|
|
||||||
transition: opacity 400ms ease;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-item img {
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Owl Carousel - Video Plugin
|
|
||||||
*/
|
|
||||||
.owl-carousel .owl-video-wrapper {
|
|
||||||
position: relative;
|
|
||||||
height: 100%;
|
|
||||||
background: #000;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-video-play-icon {
|
|
||||||
position: absolute;
|
|
||||||
height: 80px;
|
|
||||||
width: 80px;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
margin-left: -40px;
|
|
||||||
margin-top: -40px;
|
|
||||||
background: url("owl.video.play.png") no-repeat;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 1;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-webkit-transition: scale 100ms ease;
|
|
||||||
-moz-transition: scale 100ms ease;
|
|
||||||
-ms-transition: scale 100ms ease;
|
|
||||||
-o-transition: scale 100ms ease;
|
|
||||||
transition: scale 100ms ease;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-video-play-icon:hover {
|
|
||||||
-webkit-transition: scale(1.3, 1.3);
|
|
||||||
-moz-transition: scale(1.3, 1.3);
|
|
||||||
-ms-transition: scale(1.3, 1.3);
|
|
||||||
-o-transition: scale(1.3, 1.3);
|
|
||||||
transition: scale(1.3, 1.3);
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
|
||||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-video-tn {
|
|
||||||
opacity: 0;
|
|
||||||
height: 100%;
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
-webkit-background-size: contain;
|
|
||||||
-moz-background-size: contain;
|
|
||||||
-o-background-size: contain;
|
|
||||||
background-size: contain;
|
|
||||||
-webkit-transition: opacity 400ms ease;
|
|
||||||
-moz-transition: opacity 400ms ease;
|
|
||||||
-ms-transition: opacity 400ms ease;
|
|
||||||
-o-transition: opacity 400ms ease;
|
|
||||||
transition: opacity 400ms ease;
|
|
||||||
}
|
|
||||||
.owl-carousel .owl-video-frame {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
@ -1,366 +0,0 @@
|
|||||||
/*
|
|
||||||
|
|
||||||
Uniform Theme: Uniform Default
|
|
||||||
Version: 1.8
|
|
||||||
By: Josh Pyles
|
|
||||||
License: MIT License
|
|
||||||
---
|
|
||||||
For use with the Uniform plugin:
|
|
||||||
http://uniformjs.com/
|
|
||||||
|
|
||||||
*/
|
|
||||||
/* General settings */
|
|
||||||
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
|
|
||||||
background-image: url("../images/sprite.png");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
-webkit-font-smoothing: antialiased; }
|
|
||||||
div.selector, div.checker, div.button, div.radio, div.uploader {
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1;
|
|
||||||
vertical-align: middle;
|
|
||||||
/* Keeping this as :focus to remove browser styles */ }
|
|
||||||
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
|
|
||||||
outline: 0; }
|
|
||||||
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.highContrastDetect {
|
|
||||||
background: url("../images/bg-input.png") repeat-x 0 0;
|
|
||||||
width: 0px;
|
|
||||||
height: 0px; }
|
|
||||||
|
|
||||||
/* Input & Textarea */
|
|
||||||
input.uniform-input,
|
|
||||||
select.uniform-multiselect,
|
|
||||||
textarea.uniform {
|
|
||||||
padding: 3px;
|
|
||||||
background: url("../images/bg-input.png") repeat-x 0 0;
|
|
||||||
outline: 0; }
|
|
||||||
input.uniform-input.active,
|
|
||||||
select.uniform-multiselect.active,
|
|
||||||
textarea.uniform.active {
|
|
||||||
background: url("../images/bg-input-focus.png") repeat-x 0 0; }
|
|
||||||
|
|
||||||
/* Remove default webkit and possible mozilla .search styles.
|
|
||||||
* Keeping this as :active to remove browser styles */
|
|
||||||
div.checker input,
|
|
||||||
input[type="search"],
|
|
||||||
input[type="search"]:active {
|
|
||||||
-moz-appearance: none;
|
|
||||||
-webkit-appearance: none; }
|
|
||||||
|
|
||||||
/* Select */
|
|
||||||
div.selector {
|
|
||||||
background-position: 0 -130px;
|
|
||||||
line-height: 26px;
|
|
||||||
height: 26px;
|
|
||||||
padding: 0 0 0 10px;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden; }
|
|
||||||
div.selector span {
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
background-position: right 0;
|
|
||||||
height: 26px;
|
|
||||||
line-height: 26px;
|
|
||||||
padding-right: 25px;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100%;
|
|
||||||
display: block; }
|
|
||||||
div.selector.fixedWidth {
|
|
||||||
width: 190px; }
|
|
||||||
div.selector.fixedWidth span {
|
|
||||||
width: 155px; }
|
|
||||||
div.selector select {
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
-moz-opacity: 0;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
position: absolute;
|
|
||||||
height: 22px;
|
|
||||||
top: 2px;
|
|
||||||
left: 0px;
|
|
||||||
width: 100%; }
|
|
||||||
div.selector.active {
|
|
||||||
background-position: 0 -156px; }
|
|
||||||
div.selector.active span {
|
|
||||||
background-position: right -26px; }
|
|
||||||
div.selector.hover, div.selector.focus {
|
|
||||||
background-position: 0 -182px; }
|
|
||||||
div.selector.hover span, div.selector.focus span {
|
|
||||||
background-position: right -52px; }
|
|
||||||
div.selector.hover.active, div.selector.focus.active {
|
|
||||||
background-position: 0 -208px; }
|
|
||||||
div.selector.hover.active span, div.selector.focus.active span {
|
|
||||||
background-position: right -78px; }
|
|
||||||
div.selector.disabled, div.selector.disabled.active {
|
|
||||||
background-position: 0 -234px; }
|
|
||||||
div.selector.disabled span, div.selector.disabled.active span {
|
|
||||||
background-position: right -104px; }
|
|
||||||
|
|
||||||
/* Checkbox */
|
|
||||||
div.checker {
|
|
||||||
position: relative; }
|
|
||||||
div.checker, div.checker span, div.checker input {
|
|
||||||
width: 19px;
|
|
||||||
height: 19px; }
|
|
||||||
div.checker span {
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1;
|
|
||||||
text-align: center;
|
|
||||||
background-position: 0 -260px; }
|
|
||||||
div.checker span.checked {
|
|
||||||
background-position: -76px -260px; }
|
|
||||||
div.checker input {
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
-moz-opacity: 0;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1; }
|
|
||||||
div.checker.active span {
|
|
||||||
background-position: -19px -260px; }
|
|
||||||
div.checker.active span.checked {
|
|
||||||
background-position: -95px -260px; }
|
|
||||||
div.checker.hover span, div.checker.focus span {
|
|
||||||
background-position: -38px -260px; }
|
|
||||||
div.checker.hover span.checked, div.checker.focus span.checked {
|
|
||||||
background-position: -114px -260px; }
|
|
||||||
div.checker.hover.active span, div.checker.focus.active span {
|
|
||||||
background-position: -57px -260px; }
|
|
||||||
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
|
|
||||||
background-position: -133px -260px; }
|
|
||||||
div.checker.disabled, div.checker.disabled.active {
|
|
||||||
background-position: -152px -260px; }
|
|
||||||
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
|
|
||||||
background-position: -171px -260px; }
|
|
||||||
|
|
||||||
/* Radio */
|
|
||||||
div.radio {
|
|
||||||
position: relative; }
|
|
||||||
div.radio, div.radio span, div.radio input {
|
|
||||||
width: 18px;
|
|
||||||
height: 18px; }
|
|
||||||
div.radio span {
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1;
|
|
||||||
text-align: center;
|
|
||||||
background-position: 0 -279px; }
|
|
||||||
div.radio span.checked {
|
|
||||||
background-position: -72px -279px; }
|
|
||||||
div.radio input {
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
-moz-opacity: 0;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1;
|
|
||||||
text-align: center; }
|
|
||||||
div.radio.active span {
|
|
||||||
background-position: -18px -18px -279px; }
|
|
||||||
div.radio.active span.checked {
|
|
||||||
background-position: -90px -279px; }
|
|
||||||
div.radio.hover span, div.radio.focus span {
|
|
||||||
background-position: -36px -36px -279px; }
|
|
||||||
div.radio.hover span.checked, div.radio.focus span.checked {
|
|
||||||
background-position: -108px -279px; }
|
|
||||||
div.radio.hover.active span, div.radio.focus.active span {
|
|
||||||
background-position: -54px -279px; }
|
|
||||||
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
|
|
||||||
background-position: -126px -279px; }
|
|
||||||
div.radio.disabled span, div.radio.disabled.active span {
|
|
||||||
background-position: -144px -279px; }
|
|
||||||
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
|
|
||||||
background-position: -162px -279px; }
|
|
||||||
|
|
||||||
/* Uploader */
|
|
||||||
div.uploader {
|
|
||||||
background-position: 0 -297px;
|
|
||||||
height: 28px;
|
|
||||||
width: 190px;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden; }
|
|
||||||
div.uploader span.action {
|
|
||||||
background-position: right -409px;
|
|
||||||
height: 28px;
|
|
||||||
line-height: 28px;
|
|
||||||
width: 82px;
|
|
||||||
text-align: center;
|
|
||||||
float: left;
|
|
||||||
display: inline;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer; }
|
|
||||||
div.uploader span.filename {
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
float: left;
|
|
||||||
cursor: default;
|
|
||||||
height: 24px;
|
|
||||||
margin: 2px 0 2px 2px;
|
|
||||||
line-height: 24px;
|
|
||||||
width: 85px;
|
|
||||||
padding: 0 10px; }
|
|
||||||
div.uploader input {
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
-moz-opacity: 0;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
float: right;
|
|
||||||
cursor: default;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%; }
|
|
||||||
div.uploader.active span.action {
|
|
||||||
background-position: right -465px; }
|
|
||||||
div.uploader.hover, div.uploader.focus {
|
|
||||||
background-position: 0 -353px; }
|
|
||||||
div.uploader.hover span.action, div.uploader.focus span.action {
|
|
||||||
background-position: right -437px; }
|
|
||||||
div.uploader.hover.active span.action, div.uploader.focus.active span.action {
|
|
||||||
background-position: right -493px; }
|
|
||||||
div.uploader.disabled, div.uploader.disabled.active {
|
|
||||||
background-position: 0 -325px; }
|
|
||||||
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
|
|
||||||
background-position: right -381px; }
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
div.button {
|
|
||||||
background-position: 0 -641px;
|
|
||||||
height: 30px;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
/* Keep buttons barely visible so they can get focus */ }
|
|
||||||
div.button a, div.button button, div.button input {
|
|
||||||
opacity: 0.01;
|
|
||||||
filter: alpha(opacity=1);
|
|
||||||
-moz-opacity: 0.01;
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
position: absolute; }
|
|
||||||
div.button span {
|
|
||||||
display: -moz-inline-box;
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
zoom: 1;
|
|
||||||
line-height: 22px;
|
|
||||||
text-align: center;
|
|
||||||
background-position: right -521px;
|
|
||||||
height: 22px;
|
|
||||||
margin-left: 13px;
|
|
||||||
padding: 8px 15px 0 2px; }
|
|
||||||
div.button.active {
|
|
||||||
background-position: 0 -671px; }
|
|
||||||
div.button.active span {
|
|
||||||
background-position: right -551px;
|
|
||||||
cursor: default; }
|
|
||||||
div.button.hover, div.button.focus {
|
|
||||||
background-position: 0 -701px; }
|
|
||||||
div.button.hover span, div.button.focus span {
|
|
||||||
background-position: right -581px; }
|
|
||||||
div.button.disabled, div.button.disabled.active {
|
|
||||||
background-position: 0 -731px; }
|
|
||||||
div.button.disabled span, div.button.disabled.active span {
|
|
||||||
background-position: right -611px;
|
|
||||||
cursor: default; }
|
|
||||||
|
|
||||||
/* INPUT & TEXTAREA */
|
|
||||||
input.uniform-input,
|
|
||||||
select.uniform-multiselect,
|
|
||||||
textarea.uniform {
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #777;
|
|
||||||
border-top: solid 1px #aaaaaa;
|
|
||||||
border-left: solid 1px #aaaaaa;
|
|
||||||
border-bottom: solid 1px #cccccc;
|
|
||||||
border-right: solid 1px #cccccc;
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
border-radius: 3px; }
|
|
||||||
input.uniform-input.hover, input.uniform-input.focus,
|
|
||||||
select.uniform-multiselect.hover,
|
|
||||||
select.uniform-multiselect.focus,
|
|
||||||
textarea.uniform.hover,
|
|
||||||
textarea.uniform.focus {
|
|
||||||
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
|
||||||
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
|
||||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
|
||||||
border-color: #999; }
|
|
||||||
|
|
||||||
/* PRESENTATION */
|
|
||||||
/* Buttons */
|
|
||||||
div.button span {
|
|
||||||
font-weight: bold;
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase; }
|
|
||||||
div.button.hover span, div.button.focus span {
|
|
||||||
color: #555; }
|
|
||||||
div.button.disabled span, div.button.disabled.active span {
|
|
||||||
color: #bbb; }
|
|
||||||
|
|
||||||
/* Select */
|
|
||||||
div.selector {
|
|
||||||
font-size: 12px; }
|
|
||||||
div.selector span {
|
|
||||||
color: #666;
|
|
||||||
text-shadow: 0 1px 0 white; }
|
|
||||||
div.selector select {
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 12px; }
|
|
||||||
div.selector.disabled span, div.selector.disabled.active span {
|
|
||||||
color: #bbb; }
|
|
||||||
|
|
||||||
/* Checker */
|
|
||||||
div.checker {
|
|
||||||
margin-right: 5px; }
|
|
||||||
|
|
||||||
/* Radio */
|
|
||||||
div.radio {
|
|
||||||
margin-right: 3px; }
|
|
||||||
|
|
||||||
/* Uploader */
|
|
||||||
div.uploader span.action {
|
|
||||||
text-shadow: white 0px 1px 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: bold; }
|
|
||||||
div.uploader span.filename {
|
|
||||||
color: #777;
|
|
||||||
border-right: solid 1px #bbbbbb;
|
|
||||||
font-size: 11px; }
|
|
||||||
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
|
|
||||||
color: #aaa; }
|
|
||||||
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
|
|
||||||
border-color: #ddd;
|
|
||||||
color: #aaa; }
|
|
||||||
|
|
||||||
input.uniform-input, input.uniform-input:focus {
|
|
||||||
background-color: #fff; }
|
|
@ -1,150 +0,0 @@
|
|||||||
/*
|
|
||||||
|
|
||||||
Uniform Theme: Uniform Default
|
|
||||||
Version: 1.8
|
|
||||||
By: Josh Pyles
|
|
||||||
License: MIT License
|
|
||||||
---
|
|
||||||
For use with the Uniform plugin:
|
|
||||||
http://uniformjs.com/
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
$button-height: 30px;
|
|
||||||
$button-margin-left: 13px;
|
|
||||||
$button-padding: 8px 15px 0 2px;
|
|
||||||
$button-span-height: 22px;
|
|
||||||
$checkbox-height: 19px;
|
|
||||||
$checkbox-width: 19px;
|
|
||||||
$input-padding: 3px;
|
|
||||||
$radio-height: 18px;
|
|
||||||
$radio-width: 18px;
|
|
||||||
$select-fixed-width: 190px;
|
|
||||||
$select-height: 26px;
|
|
||||||
$select-margin-left: 10px;
|
|
||||||
$select-margin-right: 25px;
|
|
||||||
$select-select-height: 22px;
|
|
||||||
$select-select-top: 2px;
|
|
||||||
$upload-action-width: 82px;
|
|
||||||
$upload-filename-margin-top: 2px;
|
|
||||||
$upload-filename-margin-bottom: 2px;
|
|
||||||
$upload-filename-margin-left: 2px;
|
|
||||||
$upload-filename-width: 85px;
|
|
||||||
$upload-filename-padding: 0 10px;
|
|
||||||
$upload-height: 28px;
|
|
||||||
$upload-width: 190px;
|
|
||||||
|
|
||||||
@import "../../_base/css/uniform._base.scss";
|
|
||||||
|
|
||||||
/* INPUT & TEXTAREA */
|
|
||||||
|
|
||||||
#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
|
|
||||||
#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
|
|
||||||
#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #777;
|
|
||||||
border-top: solid 1px #aaa;
|
|
||||||
border-left: solid 1px #aaa;
|
|
||||||
border-bottom: solid 1px #ccc;
|
|
||||||
border-right: solid 1px #ccc;
|
|
||||||
@include border-radius($input-padding);
|
|
||||||
|
|
||||||
@include whenHover {
|
|
||||||
@include box-shadow(0px 0px 4px rgba(0,0,0,0.3));
|
|
||||||
border-color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* PRESENTATION */
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
|
|
||||||
div#{$class-wrapper}#{$class-button} {
|
|
||||||
span {
|
|
||||||
font-weight: bold;
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include whenHover {
|
|
||||||
span {
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include whenDisabled {
|
|
||||||
span {
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Select */
|
|
||||||
|
|
||||||
div#{$class-wrapper}#{$class-select} {
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
span {
|
|
||||||
color: #666;
|
|
||||||
text-shadow: 0 1px 0 #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
select {
|
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include whenDisabled {
|
|
||||||
span {
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Checker */
|
|
||||||
div#{$class-wrapper}#{$class-checkbox} {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Radio */
|
|
||||||
div#{$class-wrapper}#{$class-radio} {
|
|
||||||
margin-right: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Uploader */
|
|
||||||
div#{$class-wrapper}#{$class-upload} {
|
|
||||||
span#{$class-action} {
|
|
||||||
text-shadow: #fff 0px 1px 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
span#{$class-filename} {
|
|
||||||
color: #777;
|
|
||||||
border-right: solid 1px #bbb;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include whenDisabled {
|
|
||||||
span#{$class-action} {
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
span#{$class-filename} {
|
|
||||||
border-color: #ddd;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$class-wrapper-element}#{$class-wrapper} input#{$class-input} {
|
|
||||||
&, &:focus {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
Before Width: | Height: | Size: 143 B |
Before Width: | Height: | Size: 143 B |
Before Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 33 KiB |
@ -1,62 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
|
||||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
|
||||||
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
|
|
||||||
|
|
||||||
@section('htmlheader')
|
|
||||||
@include('layouts.partials.htmlheader')
|
|
||||||
@show
|
|
||||||
|
|
||||||
<body class="corporate">
|
|
||||||
<div id="app">
|
|
||||||
<div class="wrapper">
|
|
||||||
@include('layouts.partials.mainheader')
|
|
||||||
|
|
||||||
@include('layouts.partials.sidebar')
|
|
||||||
|
|
||||||
<!-- Content Wrapper. Contains page content -->
|
|
||||||
<div class="content-wrapper">
|
|
||||||
|
|
||||||
@include('layouts.partials.contentheader')
|
|
||||||
|
|
||||||
<!-- Main content -->
|
|
||||||
<section class="content">
|
|
||||||
<!-- Your Page Content Here -->
|
|
||||||
<div class="main">
|
|
||||||
<div class="container">
|
|
||||||
@yield('breadcrumb')
|
|
||||||
|
|
||||||
<div class="row margin-bottom-40">
|
|
||||||
@yield('main-content')
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section><!-- /.content -->
|
|
||||||
</div><!-- /.content-wrapper -->
|
|
||||||
|
|
||||||
@include('layouts.partials.controlsidebar')
|
|
||||||
|
|
||||||
@include('layouts.partials.footer')
|
|
||||||
|
|
||||||
</div><!-- ./wrapper -->
|
|
||||||
</div> <!-- ./app -->
|
|
||||||
|
|
||||||
@section('scripts')
|
|
||||||
|
|
||||||
{{-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) --}}
|
|
||||||
@js('/site/js/jquery/1.11.2/js/jquery.min.js','jquery')
|
|
||||||
@js('/site/js/bootstrap/3.3.5/js/bootstrap.min.js','bootstrap-js','jquery')
|
|
||||||
@js('/site/js/jquery/plugins/migrate/1.2.1/js/jquery-migrate.min.js','jq-migrate','jquery')
|
|
||||||
@js('/site/js/jquery/plugins/back-to-top/back-to-top.js','back-to-top','jquery')
|
|
||||||
{{-- END CORE PLUGINS --}}
|
|
||||||
|
|
||||||
{{-- Scripts --}}
|
|
||||||
{!! Asset::scripts() !!}
|
|
||||||
|
|
||||||
@include('layouts.partials.scripts')
|
|
||||||
|
|
||||||
@yield('page-scripts')
|
|
||||||
@show
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,97 +0,0 @@
|
|||||||
{{-- This page needs $site_social --}}
|
|
||||||
|
|
||||||
<!-- BEGIN PRE-FOOTER -->
|
|
||||||
<div class="pre-footer">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<!-- BEGIN BOTTOM ABOUT BLOCK -->
|
|
||||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
|
||||||
<h2>About us</h2>
|
|
||||||
<p>{!! $so->site_aboutus !!}</p>
|
|
||||||
<!--
|
|
||||||
<div class="photo-stream">
|
|
||||||
<h2>Photos Stream</h2>
|
|
||||||
<ul class="list-unstyled">
|
|
||||||
<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('') !!}}"></a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
<!-- END BOTTOM ABOUT BLOCK -->
|
|
||||||
|
|
||||||
<!-- BEGIN BOTTOM CONTACTS -->
|
|
||||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
|
||||||
<h2>Our Contacts</h2>
|
|
||||||
<address class="margin-bottom-40">
|
|
||||||
<table>
|
|
||||||
<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $so->address('html') !!}</td></tr>
|
|
||||||
@if($so->site_fax)
|
|
||||||
<tr><th>Fax</th><td>{{ $so->site_fax }}</tr>
|
|
||||||
@endif
|
|
||||||
<tr><th>Email</th><td> <a href="mailto:{{ $so->site_email }}">{{ $so->site_email }}</a></tr>
|
|
||||||
</table>
|
|
||||||
</address>
|
|
||||||
<!--
|
|
||||||
<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
|
|
||||||
<h2>Newsletter</h2>
|
|
||||||
<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
|
|
||||||
<form action="#">
|
|
||||||
<div class="input-group">
|
|
||||||
<input type="text" placeholder="youremail@mail.com" class="form-control">
|
|
||||||
<span class="input-group-btn">
|
|
||||||
<button class="btn btn-primary" type="submit">Subscribe</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
<!-- END BOTTOM CONTACTS -->
|
|
||||||
|
|
||||||
<!-- BEGIN TWITTER BLOCK -->
|
|
||||||
<!--
|
|
||||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
|
||||||
<h2 class="margin-bottom-0">Latest Tweets</h2>
|
|
||||||
<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<!-- END TWITTER BLOCK -->
|
|
||||||
|
|
||||||
<!-- BEGIN ADDRESS MAP -->
|
|
||||||
{{-- @todo --}}
|
|
||||||
<!-- END ADDRESS MAP -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- END PRE-FOOTER -->
|
|
||||||
|
|
||||||
<!-- BEGIN FOOTER -->
|
|
||||||
<div class="footer">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<!-- BEGIN COPYRIGHT -->
|
|
||||||
<div class="col-md-4 col-sm-4 padding-top-10">
|
|
||||||
2016 © Leenooks. ALL Rights Reserved. <!-- <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a> -->
|
|
||||||
</div>
|
|
||||||
<!-- END COPYRIGHT -->
|
|
||||||
|
|
||||||
<!-- BEGIN SOCIAL -->
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<ul class="social-footer list-unstyled list-inline pull-right">
|
|
||||||
@foreach ($so->social as $social)
|
|
||||||
<li><a href="{{ $social['url'] }}"><i class="fa fa-{{ $social['name'] }}"></i></a></li>
|
|
||||||
@endforeach
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- END SOCIAL -->
|
|
||||||
|
|
||||||
<!-- BEGIN POWERED -->
|
|
||||||
<div class="col-md-4 col-sm-4 text-right">
|
|
||||||
<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
|
|
||||||
</div>
|
|
||||||
<!-- END POWERED -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- END FOOTER -->
|
|
@ -1,35 +0,0 @@
|
|||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
||||||
<title>{{ config('app.name') }} - @yield('htmlheader_title', 'Your title here')</title>
|
|
||||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
|
||||||
<!-- CSRF Token -->
|
|
||||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
||||||
|
|
||||||
<meta property="og:site_name" content="{{ config('app.name') }}" />
|
|
||||||
<meta property="og:title" content="{{ $so->site_name }}" />
|
|
||||||
<meta property="og:description" content="{{ $so->site_description }}" />
|
|
||||||
<meta property="og:type" content="website" />
|
|
||||||
<meta property="og:image" content="{{ $so->site_logo }}" />
|
|
||||||
<meta property="og:url" content="{{ url('/') }}" />
|
|
||||||
|
|
||||||
<link rel="shortcut icon" href="{{ object_get($so,'favicon','favicon.ico') }}" />
|
|
||||||
|
|
||||||
@css('/site/js/bootstrap/3.3.5/css/bootstrap.min.css')
|
|
||||||
|
|
||||||
<!-- Font Awesome Icons -->
|
|
||||||
@css('/plugin/font-awesome/css/font-awesome.min.css','font-awesome','app')
|
|
||||||
<!-- Theme style -->
|
|
||||||
@css('/site/css/components.css')
|
|
||||||
@css('/site/css/slider.css')
|
|
||||||
@css('/site/css/style.css')
|
|
||||||
@css('/site/css/style-responsive.css')
|
|
||||||
@css('/site/css/themes/blue.css')
|
|
||||||
@css('/site/css/custom.css')
|
|
||||||
<!-- Google Font: Source Sans Pro -->
|
|
||||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css">
|
|
||||||
@css('/site/js/bootstrap/3.3.5/css/bootstrap.min.css')
|
|
||||||
|
|
||||||
<!-- STYLESHEETS -->
|
|
||||||
{!! Asset::styles() !!}
|
|
||||||
</head>
|
|
@ -1,79 +0,0 @@
|
|||||||
<!-- BEGIN TOP BAR -->
|
|
||||||
<div class="pre-header">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<!-- BEGIN TOP BAR LEFT PART -->
|
|
||||||
<div class="col-md-6 col-sm-6 additional-shop-info">
|
|
||||||
<ul class="list-unstyled list-inline">
|
|
||||||
<li><i class="fa fa-phone"></i><span>{!! $so->site_phone !!}</span></li>
|
|
||||||
<li><i class="fa fa-envelope-o"></i><span>{!! $so->site_email !!}</span></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- END TOP BAR LEFT PART -->
|
|
||||||
|
|
||||||
<!-- BEGIN TOP BAR MENU -->
|
|
||||||
<div class="col-md-6 col-sm-6 additional-nav">
|
|
||||||
<ul class="list-unstyled list-inline pull-right">
|
|
||||||
<li><a href="{{ url('home') }}">Log In</a></li>
|
|
||||||
@isset($register)
|
|
||||||
<li><a href="{{ url('register') }}">Registration</a></li>
|
|
||||||
@endisset
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- END TOP BAR MENU -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- END TOP BAR -->
|
|
||||||
|
|
||||||
<!-- BEGIN HEADER -->
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
|
||||||
<a class="site-logo" href="{{ url('/') }}"><img src="{{ $so->site_logo }}" alt="{{ $so->site_description }}" height="32"></a>
|
|
||||||
<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
|
|
||||||
|
|
||||||
<!-- BEGIN NAVIGATION -->
|
|
||||||
<div class="header-navigation pull-right font-transform-inherit">
|
|
||||||
<ul>
|
|
||||||
{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
|
|
||||||
@foreach ($so->top_menu as $item => $menu)
|
|
||||||
<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">
|
|
||||||
|
|
||||||
@if (! \Illuminate\Support\Arr::get($menu,'children'))
|
|
||||||
<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
|
|
||||||
@else
|
|
||||||
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
|
|
||||||
@foreach($menu['children'] as $name => $menuitem)
|
|
||||||
<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
|
|
||||||
@endforeach
|
|
||||||
</ul>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
</li>
|
|
||||||
@endforeach
|
|
||||||
|
|
||||||
<!-- BEGIN TOP SEARCH -->
|
|
||||||
<li class="menu-search">
|
|
||||||
<span class="sep"></span>
|
|
||||||
<i class="fa fa-search search-btn"></i>
|
|
||||||
|
|
||||||
<div class="search-box">
|
|
||||||
<form action="#">
|
|
||||||
<div class="input-group">
|
|
||||||
<input type="text" placeholder="Search" class="form-control">
|
|
||||||
<span class="input-group-btn">
|
|
||||||
<button class="btn btn-primary" type="submit">Search</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<!-- END TOP SEARCH -->
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- END NAVIGATION -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Header END -->
|
|
@ -1,10 +0,0 @@
|
|||||||
<!-- REQUIRED JS SCRIPTS -->
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
// Our CSRF token to each interaction
|
|
||||||
$.ajaxSetup({
|
|
||||||
headers: {
|
|
||||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
@ -1,92 +0,0 @@
|
|||||||
@extends('layouts.app')
|
|
||||||
|
|
||||||
@section('htmlheader_title')
|
|
||||||
{{ trans('message.home') }}
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@section('main-content')
|
|
||||||
<body class="hold-transition welcome-page">
|
|
||||||
|
|
||||||
{{-- SLIDER --}}
|
|
||||||
@if ($so->site_slider)
|
|
||||||
@include('widgets.slider')
|
|
||||||
@endif
|
|
||||||
{{-- END SLIDER --}}
|
|
||||||
|
|
||||||
<div class="main">
|
|
||||||
<div class="container">
|
|
||||||
{{-- SERVICE BOX --}}
|
|
||||||
@if ($so->services)
|
|
||||||
@include('widgets.servicebox')
|
|
||||||
@endif
|
|
||||||
{{-- END SERVICE BOX --}}
|
|
||||||
|
|
||||||
{{-- TESTIMONIALS --}}
|
|
||||||
@if ($so->block_quotes)
|
|
||||||
@include('widgets.blockquote')
|
|
||||||
@endif
|
|
||||||
{{-- END TESTIMONIALS --}}
|
|
||||||
|
|
||||||
{{-- ACTIVITY --}}
|
|
||||||
@if ($so->activities)
|
|
||||||
@include('widgets.activity')
|
|
||||||
@endif
|
|
||||||
{{-- END ACTIVITY --}}
|
|
||||||
|
|
||||||
@if ($so->page_tabs OR $so->testimonials)
|
|
||||||
<!-- BEGIN TABS AND TESTIMONIALS -->
|
|
||||||
<div class="row mix-block margin-bottom-40">
|
|
||||||
|
|
||||||
{{-- TABS --}}
|
|
||||||
@if ($so->page_tabs)
|
|
||||||
@include('widgets.tabs')
|
|
||||||
@endif
|
|
||||||
{{-- END TABS --}}
|
|
||||||
|
|
||||||
{{-- TESTIMONIALS --}}
|
|
||||||
@if ($so->testimonials)
|
|
||||||
@include('widgets.testimonials')
|
|
||||||
@endif
|
|
||||||
{{-- END TESTIMONIALS --}}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- END TABS AND TESTIMONIALS -->
|
|
||||||
@endif
|
|
||||||
|
|
||||||
{{-- STEPS --}}
|
|
||||||
@if ($so->steps)
|
|
||||||
@include('widgets.steps')
|
|
||||||
@endif
|
|
||||||
{{-- END STEPS --}}
|
|
||||||
|
|
||||||
{{-- CLIENTS --}}
|
|
||||||
@if ($so->clients)
|
|
||||||
@include('widgets.clients')
|
|
||||||
@endif
|
|
||||||
{{-- END CLIENTS --}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
|
|
||||||
@js('/site/js/jquery/plugins/fancybox/source/jquery.fancybox.pack.js','jq-fancybox','jquery')
|
|
||||||
@css('/site/js/jquery/plugins/fancybox/source/jquery.fancybox.css')
|
|
||||||
@js('/site/js/jquery/plugins/uniform/2.1.0/js/jquery.uniform.min.js','jq-uniform','jquery')
|
|
||||||
@css('/site/js/jquery/plugins/uniform/2.1.0/css/uniform.default.css')
|
|
||||||
@js('/site/js/layout.js','layout','jquery')
|
|
||||||
</body>
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@section('page-scripts')
|
|
||||||
<script type="text/javascript">
|
|
||||||
jQuery(document).ready(function() {
|
|
||||||
Layout.init();
|
|
||||||
<!-- Layout.initTwitter(); -->
|
|
||||||
Layout.initUniform();
|
|
||||||
Layout.initFixHeaderWithPreHeader();
|
|
||||||
Layout.initNavScrolling();
|
|
||||||
<!-- ContactUs.init(); -->
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
|
||||||
@append
|
|
@ -0,0 +1,67 @@
|
|||||||
|
@extends('metronic::layouts.app')
|
||||||
|
|
||||||
|
@section('htmlheader_title')
|
||||||
|
Welcome
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@section('main-content')
|
||||||
|
{{-- SLIDER --}}
|
||||||
|
@includeIf('welcome.widgets.slider')
|
||||||
|
{{-- END SLIDER --}}
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<div class="container">
|
||||||
|
{{-- SERVICE BOX --}}
|
||||||
|
@includeIf('welcome.widgets.servicebox')
|
||||||
|
{{-- END SERVICE BOX --}}
|
||||||
|
|
||||||
|
{{-- TESTIMONIALS --}}
|
||||||
|
@includeIf('welcome.widgets.blockquote')
|
||||||
|
{{-- END TESTIMONIALS --}}
|
||||||
|
|
||||||
|
{{-- ACTIVITY --}}
|
||||||
|
@includeIf('welcome.widgets.activity')
|
||||||
|
{{-- END ACTIVITY --}}
|
||||||
|
|
||||||
|
@if (isset($show_page_tabs) OR isset($show_testimonials))
|
||||||
|
<!-- BEGIN TABS AND TESTIMONIALS -->
|
||||||
|
<div class="row mix-block margin-bottom-40">
|
||||||
|
{{-- TABS --}}
|
||||||
|
@includeIf('welcome.widgets.tabs')
|
||||||
|
{{-- END TABS --}}
|
||||||
|
|
||||||
|
{{-- TESTIMONIALS --}}
|
||||||
|
@includeIf('welcome.widgets.testimonials')
|
||||||
|
{{-- END TESTIMONIALS --}}
|
||||||
|
</div>
|
||||||
|
<!-- END TABS AND TESTIMONIALS -->
|
||||||
|
@endif
|
||||||
|
|
||||||
|
{{-- STEPS --}}
|
||||||
|
@includeIf('welcome.widgets.steps')
|
||||||
|
{{-- END STEPS --}}
|
||||||
|
|
||||||
|
{{-- CLIENTS --}}
|
||||||
|
@isset($show_clients))
|
||||||
|
@includeIf('welcome.widgets.clients')
|
||||||
|
@endisset
|
||||||
|
{{-- END CLIENTS --}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@js('js/layout.js','layout','jquery')
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@section('page-scripts')
|
||||||
|
|
||||||
|
<!-- PAGE LEVEL JAVASCRIPT -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
Layout.init();
|
||||||
|
Layout.initFixHeaderWithPreHeader();
|
||||||
|
Layout.initNavScrolling();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
||||||
|
@append
|
@ -0,0 +1,138 @@
|
|||||||
|
<!-- BEGIN RECENT WORKS -->
|
||||||
|
<div class="row recent-work margin-bottom-40">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<h2><a href="#">Recent Activity</a></h2>
|
||||||
|
<p>Here are some of our past accomplishments, and clients that we have brought online.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="owl-carousel">
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/pla.png') }}" alt="phpLDAPadmin" class="img-responsive">
|
||||||
|
<a href="http://demo.phpldapadmin.org"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/pla.png') }}" title="phpLdapAdmin" data-fancybox="development" data-caption="phpLDAPadmin"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Application Development</strong>
|
||||||
|
<b>LDAP data management</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/edplus.png') }}" alt="Education Plus" class="img-responsive">
|
||||||
|
<a href="https://edplus.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/edplus.png') }}" title="Education Plus" data-fancybox="hosting" data-caption="Education Plus"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Website Hosting</strong>
|
||||||
|
<b>Education Plus</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/voip.png') }}" alt="VOIP" class="img-responsive">
|
||||||
|
<a href="https://graytech.net.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/voip.png') }}" title="VOIP" data-fancybox="hosting" data-caption="VOIP"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>VOIP Hosting</strong>
|
||||||
|
<b>Voice over IP</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" alt="Education Plus" class="img-responsive">
|
||||||
|
<a href="https://whiskywholesale.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" title="Whisky Wholesale" data-fancybox="hosting" data-caption="Whisky Wholesale"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Website Hosting</strong>
|
||||||
|
<b>Whisky Wholesale</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/elonera.png') }}" alt="Education Plus" class="img-responsive">
|
||||||
|
<a href="https://elonerapreschool.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/elonera.png') }}" title="Elonera PreSchool" data-fancybox="hosting" data-caption="Elonera PreSchool"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Website Hosting</strong>
|
||||||
|
<b>Elonera PreSchool</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/graytech.png') }}" alt="Graytech Hosting" class="img-responsive" >
|
||||||
|
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/graytech.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Website Hosting</strong>
|
||||||
|
<b>Graytech Hosting</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/email.png') }}" alt="Email Hosting" class="img-responsive" >
|
||||||
|
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/email.png') }}" title="Email Hosting" data-fancybox="hosting" data-caption="Email Hosting"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Email Hosting</strong>
|
||||||
|
<b>Your Domain</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-work-item">
|
||||||
|
<em>
|
||||||
|
<img src="{{ asset('pages/welcome/img/activity/graytech1.png') }}" alt="Graytech Hosting" class="img-responsive" >
|
||||||
|
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||||
|
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||||
|
<a href="{{ asset('pages/welcome/img/activity/graytech1.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
|
||||||
|
</em>
|
||||||
|
<a class="recent-work-description" href="javascript:;">
|
||||||
|
<strong>Website Hosting</strong>
|
||||||
|
<b>Graytech Hosting</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END RECENT WORKS -->
|
||||||
|
|
||||||
|
@section('page-styles')
|
||||||
|
<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.theme.default.min.css') }}">
|
||||||
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css">
|
||||||
|
@append
|
||||||
|
|
||||||
|
@section('page-scripts')
|
||||||
|
<script src="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.js') }}"></script>
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$('.owl-carousel').owlCarousel({
|
||||||
|
loop: true,
|
||||||
|
autoplay: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
Fancybox.bind("[data-fancybox]", {});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
@append
|