| Server IP : 14.207.165.8 / Your IP : 216.73.216.57 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/thread-self/root/proc/self/root/var/www/html/old/modules/mod_tabs_gk5/styles/ |
Upload File : |
/**
* Tabs GK5 - style 3
* @package Joomla!
* @Copyright (C) 2007-2012 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK5 1.0 $
**/
/*
*
================== Edit Tabs ================= */
.gkTabsWrap {
border: 1px solid #eee;
}
.gkTabsWrap.vertical ol li,
.gkTabsWrap.horizontal ol li {
box-shadow: inset 0 0 1px #c5c5c5, inset 0 1px 1px #ddd;
background: #fafafa;
border: 1px solid #fff;
border-top: none;
}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.horizontal ol li.active,
.gkTabsWrap.vertical ol li:hover.active,
.gkTabsWrap.horizontal ol li:hover.active {
color: #fff;
box-shadow: inset 0 0 8px #e87676;
background: -moz-linear-gradient(top, #f68383 0%, #e06464 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68383), color-stop(100%, #e06464)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f68383 0%, #e06464 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f68383 0%, #e06464 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f68383 0%, #e06464 100%); /* IE10+ */
background: linear-gradient(top, #f68383 0%, #e06464 100%); /* W3C */
border: 1px solid #d86565;
}
.gkTabsWrap.vertical ol li:hover,
.gkTabsWrap.horizontal ol li:hover {
background: #f6f6f6;
box-shadow: inset 0 0 1px #c5c5c5, inset 0 1px 1px #c5c5c5;
}
.gkTabsButtonNext,
.gkTabsButtonPrev {
background: #ddd;
}
.gkTabsButtonNext:hover,
.gkTabsButtonPrev:hover {
background: #eee;
}
.gkTabsWrap.horizontal {
border: 1px solid #e5e5e5;
}
.gkTabsWrap.horizontal > ol {
background: #fff;
}
/* ================== End ===================== */
/*
* VERTICAL mode
*/
.gkTabsGK5 {
position: relative;
overflow: hidden;
}
.gkTabsWrap {
margin: 0;
}
.gkTabsContainer {
-webkit-perspective: 500;
-moz-perspective: 500;
-ms-perspective: 500;
perspective: 500;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gkTabsItem {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 2px;
position: absolute;
top: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%;
z-index: 1;
}
.gkTabsItem.gk-active {
left: 0;
position: relative;
top: 0;
z-index: 1;
}
.gkTabsItem.gk-hide {
left: 0;
position: absolute;
top: 0;
z-index: 0;
}
.gkTabsItem.gk-opacity.gk-hide {
opacity: 0;
}
.gkTabsItem.gk-opacity.gk-active {
left: 0;
opacity: 1;
}
.gkTabsItem.gk-slide_vertical.gk-hide {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.gkTabsItem.gk-slide_vertical.gk-active {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.gkTabsItem.gk-slide_vertical.gk-hidden {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.gkTabsItem.gk-slide_horizontal.gk-hide {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.gkTabsItem.gk-slide_horizontal.gk-active {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.gkTabsItem.gk-slide_horizontal.gk-hidden {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.gkTabsItem.gk-scale.gk-active {
opacity: 1!important;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.gkTabsItem.gk-scale.gk-hide,
.gkTabsItem.gk-scale.gk-hidden {
opacity: 0!important;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.gkTabsItem.gk-rotate_x.gk-active {
opacity: 1!important;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.gkTabsItem.gk-rotate_x.gk-hide,
.gkTabsItem.gk-rotate_x.gk-hidden {
opacity: 0!important;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.gkTabsItem.gk-rotate_y.gk-active {
opacity: 1!important;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.gkTabsItem.gk-rotate_y.gk-hide,
.gkTabsItem.gk-rotate_y.gk-hidden {
opacity: 0!important;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.gkTabsItem.gk-rotate_z.gk-active {
opacity: 1!important;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0);
}
.gkTabsItem.gk-rotate_z.gk-hide,
.gkTabsItem.gk-rotate_z.gk-hidden {
opacity: 0!important;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
/* tabs */
.gkTabsWrap.vertical ol {
margin: 0!important;
padding: 0 20px!important;
}
.gkTabsWrap.vertical ol li,
.gkTabsWrap.horizontal ol li {
cursor: pointer;
float: left;
list-style-type: none !important;
padding: 8px 16px !important;
border-radius: 3px;
margin: 14px 4px 0;
line-height: 24px !important
}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.horizontal ol li.active,
.gkTabsWrap.vertical ol li:hover.active,
.gkTabsWrap.horizontal ol li:hover.active {
line-height: 22px !important
}
.gkTabsWrap.vertical .gkTabsContainer + ol {
overflow: hidden;
}
.gkTabsWrap.vertical .gkTabsContainer + ol li {
margin: 0 4px 14px;
}
/* containers */
.gkTabsContainer,
.gkTabsContainer[style] {
clear: both;
overflow: hidden!important;
overflow-x: hidden!important;
overflow-y: hidden!important;
position: relative;
}
/* buttons prev/next */
.gkTabsButtonNext,
.gkTabsButtonPrev {
border-radius: 50%;
cursor: pointer;
height: 18px;
position: absolute;
right: 0;
font: 0/0px a;
top: 43%;
width: 18px;
z-index: 3;
}
.gkTabsButtonPrev {
left: 0;
right: inherit;
}
.gkTabsButtonNext:before,
.gkTabsButtonPrev:before {
content: "›";
display: block;
font-size: 14px;
font-weight: bold;
height: 18px;
line-height: 17px;
text-align: center;
width: 18px;
}
.gkTabsButtonPrev:before {
content: "‹";
}
/*
* HORIZONTAL mode
*/
.gkTabsWrap.horizontal {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 100%;
}
.gkTabsWrap.horizontal > ol,
.gkTabsWrap.horizontal > .gkTabsContainer {
display: table-cell;
vertical-align: top;
}
.gkTabsWrap.horizontal > ol {
border: none;
overflow: hidden;
margin: 0 !important;
padding: 20px 0 20px 20px!important;
}
.gkTabsWrap.horizontal > ol {
position: relative;
z-index: 5;
}
/* tabs */
.gkTabsWrap.horizontal ol li {
width: auto;
margin: 0 0 6px !important;
}
.gkTabsWrap.horizontal ol li.active {
}
.gkTabsWrap.horizontal .gkTabsContainer + ol {
padding: 20px 20px 20px 0!important;
}
.gkTabsWrap.horizontal .gkTabsContainer + ol li {
float: right;
}