diff --git a/README.md b/README.md index b8f0cef..b1f51a5 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # jQuery Smart Tab v3 -#### The flexible jQuery tab control plugin. +#### The flexible jQuery tab control plugin [![Build Status](https://travis-ci.org/techlab/jquery-smarttab.svg?branch=master)](https://travis-ci.org/techlab/jquery-smarttab) [![npm version](https://badge.fury.io/js/jquery-smarttab.svg)](https://badge.fury.io/js/jquery-smarttab) @@ -9,6 +9,8 @@ Smart Tab is a flexible and heavily customizable **jQuery Tab control plugin**. +> If you think it is cool, you should also check it's sibling [React Smart Tab](http://techlaboratory.net/react-smarttab) + + [Homepage](http://techlaboratory.net/jquery-smarttab) + [Documentation](http://techlaboratory.net/jquery-smarttab#documentation) + [Demos](http://techlaboratory.net/jquery-smarttab#demo) @@ -47,6 +49,24 @@ Installation ### [Composer](https://packagist.org/packages/techlab/jquery-smarttab) composer require techlab/jquery-smarttab +### [CDN - jsDelivr](https://www.jsdelivr.com/package/npm/jquery-smarttab) +```html + + + + + +``` + +### [CDN - UNPKG](https://unpkg.com/browse/jquery-smarttab/) +```html + + + + + +``` + ### Download #### [Download from GitHub](https://github.com/techlab/jquery-smarttab/archive/master.zip) @@ -140,7 +160,8 @@ Initialize the jQuery SmartTab }); ``` -That's it! +That's it! + Please see the [documentation](http://techlaboratory.net/jquery-smarttab#documentation) for more details on implementation and usage. ##### All options diff --git a/dist/css/smart_tab.css b/dist/css/smart_tab.css index 9e2d3e5..290439a 100644 --- a/dist/css/smart_tab.css +++ b/dist/css/smart_tab.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; diff --git a/dist/css/smart_tab.min.css b/dist/css/smart_tab.min.css index 9dd8e8f..e0fc213 100644 --- a/dist/css/smart_tab.min.css +++ b/dist/css/smart_tab.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-default{border:1px solid #eee}.st-theme-default>.tab-content>.tab-pane{padding:10px}.st-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.st-theme-default>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;transition:all 250ms ease 0s}.st-theme-default>.nav .nav-link::after{content:"";background:0 0;height:2px;position:absolute;width:100%;left:0;bottom:-1px;transition:all 250ms ease 0s;transform:scale(0)}.st-theme-default>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.st-theme-default>.nav .nav-link.active::after{background:#5bc0de!important;transform:scale(1)}.st-theme-default.st-vertical>.nav{box-shadow:.125rem 0 .25rem rgba(0,0,0,.1)!important}.st-theme-default.st-vertical>.nav .nav-link::after{height:100%;width:2px;top:0;left:auto;right:-1px} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-default{border:1px solid #eee}.st-theme-default>.tab-content>.tab-pane{padding:10px}.st-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.st-theme-default>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;transition:all 250ms ease 0s}.st-theme-default>.nav .nav-link::after{content:"";background:0 0;height:2px;position:absolute;width:100%;left:0;bottom:-1px;transition:all 250ms ease 0s;transform:scale(0)}.st-theme-default>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.st-theme-default>.nav .nav-link.active::after{background:#5bc0de!important;transform:scale(1)}.st-theme-default.st-vertical>.nav{box-shadow:.125rem 0 .25rem rgba(0,0,0,.1)!important}.st-theme-default.st-vertical>.nav .nav-link::after{height:100%;width:2px;top:0;left:auto;right:-1px} \ No newline at end of file diff --git a/dist/css/smart_tab_all.css b/dist/css/smart_tab_all.css index 233b870..13afa31 100644 --- a/dist/css/smart_tab_all.css +++ b/dist/css/smart_tab_all.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; @@ -319,25 +319,25 @@ border-top-right-radius: unset; } -/* SmartTab Theme: BsTabs */ -.st-theme-bstabs { +/* SmartTab Theme: Round */ +.st-theme-round { border: 1px solid #dee2e6; border-top-width: 0; border-radius: 8px; } -.st-theme-bstabs > .tab-content > .tab-pane { +.st-theme-round > .tab-content > .tab-pane { padding: 10px; } -.st-theme-bstabs > .nav { +.st-theme-round > .nav { background: #ffffff; border-bottom: 1px solid #dee2e6; margin-right: -1px; margin-left: -1px; } -.st-theme-bstabs > .nav .nav-link { +.st-theme-round > .nav .nav-link { position: relative; background: transparent; height: 100%; @@ -349,7 +349,7 @@ background: #ffffff; } -.st-theme-bstabs > .nav .nav-link.active { +.st-theme-round > .nav .nav-link.active { color: #495057 !important; border-color: #dee2e6 !important; cursor: pointer; @@ -357,7 +357,7 @@ border-top-right-radius: 8px; } -.st-theme-bstabs > .nav .nav-link.active::after { +.st-theme-round > .nav .nav-link.active::after { content: ""; background: #ffffff; height: 1px; @@ -367,16 +367,16 @@ bottom: -1px; } -.st-theme-bstabs > .nav .nav-link.disabled { +.st-theme-round > .nav .nav-link.disabled { color: #eeeeee !important; } -.st-theme-bstabs.st-vertical { +.st-theme-round.st-vertical { border-top-width: 1px; border-left-width: 0; } -.st-theme-bstabs.st-vertical > .nav { +.st-theme-round.st-vertical > .nav { border-right: 1px solid #dee2e6; border-bottom: unset; margin-top: -1px; @@ -385,18 +385,18 @@ margin-left: 0; } -.st-theme-bstabs.st-vertical > .nav .nav-link { +.st-theme-round.st-vertical > .nav .nav-link { border-bottom-width: 1px; border-right-width: 0; } -.st-theme-bstabs.st-vertical > .nav .nav-link.active { +.st-theme-round.st-vertical > .nav .nav-link.active { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: unset; } -.st-theme-bstabs.st-vertical > .nav .nav-link.active::after { +.st-theme-round.st-vertical > .nav .nav-link.active::after { height: 100%; width: 1px; top: 0px; @@ -404,21 +404,161 @@ right: -1px; } -/* SmartTab Theme: BsPills */ -.st-theme-bspills > .tab-content > .tab-pane { +/* SmartTab Theme: Pills */ +.st-theme-pills > .tab-content > .tab-pane { padding: 10px; } -.st-theme-bspills > .nav .nav-link { +.st-theme-pills > .nav { + background: #5bc0de; + padding: 11px 23px; + border-radius: 0.1875rem; +} + +.st-theme-pills > .nav .nav-link { height: 100%; min-height: 100%; - color: #222 !important; + color: #fff !important; padding: .5rem 1rem; - border-radius: .25rem; } -.st-theme-bspills > .nav .nav-link.active { +.st-theme-pills > .nav .nav-link.active { color: #fff !important; - background: #007bff; + background: rgba(255, 255, 255, 0.2); + border-radius: 30px; + cursor: pointer; +} + +/* SmartTab Theme: GitHub */ +.st-theme-github > .tab-content > .tab-pane { + padding: 10px; +} + +.st-theme-github > .nav { + background: #fafbfc; + border-bottom: 1px solid #e1e4e8; + margin-right: -1px; + margin-left: -1px; +} + +.st-theme-github > .nav .nav-link { + position: relative; + background: transparent; + height: 100%; + min-height: 100%; + color: #586069; + padding: 10px; + border: 1px solid transparent; + border-top-width: 3px; + border-bottom-width: 0; + background: #fafbfc; +} + +.st-theme-github > .nav .nav-link:hover, .st-theme-github > .nav .nav-link:focus { + color: #24292e; +} + +.st-theme-github > .nav .nav-link.active { + color: #495057 !important; + border-color: #e1e4e8 !important; + border-top-color: #e36209 !important; + background-color: #ffffff !important; + cursor: pointer; +} + +.st-theme-github > .nav .nav-link.active::after { + content: ""; + background: #ffffff; + height: 1px; + position: absolute; + width: 100%; + left: 0px; + bottom: -1px; +} + +.st-theme-github > .nav .nav-link.disabled { + color: #eeeeee !important; +} + +.st-theme-github.st-vertical > .nav { + border-right: 1px solid #e1e4e8; + border-bottom: unset; + margin-top: -1px; + margin-bottom: -1px; + margin-right: 0; + margin-left: 0; +} + +.st-theme-github.st-vertical > .nav .nav-link { + border-bottom-width: 1px; + border-right-width: 0; + border-top-width: 1px; + border-left-width: 3px; +} + +.st-theme-github.st-vertical > .nav .nav-link.active { + border-top-color: #e1e4e8 !important; + border-left-color: #e36209 !important; +} + +.st-theme-github.st-vertical > .nav .nav-link.active::after { + height: 100%; + width: 1px; + top: 0px; + left: auto; + right: -1px; +} + +/* SmartTab Theme: Sourceforge */ +.st-theme-sourceforge > .tab-content > .tab-pane { + padding: 11px 15px; +} + +.st-theme-sourceforge > .nav { + background: #fff; + border-right: 1px solid; + border-image-source: linear-gradient(to bottom, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 0 1 0 0; +} + +.st-theme-sourceforge > .nav .nav-link { + position: relative; + height: 100%; + min-height: 100%; + padding: 10px; + color: #586069; + background: #fff; + border-style: solid; + border-width: 3px 0 1px 1px; + border-image-source: linear-gradient(to bottom, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 3 0 1 1; +} + +.st-theme-sourceforge > .nav .nav-link:hover, .st-theme-sourceforge > .nav .nav-link:focus { + color: #09c !important; +} + +.st-theme-sourceforge > .nav .nav-link.active { + color: #0cf !important; + background-color: #ffffff !important; cursor: pointer; + border-image-source: linear-gradient(to bottom, #00ccff 0%, #00ccff 3px, #dcdcdc 3px); + border-image-slice: 3 0 0 1; +} + +.st-theme-sourceforge.st-vertical > .nav { + border-top: 1px solid; + border-image-source: linear-gradient(to right, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 1 0 0 0; +} + +.st-theme-sourceforge.st-vertical > .nav .nav-link { + border-width: 0 1px 1px 3px; + border-image-source: linear-gradient(to right, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 0 1 1 3; +} + +.st-theme-sourceforge.st-vertical > .nav .nav-link.active { + border-image-source: linear-gradient(to right, #00ccff 0%, #00ccff 3px, #dcdcdc 3px); + border-image-slice: 0 0 1 3; } diff --git a/dist/css/smart_tab_all.min.css b/dist/css/smart_tab_all.min.css index 449d743..79d48d9 100644 --- a/dist/css/smart_tab_all.min.css +++ b/dist/css/smart_tab_all.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-default{border:1px solid #eee}.st-theme-default>.tab-content>.tab-pane{padding:10px}.st-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.st-theme-default>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;transition:all 250ms ease 0s}.st-theme-default>.nav .nav-link::after{content:"";background:0 0;height:2px;position:absolute;width:100%;left:0;bottom:-1px;transition:all 250ms ease 0s;transform:scale(0)}.st-theme-default>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.st-theme-default>.nav .nav-link.active::after{background:#5bc0de!important;transform:scale(1)}.st-theme-default.st-vertical>.nav{box-shadow:.125rem 0 .25rem rgba(0,0,0,.1)!important}.st-theme-default.st-vertical>.nav .nav-link::after{height:100%;width:2px;top:0;left:auto;right:-1px}.st-theme-classic{border:1px solid #eee}.st-theme-classic>.tab-content>.tab-pane{padding:10px}.st-theme-classic>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;background-color:#f9f9f9;background-image:linear-gradient(to bottom,#f9f9f9 0,#f6f6f6 47%,#ededed 100%)}.st-theme-classic>.nav .nav-link.active{color:#5bc0de!important;background-image:linear-gradient(to top,#fff 0,#f6f6f6 47%,#ededed 100%);cursor:pointer}.st-theme-classic.st-vertical>.nav .nav-link{background-image:linear-gradient(to right,#f9f9f9 0,#f6f6f6 47%,#ededed 100%)}.st-theme-classic.st-vertical>.nav .nav-link.active{background-image:linear-gradient(to left,#fff 0,#f6f6f6 47%,#ededed 100%)}.st-theme-dark{border:1px solid #000;color:rgba(255,255,255,.95);background:#181c20}.st-theme-dark>.tab-content>.tab-pane{padding:10px}.st-theme-dark>.nav{background:#0d0f12}.st-theme-dark>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#aaa!important;padding:10px}.st-theme-dark>.nav .nav-link.active{color:rgba(255,255,255,.95)!important;background:#181c20!important;cursor:pointer}.st-theme-dark>.nav .nav-link.disabled{color:#555!important}.st-theme-brick>.tab-content>.tab-pane{padding:10px}.st-theme-brick>.nav{background:#f9f9f9;border-bottom:2px solid #5bc0de}.st-theme-brick>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#bbb!important;padding:10px}.st-theme-brick>.nav .nav-link.active{color:#fff!important;background:#5bc0de!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-brick>.nav .nav-link.disabled{color:#eee!important}.st-theme-brick.st-vertical>.nav{border-right:2px solid #5bc0de;border-bottom:unset}.st-theme-brick.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-bstabs{border:1px solid #dee2e6;border-top-width:0;border-radius:8px}.st-theme-bstabs>.tab-content>.tab-pane{padding:10px}.st-theme-bstabs>.nav{background:#fff;border-bottom:1px solid #dee2e6;margin-right:-1px;margin-left:-1px}.st-theme-bstabs>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#bbb!important;padding:10px;border:1px solid transparent;border-bottom-width:0;background:#fff}.st-theme-bstabs>.nav .nav-link.active{color:#495057!important;border-color:#dee2e6!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-bstabs>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-bstabs>.nav .nav-link.disabled{color:#eee!important}.st-theme-bstabs.st-vertical{border-top-width:1px;border-left-width:0}.st-theme-bstabs.st-vertical>.nav{border-right:1px solid #dee2e6;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-bstabs.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0}.st-theme-bstabs.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-bstabs.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px}.st-theme-bspills>.tab-content>.tab-pane{padding:10px}.st-theme-bspills>.nav .nav-link{height:100%;min-height:100%;color:#222!important;padding:.5rem 1rem;border-radius:.25rem}.st-theme-bspills>.nav .nav-link.active{color:#fff!important;background:#007bff;cursor:pointer} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-default{border:1px solid #eee}.st-theme-default>.tab-content>.tab-pane{padding:10px}.st-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.st-theme-default>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;transition:all 250ms ease 0s}.st-theme-default>.nav .nav-link::after{content:"";background:0 0;height:2px;position:absolute;width:100%;left:0;bottom:-1px;transition:all 250ms ease 0s;transform:scale(0)}.st-theme-default>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.st-theme-default>.nav .nav-link.active::after{background:#5bc0de!important;transform:scale(1)}.st-theme-default.st-vertical>.nav{box-shadow:.125rem 0 .25rem rgba(0,0,0,.1)!important}.st-theme-default.st-vertical>.nav .nav-link::after{height:100%;width:2px;top:0;left:auto;right:-1px}.st-theme-classic{border:1px solid #eee}.st-theme-classic>.tab-content>.tab-pane{padding:10px}.st-theme-classic>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#222!important;padding:10px;background-color:#f9f9f9;background-image:linear-gradient(to bottom,#f9f9f9 0,#f6f6f6 47%,#ededed 100%)}.st-theme-classic>.nav .nav-link.active{color:#5bc0de!important;background-image:linear-gradient(to top,#fff 0,#f6f6f6 47%,#ededed 100%);cursor:pointer}.st-theme-classic.st-vertical>.nav .nav-link{background-image:linear-gradient(to right,#f9f9f9 0,#f6f6f6 47%,#ededed 100%)}.st-theme-classic.st-vertical>.nav .nav-link.active{background-image:linear-gradient(to left,#fff 0,#f6f6f6 47%,#ededed 100%)}.st-theme-dark{border:1px solid #000;color:rgba(255,255,255,.95);background:#181c20}.st-theme-dark>.tab-content>.tab-pane{padding:10px}.st-theme-dark>.nav{background:#0d0f12}.st-theme-dark>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#aaa!important;padding:10px}.st-theme-dark>.nav .nav-link.active{color:rgba(255,255,255,.95)!important;background:#181c20!important;cursor:pointer}.st-theme-dark>.nav .nav-link.disabled{color:#555!important}.st-theme-brick>.tab-content>.tab-pane{padding:10px}.st-theme-brick>.nav{background:#f9f9f9;border-bottom:2px solid #5bc0de}.st-theme-brick>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#bbb!important;padding:10px}.st-theme-brick>.nav .nav-link.active{color:#fff!important;background:#5bc0de!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-brick>.nav .nav-link.disabled{color:#eee!important}.st-theme-brick.st-vertical>.nav{border-right:2px solid #5bc0de;border-bottom:unset}.st-theme-brick.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-round{border:1px solid #dee2e6;border-top-width:0;border-radius:8px}.st-theme-round>.tab-content>.tab-pane{padding:10px}.st-theme-round>.nav{background:#fff;border-bottom:1px solid #dee2e6;margin-right:-1px;margin-left:-1px}.st-theme-round>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#bbb!important;padding:10px;border:1px solid transparent;border-bottom-width:0;background:#fff}.st-theme-round>.nav .nav-link.active{color:#495057!important;border-color:#dee2e6!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-round>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-round>.nav .nav-link.disabled{color:#eee!important}.st-theme-round.st-vertical{border-top-width:1px;border-left-width:0}.st-theme-round.st-vertical>.nav{border-right:1px solid #dee2e6;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-round.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0}.st-theme-round.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-round.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px}.st-theme-pills>.tab-content>.tab-pane{padding:10px}.st-theme-pills>.nav{background:#5bc0de;padding:11px 23px;border-radius:.1875rem}.st-theme-pills>.nav .nav-link{height:100%;min-height:100%;color:#fff!important;padding:.5rem 1rem}.st-theme-pills>.nav .nav-link.active{color:#fff!important;background:rgba(255,255,255,.2);border-radius:30px;cursor:pointer}.st-theme-github>.tab-content>.tab-pane{padding:10px}.st-theme-github>.nav{background:#fafbfc;border-bottom:1px solid #e1e4e8;margin-right:-1px;margin-left:-1px}.st-theme-github>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#586069;padding:10px;border:1px solid transparent;border-top-width:3px;border-bottom-width:0;background:#fafbfc}.st-theme-github>.nav .nav-link:focus,.st-theme-github>.nav .nav-link:hover{color:#24292e}.st-theme-github>.nav .nav-link.active{color:#495057!important;border-color:#e1e4e8!important;border-top-color:#e36209!important;background-color:#fff!important;cursor:pointer}.st-theme-github>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-github>.nav .nav-link.disabled{color:#eee!important}.st-theme-github.st-vertical>.nav{border-right:1px solid #e1e4e8;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-github.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0;border-top-width:1px;border-left-width:3px}.st-theme-github.st-vertical>.nav .nav-link.active{border-top-color:#e1e4e8!important;border-left-color:#e36209!important}.st-theme-github.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px}.st-theme-sourceforge>.tab-content>.tab-pane{padding:11px 15px}.st-theme-sourceforge>.nav{background:#fff;border-right:1px solid;border-image-source:linear-gradient(to bottom,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:0 1 0 0}.st-theme-sourceforge>.nav .nav-link{position:relative;height:100%;min-height:100%;padding:10px;color:#586069;background:#fff;border-style:solid;border-width:3px 0 1px 1px;border-image-source:linear-gradient(to bottom,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:3 0 1 1}.st-theme-sourceforge>.nav .nav-link:focus,.st-theme-sourceforge>.nav .nav-link:hover{color:#09c!important}.st-theme-sourceforge>.nav .nav-link.active{color:#0cf!important;background-color:#fff!important;cursor:pointer;border-image-source:linear-gradient(to bottom,#0cf 0,#0cf 3px,#dcdcdc 3px);border-image-slice:3 0 0 1}.st-theme-sourceforge.st-vertical>.nav{border-top:1px solid;border-image-source:linear-gradient(to right,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:1 0 0 0}.st-theme-sourceforge.st-vertical>.nav .nav-link{border-width:0 1px 1px 3px;border-image-source:linear-gradient(to right,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:0 1 1 3}.st-theme-sourceforge.st-vertical>.nav .nav-link.active{border-image-source:linear-gradient(to right,#0cf 0,#0cf 3px,#dcdcdc 3px);border-image-slice:0 0 1 3} \ No newline at end of file diff --git a/dist/css/smart_tab_brick.css b/dist/css/smart_tab_brick.css index c9feea6..0c23b2b 100644 --- a/dist/css/smart_tab_brick.css +++ b/dist/css/smart_tab_brick.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; diff --git a/dist/css/smart_tab_brick.min.css b/dist/css/smart_tab_brick.min.css index c050382..6c0f4fd 100644 --- a/dist/css/smart_tab_brick.min.css +++ b/dist/css/smart_tab_brick.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-brick>.tab-content>.tab-pane{padding:10px}.st-theme-brick>.nav{background:#f9f9f9;border-bottom:2px solid #5bc0de}.st-theme-brick>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#bbb!important;padding:10px}.st-theme-brick>.nav .nav-link.active{color:#fff!important;background:#5bc0de!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-brick>.nav .nav-link.disabled{color:#eee!important}.st-theme-brick.st-vertical>.nav{border-right:2px solid #5bc0de;border-bottom:unset}.st-theme-brick.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-brick>.tab-content>.tab-pane{padding:10px}.st-theme-brick>.nav{background:#f9f9f9;border-bottom:2px solid #5bc0de}.st-theme-brick>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#bbb!important;padding:10px}.st-theme-brick>.nav .nav-link.active{color:#fff!important;background:#5bc0de!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-brick>.nav .nav-link.disabled{color:#eee!important}.st-theme-brick.st-vertical>.nav{border-right:2px solid #5bc0de;border-bottom:unset}.st-theme-brick.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset} \ No newline at end of file diff --git a/dist/css/smart_tab_bspills.css b/dist/css/smart_tab_bspills.css index 2b8dabc..d5b30dd 100644 --- a/dist/css/smart_tab_bspills.css +++ b/dist/css/smart_tab_bspills.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; diff --git a/dist/css/smart_tab_bspills.min.css b/dist/css/smart_tab_bspills.min.css index 1eb9c59..14f7d03 100644 --- a/dist/css/smart_tab_bspills.min.css +++ b/dist/css/smart_tab_bspills.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-bspills>.tab-content>.tab-pane{padding:10px}.st-theme-bspills>.nav .nav-link{height:100%;min-height:100%;color:#222!important;padding:.5rem 1rem;border-radius:.25rem}.st-theme-bspills>.nav .nav-link.active{color:#fff!important;background:#007bff;cursor:pointer} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-bspills>.tab-content>.tab-pane{padding:10px}.st-theme-bspills>.nav .nav-link{height:100%;min-height:100%;color:#222!important;padding:.5rem 1rem;border-radius:.25rem}.st-theme-bspills>.nav .nav-link.active{color:#fff!important;background:#007bff;cursor:pointer} \ No newline at end of file diff --git a/dist/css/smart_tab_bstabs.css b/dist/css/smart_tab_bstabs.css index b6c48a9..d19e7b2 100644 --- a/dist/css/smart_tab_bstabs.css +++ b/dist/css/smart_tab_bstabs.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; diff --git a/dist/css/smart_tab_bstabs.min.css b/dist/css/smart_tab_bstabs.min.css index ad13046..ce2ea33 100644 --- a/dist/css/smart_tab_bstabs.min.css +++ b/dist/css/smart_tab_bstabs.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-bstabs{border:1px solid #dee2e6;border-top-width:0;border-radius:8px}.st-theme-bstabs>.tab-content>.tab-pane{padding:10px}.st-theme-bstabs>.nav{background:#fff;border-bottom:1px solid #dee2e6;margin-right:-1px;margin-left:-1px}.st-theme-bstabs>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#bbb!important;padding:10px;border:1px solid transparent;border-bottom-width:0;background:#fff}.st-theme-bstabs>.nav .nav-link.active{color:#495057!important;border-color:#dee2e6!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-bstabs>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-bstabs>.nav .nav-link.disabled{color:#eee!important}.st-theme-bstabs.st-vertical{border-top-width:1px;border-left-width:0}.st-theme-bstabs.st-vertical>.nav{border-right:1px solid #dee2e6;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-bstabs.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0}.st-theme-bstabs.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-bstabs.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-bstabs{border:1px solid #dee2e6;border-top-width:0;border-radius:8px}.st-theme-bstabs>.tab-content>.tab-pane{padding:10px}.st-theme-bstabs>.nav{background:#fff;border-bottom:1px solid #dee2e6;margin-right:-1px;margin-left:-1px}.st-theme-bstabs>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#bbb!important;padding:10px;border:1px solid transparent;border-bottom-width:0;background:#fff}.st-theme-bstabs>.nav .nav-link.active{color:#495057!important;border-color:#dee2e6!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-bstabs>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-bstabs>.nav .nav-link.disabled{color:#eee!important}.st-theme-bstabs.st-vertical{border-top-width:1px;border-left-width:0}.st-theme-bstabs.st-vertical>.nav{border-right:1px solid #dee2e6;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-bstabs.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0}.st-theme-bstabs.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-bstabs.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px} \ No newline at end of file diff --git a/dist/css/smart_tab_dark.css b/dist/css/smart_tab_dark.css index d712241..05992fb 100644 --- a/dist/css/smart_tab_dark.css +++ b/dist/css/smart_tab_dark.css @@ -118,8 +118,8 @@ position: absolute; top: 45%; left: 45%; - width: 1em; - height: 1em; + width: 2rem; + height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; diff --git a/dist/css/smart_tab_dark.min.css b/dist/css/smart_tab_dark.min.css index e606a70..b32912a 100644 --- a/dist/css/smart_tab_dark.min.css +++ b/dist/css/smart_tab_dark.min.css @@ -8,4 +8,4 @@ * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE - */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:1em;height:1em;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-dark{border:1px solid #000;color:rgba(255,255,255,.95);background:#181c20}.st-theme-dark>.tab-content>.tab-pane{padding:10px}.st-theme-dark>.nav{background:#0d0f12}.st-theme-dark>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#aaa!important;padding:10px}.st-theme-dark>.nav .nav-link.active{color:rgba(255,255,255,.95)!important;background:#181c20!important;cursor:pointer}.st-theme-dark>.nav .nav-link.disabled{color:#555!important} \ No newline at end of file + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-dark{border:1px solid #000;color:rgba(255,255,255,.95);background:#181c20}.st-theme-dark>.tab-content>.tab-pane{padding:10px}.st-theme-dark>.nav{background:#0d0f12}.st-theme-dark>.nav .nav-link{position:relative;background:0 0;border:transparent;height:100%;min-height:100%;color:#aaa!important;padding:10px}.st-theme-dark>.nav .nav-link.active{color:rgba(255,255,255,.95)!important;background:#181c20!important;cursor:pointer}.st-theme-dark>.nav .nav-link.disabled{color:#555!important} \ No newline at end of file diff --git a/dist/css/smart_tab_github.css b/dist/css/smart_tab_github.css new file mode 100644 index 0000000..aa9b296 --- /dev/null +++ b/dist/css/smart_tab_github.css @@ -0,0 +1,229 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */ +/* SmartTab Base Styles */ +.st { + position: relative; +} + +.st *, +.st *::before, +.st *::after { + box-sizing: border-box; +} + +.st > .tab-content { + position: relative; + overflow: hidden; +} + +.st > .nav { + display: flex; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +@media screen and (max-width: 640px) { + .st > .nav { + flex-direction: column !important; + flex: 1 auto; + } +} + +.st > .nav .nav-link { + display: block; + padding: .5rem 1rem; + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link:hover, .st > .nav .nav-link:active, .st > .nav .nav-link:focus { + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link::-moz-focus-inner { + border: 0 !important; +} + +.st > .nav .nav-link.disabled { + color: #ccc !important; + pointer-events: none; + cursor: default; +} + +.st.st-vertical { + display: flex !important; + flex-wrap: nowrap; +} + +.st.st-vertical > .nav { + flex-direction: column !important; + flex: 1 auto; +} + +.st.st-vertical > .nav .nav-link { + text-align: left; +} + +.st.st-vertical > .nav > li, .st.st-vertical > .nav .nav-link { + flex-grow: unset !important; +} + +.st.st-vertical > .tab-content { + flex: 1 100%; +} + +.st.st-justified > .nav > li, .st.st-justified > .nav .nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.st.st-loading { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.st.st-loading::after { + content: ""; + display: block; + position: absolute; + opacity: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(255, 255, 255, 0.7); + z-index: 2; + transition: all .2s ease; +} + +.st.st-loading::before { + content: ''; + display: inline-block; + position: absolute; + top: 45%; + left: 45%; + width: 2rem; + height: 2rem; + border: 10px solid #f3f3f3; + border-top: 10px solid #3498db; + border-radius: 50%; + z-index: 10; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +/* SmartTab Theme: GitHub */ +.st-theme-github > .tab-content > .tab-pane { + padding: 10px; +} + +.st-theme-github > .nav { + background: #fafbfc; + border-bottom: 1px solid #e1e4e8; + margin-right: -1px; + margin-left: -1px; +} + +.st-theme-github > .nav .nav-link { + position: relative; + background: transparent; + height: 100%; + min-height: 100%; + color: #586069; + padding: 10px; + border: 1px solid transparent; + border-top-width: 3px; + border-bottom-width: 0; + background: #fafbfc; +} + +.st-theme-github > .nav .nav-link:hover, .st-theme-github > .nav .nav-link:focus { + color: #24292e; +} + +.st-theme-github > .nav .nav-link.active { + color: #495057 !important; + border-color: #e1e4e8 !important; + border-top-color: #e36209 !important; + background-color: #ffffff !important; + cursor: pointer; +} + +.st-theme-github > .nav .nav-link.active::after { + content: ""; + background: #ffffff; + height: 1px; + position: absolute; + width: 100%; + left: 0px; + bottom: -1px; +} + +.st-theme-github > .nav .nav-link.disabled { + color: #eeeeee !important; +} + +.st-theme-github.st-vertical > .nav { + border-right: 1px solid #e1e4e8; + border-bottom: unset; + margin-top: -1px; + margin-bottom: -1px; + margin-right: 0; + margin-left: 0; +} + +.st-theme-github.st-vertical > .nav .nav-link { + border-bottom-width: 1px; + border-right-width: 0; + border-top-width: 1px; + border-left-width: 3px; +} + +.st-theme-github.st-vertical > .nav .nav-link.active { + border-top-color: #e1e4e8 !important; + border-left-color: #e36209 !important; +} + +.st-theme-github.st-vertical > .nav .nav-link.active::after { + height: 100%; + width: 1px; + top: 0px; + left: auto; + right: -1px; +} diff --git a/dist/css/smart_tab_github.min.css b/dist/css/smart_tab_github.min.css new file mode 100644 index 0000000..3472ffe --- /dev/null +++ b/dist/css/smart_tab_github.min.css @@ -0,0 +1,11 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-github>.tab-content>.tab-pane{padding:10px}.st-theme-github>.nav{background:#fafbfc;border-bottom:1px solid #e1e4e8;margin-right:-1px;margin-left:-1px}.st-theme-github>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#586069;padding:10px;border:1px solid transparent;border-top-width:3px;border-bottom-width:0;background:#fafbfc}.st-theme-github>.nav .nav-link:focus,.st-theme-github>.nav .nav-link:hover{color:#24292e}.st-theme-github>.nav .nav-link.active{color:#495057!important;border-color:#e1e4e8!important;border-top-color:#e36209!important;background-color:#fff!important;cursor:pointer}.st-theme-github>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-github>.nav .nav-link.disabled{color:#eee!important}.st-theme-github.st-vertical>.nav{border-right:1px solid #e1e4e8;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-github.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0;border-top-width:1px;border-left-width:3px}.st-theme-github.st-vertical>.nav .nav-link.active{border-top-color:#e1e4e8!important;border-left-color:#e36209!important}.st-theme-github.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px} \ No newline at end of file diff --git a/dist/css/smart_tab_pills.css b/dist/css/smart_tab_pills.css new file mode 100644 index 0000000..0827c0a --- /dev/null +++ b/dist/css/smart_tab_pills.css @@ -0,0 +1,174 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */ +/* SmartTab Base Styles */ +.st { + position: relative; +} + +.st *, +.st *::before, +.st *::after { + box-sizing: border-box; +} + +.st > .tab-content { + position: relative; + overflow: hidden; +} + +.st > .nav { + display: flex; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +@media screen and (max-width: 640px) { + .st > .nav { + flex-direction: column !important; + flex: 1 auto; + } +} + +.st > .nav .nav-link { + display: block; + padding: .5rem 1rem; + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link:hover, .st > .nav .nav-link:active, .st > .nav .nav-link:focus { + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link::-moz-focus-inner { + border: 0 !important; +} + +.st > .nav .nav-link.disabled { + color: #ccc !important; + pointer-events: none; + cursor: default; +} + +.st.st-vertical { + display: flex !important; + flex-wrap: nowrap; +} + +.st.st-vertical > .nav { + flex-direction: column !important; + flex: 1 auto; +} + +.st.st-vertical > .nav .nav-link { + text-align: left; +} + +.st.st-vertical > .nav > li, .st.st-vertical > .nav .nav-link { + flex-grow: unset !important; +} + +.st.st-vertical > .tab-content { + flex: 1 100%; +} + +.st.st-justified > .nav > li, .st.st-justified > .nav .nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.st.st-loading { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.st.st-loading::after { + content: ""; + display: block; + position: absolute; + opacity: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(255, 255, 255, 0.7); + z-index: 2; + transition: all .2s ease; +} + +.st.st-loading::before { + content: ''; + display: inline-block; + position: absolute; + top: 45%; + left: 45%; + width: 2rem; + height: 2rem; + border: 10px solid #f3f3f3; + border-top: 10px solid #3498db; + border-radius: 50%; + z-index: 10; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +/* SmartTab Theme: Pills */ +.st-theme-pills > .tab-content > .tab-pane { + padding: 10px; +} + +.st-theme-pills > .nav { + background: #5bc0de; + padding: 11px 23px; + border-radius: 0.1875rem; +} + +.st-theme-pills > .nav .nav-link { + height: 100%; + min-height: 100%; + color: #fff !important; + padding: .5rem 1rem; +} + +.st-theme-pills > .nav .nav-link.active { + color: #fff !important; + background: rgba(255, 255, 255, 0.2); + border-radius: 30px; + cursor: pointer; +} diff --git a/dist/css/smart_tab_pills.min.css b/dist/css/smart_tab_pills.min.css new file mode 100644 index 0000000..5126b4e --- /dev/null +++ b/dist/css/smart_tab_pills.min.css @@ -0,0 +1,11 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-pills>.tab-content>.tab-pane{padding:10px}.st-theme-pills>.nav{background:#5bc0de;padding:11px 23px;border-radius:.1875rem}.st-theme-pills>.nav .nav-link{height:100%;min-height:100%;color:#fff!important;padding:.5rem 1rem}.st-theme-pills>.nav .nav-link.active{color:#fff!important;background:rgba(255,255,255,.2);border-radius:30px;cursor:pointer} \ No newline at end of file diff --git a/dist/css/smart_tab_round.css b/dist/css/smart_tab_round.css new file mode 100644 index 0000000..e08acb4 --- /dev/null +++ b/dist/css/smart_tab_round.css @@ -0,0 +1,234 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */ +/* SmartTab Base Styles */ +.st { + position: relative; +} + +.st *, +.st *::before, +.st *::after { + box-sizing: border-box; +} + +.st > .tab-content { + position: relative; + overflow: hidden; +} + +.st > .nav { + display: flex; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +@media screen and (max-width: 640px) { + .st > .nav { + flex-direction: column !important; + flex: 1 auto; + } +} + +.st > .nav .nav-link { + display: block; + padding: .5rem 1rem; + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link:hover, .st > .nav .nav-link:active, .st > .nav .nav-link:focus { + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link::-moz-focus-inner { + border: 0 !important; +} + +.st > .nav .nav-link.disabled { + color: #ccc !important; + pointer-events: none; + cursor: default; +} + +.st.st-vertical { + display: flex !important; + flex-wrap: nowrap; +} + +.st.st-vertical > .nav { + flex-direction: column !important; + flex: 1 auto; +} + +.st.st-vertical > .nav .nav-link { + text-align: left; +} + +.st.st-vertical > .nav > li, .st.st-vertical > .nav .nav-link { + flex-grow: unset !important; +} + +.st.st-vertical > .tab-content { + flex: 1 100%; +} + +.st.st-justified > .nav > li, .st.st-justified > .nav .nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.st.st-loading { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.st.st-loading::after { + content: ""; + display: block; + position: absolute; + opacity: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(255, 255, 255, 0.7); + z-index: 2; + transition: all .2s ease; +} + +.st.st-loading::before { + content: ''; + display: inline-block; + position: absolute; + top: 45%; + left: 45%; + width: 2rem; + height: 2rem; + border: 10px solid #f3f3f3; + border-top: 10px solid #3498db; + border-radius: 50%; + z-index: 10; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +/* SmartTab Theme: Round */ +.st-theme-round { + border: 1px solid #dee2e6; + border-top-width: 0; + border-radius: 8px; +} + +.st-theme-round > .tab-content > .tab-pane { + padding: 10px; +} + +.st-theme-round > .nav { + background: #ffffff; + border-bottom: 1px solid #dee2e6; + margin-right: -1px; + margin-left: -1px; +} + +.st-theme-round > .nav .nav-link { + position: relative; + background: transparent; + height: 100%; + min-height: 100%; + color: #bbbbbb !important; + padding: 10px; + border: 1px solid transparent; + border-bottom-width: 0; + background: #ffffff; +} + +.st-theme-round > .nav .nav-link.active { + color: #495057 !important; + border-color: #dee2e6 !important; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.st-theme-round > .nav .nav-link.active::after { + content: ""; + background: #ffffff; + height: 1px; + position: absolute; + width: 100%; + left: 0px; + bottom: -1px; +} + +.st-theme-round > .nav .nav-link.disabled { + color: #eeeeee !important; +} + +.st-theme-round.st-vertical { + border-top-width: 1px; + border-left-width: 0; +} + +.st-theme-round.st-vertical > .nav { + border-right: 1px solid #dee2e6; + border-bottom: unset; + margin-top: -1px; + margin-bottom: -1px; + margin-right: 0; + margin-left: 0; +} + +.st-theme-round.st-vertical > .nav .nav-link { + border-bottom-width: 1px; + border-right-width: 0; +} + +.st-theme-round.st-vertical > .nav .nav-link.active { + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; + border-top-right-radius: unset; +} + +.st-theme-round.st-vertical > .nav .nav-link.active::after { + height: 100%; + width: 1px; + top: 0px; + left: auto; + right: -1px; +} diff --git a/dist/css/smart_tab_round.min.css b/dist/css/smart_tab_round.min.css new file mode 100644 index 0000000..ebff5b5 --- /dev/null +++ b/dist/css/smart_tab_round.min.css @@ -0,0 +1,11 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-round{border:1px solid #dee2e6;border-top-width:0;border-radius:8px}.st-theme-round>.tab-content>.tab-pane{padding:10px}.st-theme-round>.nav{background:#fff;border-bottom:1px solid #dee2e6;margin-right:-1px;margin-left:-1px}.st-theme-round>.nav .nav-link{position:relative;background:0 0;height:100%;min-height:100%;color:#bbb!important;padding:10px;border:1px solid transparent;border-bottom-width:0;background:#fff}.st-theme-round>.nav .nav-link.active{color:#495057!important;border-color:#dee2e6!important;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.st-theme-round>.nav .nav-link.active::after{content:"";background:#fff;height:1px;position:absolute;width:100%;left:0;bottom:-1px}.st-theme-round>.nav .nav-link.disabled{color:#eee!important}.st-theme-round.st-vertical{border-top-width:1px;border-left-width:0}.st-theme-round.st-vertical>.nav{border-right:1px solid #dee2e6;border-bottom:unset;margin-top:-1px;margin-bottom:-1px;margin-right:0;margin-left:0}.st-theme-round.st-vertical>.nav .nav-link{border-bottom-width:1px;border-right-width:0}.st-theme-round.st-vertical>.nav .nav-link.active{border-top-left-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:unset}.st-theme-round.st-vertical>.nav .nav-link.active::after{height:100%;width:1px;top:0;left:auto;right:-1px} \ No newline at end of file diff --git a/dist/css/smart_tab_sourceforge.css b/dist/css/smart_tab_sourceforge.css new file mode 100644 index 0000000..413e1d5 --- /dev/null +++ b/dist/css/smart_tab_sourceforge.css @@ -0,0 +1,203 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */ +/* SmartTab Base Styles */ +.st { + position: relative; +} + +.st *, +.st *::before, +.st *::after { + box-sizing: border-box; +} + +.st > .tab-content { + position: relative; + overflow: hidden; +} + +.st > .nav { + display: flex; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +@media screen and (max-width: 640px) { + .st > .nav { + flex-direction: column !important; + flex: 1 auto; + } +} + +.st > .nav .nav-link { + display: block; + padding: .5rem 1rem; + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link:hover, .st > .nav .nav-link:active, .st > .nav .nav-link:focus { + text-decoration: none; + outline: 0 !important; +} + +.st > .nav .nav-link::-moz-focus-inner { + border: 0 !important; +} + +.st > .nav .nav-link.disabled { + color: #ccc !important; + pointer-events: none; + cursor: default; +} + +.st.st-vertical { + display: flex !important; + flex-wrap: nowrap; +} + +.st.st-vertical > .nav { + flex-direction: column !important; + flex: 1 auto; +} + +.st.st-vertical > .nav .nav-link { + text-align: left; +} + +.st.st-vertical > .nav > li, .st.st-vertical > .nav .nav-link { + flex-grow: unset !important; +} + +.st.st-vertical > .tab-content { + flex: 1 100%; +} + +.st.st-justified > .nav > li, .st.st-justified > .nav .nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.st.st-loading { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.st.st-loading::after { + content: ""; + display: block; + position: absolute; + opacity: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(255, 255, 255, 0.7); + z-index: 2; + transition: all .2s ease; +} + +.st.st-loading::before { + content: ''; + display: inline-block; + position: absolute; + top: 45%; + left: 45%; + width: 2rem; + height: 2rem; + border: 10px solid #f3f3f3; + border-top: 10px solid #3498db; + border-radius: 50%; + z-index: 10; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +/* SmartTab Theme: Sourceforge */ +.st-theme-sourceforge > .tab-content > .tab-pane { + padding: 11px 15px; +} + +.st-theme-sourceforge > .nav { + background: #fff; + border-right: 1px solid; + border-image-source: linear-gradient(to bottom, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 0 1 0 0; +} + +.st-theme-sourceforge > .nav .nav-link { + position: relative; + height: 100%; + min-height: 100%; + padding: 10px; + color: #586069; + background: #fff; + border-style: solid; + border-width: 3px 0 1px 1px; + border-image-source: linear-gradient(to bottom, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 3 0 1 1; +} + +.st-theme-sourceforge > .nav .nav-link:hover, .st-theme-sourceforge > .nav .nav-link:focus { + color: #09c !important; +} + +.st-theme-sourceforge > .nav .nav-link.active { + color: #0cf !important; + background-color: #ffffff !important; + cursor: pointer; + border-image-source: linear-gradient(to bottom, #00ccff 0%, #00ccff 3px, #dcdcdc 3px); + border-image-slice: 3 0 0 1; +} + +.st-theme-sourceforge.st-vertical > .nav { + border-top: 1px solid; + border-image-source: linear-gradient(to right, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 1 0 0 0; +} + +.st-theme-sourceforge.st-vertical > .nav .nav-link { + border-width: 0 1px 1px 3px; + border-image-source: linear-gradient(to right, #333333 0%, #333333 3px, #dcdcdc 3px); + border-image-slice: 0 1 1 3; +} + +.st-theme-sourceforge.st-vertical > .nav .nav-link.active { + border-image-source: linear-gradient(to right, #00ccff 0%, #00ccff 3px, #dcdcdc 3px); + border-image-slice: 0 0 1 3; +} diff --git a/dist/css/smart_tab_sourceforge.min.css b/dist/css/smart_tab_sourceforge.min.css new file mode 100644 index 0000000..11b11c2 --- /dev/null +++ b/dist/css/smart_tab_sourceforge.min.css @@ -0,0 +1,11 @@ +/*! + * jQuery SmartTab v3 + * The flexible jQuery tab control plugin + * http://www.techlaboratory.net/jquery-smarttab + * + * Created by Dipu Raj + * http://dipu.me + * + * Licensed under the terms of MIT License + * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE + */.st{position:relative}.st *,.st ::after,.st ::before{box-sizing:border-box}.st>.tab-content{position:relative;overflow:hidden}.st>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.st>.nav{flex-direction:column!important;flex:1 auto}}.st>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;outline:0!important}.st>.nav .nav-link:active,.st>.nav .nav-link:focus,.st>.nav .nav-link:hover{text-decoration:none;outline:0!important}.st>.nav .nav-link::-moz-focus-inner{border:0!important}.st>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.st.st-vertical{display:flex!important;flex-wrap:nowrap}.st.st-vertical>.nav{flex-direction:column!important;flex:1 auto}.st.st-vertical>.nav .nav-link{text-align:left}.st.st-vertical>.nav .nav-link,.st.st-vertical>.nav>li{flex-grow:unset!important}.st.st-vertical>.tab-content{flex:1 100%}.st.st-justified>.nav .nav-link,.st.st-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.st.st-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st.st-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.st.st-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-theme-sourceforge>.tab-content>.tab-pane{padding:11px 15px}.st-theme-sourceforge>.nav{background:#fff;border-right:1px solid;border-image-source:linear-gradient(to bottom,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:0 1 0 0}.st-theme-sourceforge>.nav .nav-link{position:relative;height:100%;min-height:100%;padding:10px;color:#586069;background:#fff;border-style:solid;border-width:3px 0 1px 1px;border-image-source:linear-gradient(to bottom,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:3 0 1 1}.st-theme-sourceforge>.nav .nav-link:focus,.st-theme-sourceforge>.nav .nav-link:hover{color:#09c!important}.st-theme-sourceforge>.nav .nav-link.active{color:#0cf!important;background-color:#fff!important;cursor:pointer;border-image-source:linear-gradient(to bottom,#0cf 0,#0cf 3px,#dcdcdc 3px);border-image-slice:3 0 0 1}.st-theme-sourceforge.st-vertical>.nav{border-top:1px solid;border-image-source:linear-gradient(to right,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:1 0 0 0}.st-theme-sourceforge.st-vertical>.nav .nav-link{border-width:0 1px 1px 3px;border-image-source:linear-gradient(to right,#333 0,#333 3px,#dcdcdc 3px);border-image-slice:0 1 1 3}.st-theme-sourceforge.st-vertical>.nav .nav-link.active{border-image-source:linear-gradient(to right,#0cf 0,#0cf 3px,#dcdcdc 3px);border-image-slice:0 0 1 3} \ No newline at end of file diff --git a/dist/js/jquery.smartTab.js b/dist/js/jquery.smartTab.js index b841f24..d61cd53 100644 --- a/dist/js/jquery.smartTab.js +++ b/dist/js/jquery.smartTab.js @@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } /*! - * jQuery SmartTab v3.0.1 + * jQuery SmartTab v3.1.1 * The flexible jQuery tab control plugin * http://www.techlaboratory.net/jquery-smarttab * diff --git a/dist/js/jquery.smartTab.min.js b/dist/js/jquery.smartTab.min.js index 04f27a8..22caf1c 100644 --- a/dist/js/jquery.smartTab.min.js +++ b/dist/js/jquery.smartTab.min.js @@ -1,6 +1,6 @@ "use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _classCallCheck(t,s){if(!(t instanceof s))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,s){for(var i=0;ithis.current_index&&(u=-1*h,l=h),null==this.current_index&&this.container.height(n.outerHeight()),e&&(a=e.css("position"),r=e.css("left"),e.css("position","absolute").css("left",0).animate({left:u},this.options.transition.speed,this.options.transition.easing,function(){g(this).hide(),e.css("position",a).css("left",r)})),a=n.css("position"),r=n.css("left"),n.css("position","absolute").css("left",l).outerWidth(h).show().animate({left:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",a).css("left",r),s()});break;case"slide-vertical":case"slide-v":var c,f,d=this.container.height(),p=d,_=-2*d;t>this.current_index&&(p=-1*d,_=d),e&&(c=e.css("position"),f=e.css("top"),e.css("position","absolute").css("top",0).animate({top:p},this.options.transition.speed,this.options.transition.easing,function(){g(this).hide(),e.css("position",c).css("top",f)})),c=n.css("position"),f=n.css("top"),n.css("position","absolute").css("top",_).show().animate({top:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",c).css("top",f),s()});break;case"slide-swing":case"slide-s":e?e.slideUp("fast",this.options.transition.easing,function(){n.slideDown(i.options.transition.speed,i.options.transition.easing,function(){s()})}):n.slideDown(this.options.transition.speed,this.options.transition.easing,function(){s()});break;case"fade":e?e.fadeOut("fast",this.options.transition.easing,function(){n.fadeIn("fast",i.options.transition.easing,function(){s()})}):n.fadeIn(this.options.transition.speed,this.options.transition.easing,function(){s()});break;default:e&&e.hide(),n.show(),s()}}},{key:"_stopAnimations",value:function(){this.pages.finish(),this.container.finish()}},{key:"_setAnchor",value:function(t){this.tabs.eq(this.current_index).removeClass("active"),this.tabs.eq(t).addClass("active")}},{key:"_getTabIndex",value:function(){var t=this._getURLHashIndex();return!1===t?this.options.selected:t}},{key:"_fixHeight",value:function(t){if(this.options.autoAdjustHeight){var s=this._getPage(t);this.container.finish().animate({height:s.outerHeight()},this.options.transition.speed)}}},{key:"_setTheme",value:function(t){this.main.removeClass(function(t,s){return(s.match(/(^|\s)st-theme-\S+/g)||[]).join(" ")}).addClass("st-theme-"+t)}},{key:"_setOrientation",value:function(t){this.main.removeClass("st-vertical st-horizontal").addClass("st-"+t)}},{key:"_keyNav",value:function(t){if(-1this.current_index&&(u=-1*h,l=h),null==this.current_index&&this.container.height(n.outerHeight()),e&&(a=e.css("position"),r=e.css("left"),e.css("position","absolute").css("left",0).animate({left:u},this.options.transition.speed,this.options.transition.easing,function(){g(this).hide(),e.css("position",a).css("left",r)})),a=n.css("position"),r=n.css("left"),n.css("position","absolute").css("left",l).outerWidth(h).show().animate({left:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",a).css("left",r),s()});break;case"slide-vertical":case"slide-v":var c,f,d=this.container.height(),p=d,_=-2*d;t>this.current_index&&(p=-1*d,_=d),e&&(c=e.css("position"),f=e.css("top"),e.css("position","absolute").css("top",0).animate({top:p},this.options.transition.speed,this.options.transition.easing,function(){g(this).hide(),e.css("position",c).css("top",f)})),c=n.css("position"),f=n.css("top"),n.css("position","absolute").css("top",_).show().animate({top:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",c).css("top",f),s()});break;case"slide-swing":case"slide-s":e?e.slideUp("fast",this.options.transition.easing,function(){n.slideDown(i.options.transition.speed,i.options.transition.easing,function(){s()})}):n.slideDown(this.options.transition.speed,this.options.transition.easing,function(){s()});break;case"fade":e?e.fadeOut("fast",this.options.transition.easing,function(){n.fadeIn("fast",i.options.transition.easing,function(){s()})}):n.fadeIn(this.options.transition.speed,this.options.transition.easing,function(){s()});break;default:e&&e.hide(),n.show(),s()}}},{key:"_stopAnimations",value:function(){this.pages.finish(),this.container.finish()}},{key:"_setAnchor",value:function(t){this.tabs.eq(this.current_index).removeClass("active"),this.tabs.eq(t).addClass("active")}},{key:"_getTabIndex",value:function(){var t=this._getURLHashIndex();return!1===t?this.options.selected:t}},{key:"_fixHeight",value:function(t){var s;this.options.autoAdjustHeight&&(s=this._getPage(t),this.container.finish().animate({height:s.outerHeight()},this.options.transition.speed))}},{key:"_setTheme",value:function(t){this.main.removeClass(function(t,s){return(s.match(/(^|\s)st-theme-\S+/g)||[]).join(" ")}).addClass("st-theme-"+t)}},{key:"_setOrientation",value:function(t){this.main.removeClass("st-vertical st-horizontal").addClass("st-"+t)}},{key:"_keyNav",value:function(t){if(-1 - +