first commit
This commit is contained in:
49
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.css
generated
vendored
Normal file
49
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.css
generated
vendored
Normal file
@ -0,0 +1,49 @@
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('iconfont.eot?t=1597382740800'); /* IE9 */
|
||||
src: url('iconfont.eot?t=1597382740800#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS4AAsAAAAACiAAAARsAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDagqGRIRsATYCJAMkCxQABCAFhG0HchtqCFFUTtJkX2FTxnwxA6NzjqMAwzMEAJAwz7jdUFGtZBtQy5y77RtaiIfn96ud+77PzIqmXZJqNG2Q8OwazSudhlcSJYh2tcpMLl06t+fCWl2yirVUp87/J/n0R5rxHY6xhMQ4hEFyKLA4sCgOSUGa58IR8OC4OuIBJyPBTdD2AhPg9EkNxGAih5BpQBDj5//7MVenGpq+eVsvZv9P3PG2uEQmc52jjSYuqUFoJCIhdCxi181WDybwagItE2wJrTq66IKknLhTIPYxikDSE5AnCEPtLiOOzJ8FhTpdSe+4ZXx/fDE/kiRFRrzWhh2HFth5H38Nf9kFtmdXLlYXw+04MswE5MSZyMQxEasxU0TrU4taB3xrtSRVNbf35NcQArSWbUCOlkQcdILuDihV8sr+8RJREl0dUA81a96XipaC9y1TFGrDKQl14FMB9cAnB+qFTwY0GT4BdA0LJNBoRwwC+gEviTEiXmi40uLghFoeG7JLHS5aGuCV34hGi0Zp/tXP4MVZ7/lp9+W52lkL+fhqCnh8/HoKZHiqAK+vT536i7zdhfL+vtWF/Py1UCg5shrwRHQNCJEbB0McX/KhtHrvioPC5IaBUPqBWn3tc2ubdBAq+Q0UzAJFX8f3PZIHtl9f2toVY6cK9eIHOzvm11/XdHI/mF1NdMBMayicAwo+Dv1ttK4zsQ+0scWcHupFLAL+DMzQoONr5+Vv74PSEQ4gPFDtUWER4cCZi7G+UluHQAPKgttPtfUspV6ul55yhxt/XE9HLfb85/9gd/oj7X03oZ0B8QF1Iv2R0El4vEcxjJRKEkyLT0/8Gc8dnscfsLenickPmo6OyqhLj46ZLvTX8zk5QzkhLNUx5bExVfV4dbW/jbGytyqipf7q3929uQHr5Wfv/dVja/qq/HxMj3E8C/yUVUdH1dXVRsdUNcoYY4p7Y6rmHjI0y8F8xexs+s/wb3NTDDBe5+yjGhwiFaIaou4TgjECGHSrIu94aEiTinv4YPKWnSuipXiAjoqX4QO8lgvsZtY/cVrizl70T1JSDt5t3+2SITvxTOKKqwT5mC8nX/mWQOjavlYx2ORvk8Ip7hJzY2ajgfMqihoTXQWJayhDlzKDvqvFI5mnEmojDiSVccjUJhJz6kwotC2EUm0ptMxwfHzbECki8gbT3TEI/Z4h6fUUMv0+iDn1CwqjfqHUHxFo2RiVM7ZNDpbelxhpbEFjBpnJfSKHddqc3sY0cJF0Ww1RH0vFyrBRrfvbx9jHsop91Jg2tSaQSO7BI3Y97LocjiQfYlNXba1HrVqNRH1S1eQeSFtJwhANs0CGGYgxcT6iLa2lA1/fhlEBFyITRn50+zBJYauHGqrqGYjHLj/TyK48RxmjmjSNgAiJ80BHLIa5UoODRtGbDWEmrcouUBtpqdE4ktVVbR5763oZtIj3aSJFFnkUUUYVdTTRkp8OkB+n6kEGSxAuJ0haSQOZjnmOhLJ5YAcsNmXIRXGCfNdGSeS6pssVBgA=') format('woff2'),
|
||||
url('iconfont.woff?t=1597382740800') format('woff'),
|
||||
url('iconfont.ttf?t=1597382740800') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
|
||||
url('iconfont.svg?t=1597382740800#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconyuan:before {
|
||||
content: "\e626";
|
||||
}
|
||||
|
||||
.iconguanbi:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
|
||||
.iconforward:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
|
||||
.iconbackward:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
|
||||
.iconshouhui:before {
|
||||
content: "\e606";
|
||||
}
|
||||
|
||||
.iconxiala:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
|
||||
.iconfanhui:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
|
||||
.iconallclose:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
|
||||
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.eot
generated
vendored
Normal file
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.eot
generated
vendored
Normal file
Binary file not shown.
1
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.js
generated
vendored
Normal file
1
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.js
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(t){var e,o,l,n,i,a,c,d='<svg><symbol id="iconyuan" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a25 25 0 1 0 1024 0 25 25 0 1 0-1024 0Z" ></path></symbol><symbol id="iconguanbi" viewBox="0 0 1024 1024"><path d="M589.704 501.674L998.27 93.107c20.652-20.653 20.652-54.556 0-75.209l-2.237-2.237c-20.652-20.652-54.556-20.652-75.208 0L512.258 424.745 103.691 15.489c-20.652-20.652-54.556-20.652-75.208 0l-2.238 2.237c-21.168 20.652-21.168 54.556 0 75.208l408.568 408.74L26.245 910.24c-20.652 20.652-20.652 54.556 0 75.208l2.238 2.238c20.652 20.652 54.556 20.652 75.208 0l408.567-408.568 408.568 408.568c20.652 20.652 54.556 20.652 75.208 0l2.237-2.238c20.652-20.652 20.652-54.556 0-75.208L589.704 501.674z" fill="#2C2C2C" ></path></symbol><symbol id="iconforward" viewBox="0 0 1450 1024"><path d="M899.574255 33.876966l539.471489 465.232294a35.41295 35.41295 0 0 1 0 52.394099l-539.471489 465.232293c-20.053116 17.322479-49.492797 1.706648-49.492798-26.19705V60.074016c0-27.903698 29.439681-43.519529 49.492798-26.19705zM131.582575 33.876966l539.471489 465.232294a35.41295 35.41295 0 0 1 0 52.394099l-539.471489 465.232293c-20.053116 17.322479-49.492797 1.706648-49.492798-26.19705V60.074016c0-27.903698 29.439681-43.519529 49.492798-26.19705z" ></path></symbol><symbol id="iconbackward" viewBox="0 0 1450 1024"><path d="M551.076697 33.876966L11.605208 499.10926a35.41295 35.41295 0 0 0 0 52.394099l539.471489 465.232293c20.053116 17.322479 49.492797 1.706648 49.492797-26.19705V60.074016c0-27.903698-29.439681-43.519529-49.492797-26.19705zM1319.068377 33.876966L779.596888 499.10926a35.41295 35.41295 0 0 0 0 52.394099l539.471489 465.232293c20.053116 17.322479 49.492797 1.706648 49.492797-26.19705V60.074016c0-27.903698-29.439681-43.519529-49.492797-26.19705z" ></path></symbol><symbol id="iconshouhui" viewBox="0 0 1194 1024"><path d="M47.672889 894.464a65.649778 65.649778 0 0 0 92.842667 92.785778l437.589333-437.589334c25.6-25.6 25.6-67.185778 0-92.842666L140.515556 19.228444A65.649778 65.649778 0 0 0 47.672889 112.071111l391.168 391.168-391.168 391.224889z m568.888889 0a65.649778 65.649778 0 0 0 92.842666 92.785778l437.589334-437.589334c25.6-25.6 25.6-67.185778 0-92.842666L709.404444 19.228444a65.649778 65.649778 0 0 0-92.842666 92.842667l391.168 391.168-391.168 391.224889z" ></path></symbol><symbol id="iconxiala" viewBox="0 0 1734 1024"><path d="M188.254523 62.227692A109.095385 109.095385 0 1 0 34.024369 216.457846l727.04 727.118769c42.614154 42.535385 111.694769 42.535385 154.230154 0l727.118769-727.04A109.095385 109.095385 0 1 0 1488.183138 62.227692l-650.003692 650.003693L188.254523 62.227692z" ></path></symbol><symbol id="iconfanhui" viewBox="0 0 1194 1024"><path d="M1146.993778 894.464a65.649778 65.649778 0 0 1-92.842667 92.785778l-437.589333-437.589334a65.649778 65.649778 0 0 1 0-92.842666L1054.151111 19.228444a65.649778 65.649778 0 0 1 92.842667 92.842667l-391.168 391.168 391.168 391.224889z m-568.888889 0a65.649778 65.649778 0 0 1-92.842667 92.785778L47.672889 549.660444a65.649778 65.649778 0 0 1 0-92.842666L485.262222 19.228444a65.649778 65.649778 0 0 1 92.842667 92.842667L186.936889 503.239111l391.168 391.224889z" ></path></symbol><symbol id="iconallclose" viewBox="0 0 1024 1024"><path d="M72.3456 631.9104V72.2944h623.3088v62.0544H768V0H0v704.256h136.704v-72.3456H72.3456z m195.584 127.6928v-495.104h623.5136v249.344h72.2432V192.1536H195.7888v639.744h319.744v-72.2944H267.9808z m340.3776-100.2496l51.2-51.0976L1024 972.9024l-51.0464 51.0976-364.6464-364.6464z m0 313.4976l364.5952-364.544 51.0976 51.0464L659.456 1024l-51.1488-51.2z" ></path></symbol></svg>',s=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(s&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function m(){a||(a=!0,n())}o=function(){var t,e,o,l,n,i=document.createElement("div");i.innerHTML=d,d=null,(t=i.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(o=document.body).firstChild?(l=e,(n=o.firstChild).parentNode.insertBefore(l,n)):o.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),o()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(n=o,i=t.document,a=!1,(c=function(){try{i.documentElement.doScroll("left")}catch(t){return void setTimeout(c,50)}m()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,m())})}(window);
|
||||
65
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.json
generated
vendored
Normal file
65
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.json
generated
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
{
|
||||
"id": "2006479",
|
||||
"name": "CPELM",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "1198043",
|
||||
"name": "圆",
|
||||
"font_class": "yuan",
|
||||
"unicode": "e626",
|
||||
"unicode_decimal": 58918
|
||||
},
|
||||
{
|
||||
"icon_id": "10708257",
|
||||
"name": "关 闭",
|
||||
"font_class": "guanbi",
|
||||
"unicode": "e68b",
|
||||
"unicode_decimal": 59019
|
||||
},
|
||||
{
|
||||
"icon_id": "16561285",
|
||||
"name": "返回2",
|
||||
"font_class": "forward",
|
||||
"unicode": "e60e",
|
||||
"unicode_decimal": 58894
|
||||
},
|
||||
{
|
||||
"icon_id": "16561281",
|
||||
"name": "返回1",
|
||||
"font_class": "backward",
|
||||
"unicode": "e60d",
|
||||
"unicode_decimal": 58893
|
||||
},
|
||||
{
|
||||
"icon_id": "13944879",
|
||||
"name": "收回",
|
||||
"font_class": "shouhui",
|
||||
"unicode": "e606",
|
||||
"unicode_decimal": 58886
|
||||
},
|
||||
{
|
||||
"icon_id": "13944884",
|
||||
"name": "下拉",
|
||||
"font_class": "xiala",
|
||||
"unicode": "e60b",
|
||||
"unicode_decimal": 58891
|
||||
},
|
||||
{
|
||||
"icon_id": "13946677",
|
||||
"name": "返回",
|
||||
"font_class": "fanhui",
|
||||
"unicode": "e60c",
|
||||
"unicode_decimal": 58892
|
||||
},
|
||||
{
|
||||
"icon_id": "16561239",
|
||||
"name": "全部关闭",
|
||||
"font_class": "allclose",
|
||||
"unicode": "e60a",
|
||||
"unicode_decimal": 58890
|
||||
}
|
||||
]
|
||||
}
|
||||
50
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.svg
generated
vendored
Normal file
50
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.svg
generated
vendored
Normal file
@ -0,0 +1,50 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2013-9-30: Created.
|
||||
-->
|
||||
<svg>
|
||||
<metadata>
|
||||
Created by iconfont
|
||||
</metadata>
|
||||
<defs>
|
||||
|
||||
<font id="iconfont" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="iconfont"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
ascent="896"
|
||||
descent="-128"
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="yuan" unicode="" d="M512 384m-512 0a25 25 0 1 0 1024 0 25 25 0 1 0-1024 0Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="guanbi" unicode="" d="M589.704 394.326L998.27 802.893c20.652 20.653 20.652 54.556 0 75.209l-2.237 2.237c-20.652 20.652-54.556 20.652-75.208 0L512.258 471.255 103.691 880.511c-20.652 20.652-54.556 20.652-75.208 0l-2.238-2.237c-21.168-20.652-21.168-54.556 0-75.208l408.568-408.74L26.245-14.24c-20.652-20.652-20.652-54.556 0-75.208l2.238-2.238c20.652-20.652 54.556-20.652 75.208 0l408.567 408.568 408.568-408.568c20.652-20.652 54.556-20.652 75.208 0l2.237 2.238c20.652 20.652 20.652 54.556 0 75.208L589.704 394.326z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="forward" unicode="" d="M899.574255 862.123034l539.471489-465.232294a35.41295 35.41295 0 0 0 0-52.394099l-539.471489-465.232293c-20.053116-17.322479-49.492797-1.706648-49.492798 26.19705V835.925984c0 27.903698 29.439681 43.519529 49.492798 26.19705zM131.582575 862.123034l539.471489-465.232294a35.41295 35.41295 0 0 0 0-52.394099l-539.471489-465.232293c-20.053116-17.322479-49.492797-1.706648-49.492798 26.19705V835.925984c0 27.903698 29.439681 43.519529 49.492798 26.19705z" horiz-adv-x="1450" />
|
||||
|
||||
|
||||
<glyph glyph-name="backward" unicode="" d="M551.076697 862.123034L11.605208 396.89074a35.41295 35.41295 0 0 1 0-52.394099l539.471489-465.232293c20.053116-17.322479 49.492797-1.706648 49.492797 26.19705V835.925984c0 27.903698-29.439681 43.519529-49.492797 26.19705zM1319.068377 862.123034L779.596888 396.89074a35.41295 35.41295 0 0 1 0-52.394099l539.471489-465.232293c20.053116-17.322479 49.492797-1.706648 49.492797 26.19705V835.925984c0 27.903698-29.439681 43.519529-49.492797 26.19705z" horiz-adv-x="1450" />
|
||||
|
||||
|
||||
<glyph glyph-name="shouhui" unicode="" d="M47.672889 1.536a65.649778 65.649778 0 0 1 92.842667-92.785778l437.589333 437.589334c25.6 25.6 25.6 67.185778 0 92.842666L140.515556 876.771556A65.649778 65.649778 0 0 1 47.672889 783.928889l391.168-391.168-391.168-391.224889z m568.888889 0a65.649778 65.649778 0 0 1 92.842666-92.785778l437.589334 437.589334c25.6 25.6 25.6 67.185778 0 92.842666L709.404444 876.771556a65.649778 65.649778 0 0 1-92.842666-92.842667l391.168-391.168-391.168-391.224889z" horiz-adv-x="1194" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiala" unicode="" d="M188.254523 833.772308A109.095385 109.095385 0 1 1 34.024369 679.542154l727.04-727.118769c42.614154-42.535385 111.694769-42.535385 154.230154 0l727.118769 727.04A109.095385 109.095385 0 1 1 1488.183138 833.772308l-650.003692-650.003693L188.254523 833.772308z" horiz-adv-x="1734" />
|
||||
|
||||
|
||||
<glyph glyph-name="fanhui" unicode="" d="M1146.993778 1.536a65.649778 65.649778 0 0 0-92.842667-92.785778l-437.589333 437.589334a65.649778 65.649778 0 0 0 0 92.842666L1054.151111 876.771556a65.649778 65.649778 0 0 0 92.842667-92.842667l-391.168-391.168 391.168-391.224889z m-568.888889 0a65.649778 65.649778 0 0 0-92.842667-92.785778L47.672889 346.339556a65.649778 65.649778 0 0 0 0 92.842666L485.262222 876.771556a65.649778 65.649778 0 0 0 92.842667-92.842667L186.936889 392.760889l391.168-391.224889z" horiz-adv-x="1194" />
|
||||
|
||||
|
||||
<glyph glyph-name="allclose" unicode="" d="M72.3456 264.0896V823.7056h623.3088v-62.0544H768V896H0v-704.256h136.704v72.3456H72.3456z m195.584-127.6928v495.104h623.5136v-249.344h72.2432V703.8464H195.7888v-639.744h319.744v72.2944H267.9808z m340.3776 100.2496l51.2 51.0976L1024-76.90239999999994l-51.0464-51.0976-364.6464 364.6464z m0-313.4976l364.5952 364.544 51.0976-51.0464L659.456-128l-51.1488 51.2z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
|
||||
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.ttf
generated
vendored
Normal file
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.ttf
generated
vendored
Normal file
Binary file not shown.
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.woff
generated
vendored
Normal file
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.woff
generated
vendored
Normal file
Binary file not shown.
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.woff2
generated
vendored
Normal file
BIN
WebRoot/node_modules/nth-tabs-master/iconfont/iconfont.woff2
generated
vendored
Normal file
Binary file not shown.
904
WebRoot/node_modules/nth-tabs-master/jquery.scrollbar.css
generated
vendored
Normal file
904
WebRoot/node_modules/nth-tabs-master/jquery.scrollbar.css
generated
vendored
Normal file
@ -0,0 +1,904 @@
|
||||
/*************** SCROLLBAR BASE CSS ***************/
|
||||
.scroll-wrapper {
|
||||
overflow: hidden !important;
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
.scroll-wrapper > .scroll-content {
|
||||
border: none !important;
|
||||
box-sizing: content-box !important;
|
||||
height: auto;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
max-height: none;
|
||||
max-width: none !important;
|
||||
overflow: scroll !important;
|
||||
padding: 0;
|
||||
position: relative !important;
|
||||
top: 0;
|
||||
width: auto !important;
|
||||
}
|
||||
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.scroll-wrapper.scroll--rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.scroll-element {
|
||||
box-sizing: content-box;
|
||||
display: none;
|
||||
}
|
||||
.scroll-element div {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.scroll-element .scroll-bar,
|
||||
.scroll-element .scroll-arrow {
|
||||
cursor: default;
|
||||
}
|
||||
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.scroll-textarea {
|
||||
border: 1px solid #cccccc;
|
||||
border-top-color: #999999;
|
||||
}
|
||||
.scroll-textarea > .scroll-content {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.scroll-textarea > .scroll-content > textarea {
|
||||
border: none !important;
|
||||
box-sizing: border-box;
|
||||
height: 100% !important;
|
||||
margin: 0;
|
||||
max-height: none !important;
|
||||
max-width: none !important;
|
||||
overflow: scroll !important;
|
||||
outline: none;
|
||||
padding: 2px;
|
||||
position: relative !important;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/*************** SIMPLE INNER SCROLLBAR ***************/
|
||||
.scrollbar-inner > .scroll-element,
|
||||
.scrollbar-inner > .scroll-element div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-x {
|
||||
bottom: 2px;
|
||||
height: 8px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
right: 2px;
|
||||
top: 0;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_outer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_outer,
|
||||
.scrollbar-inner > .scroll-element .scroll-element_track,
|
||||
.scrollbar-inner > .scroll-element .scroll-bar {
|
||||
-webkit-border-radius: 8px;
|
||||
-moz-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_track,
|
||||
.scrollbar-inner > .scroll-element .scroll-bar {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity=40);
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_track {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-bar {
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element:hover .scroll-bar {
|
||||
background-color: #919191;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
|
||||
background-color: #919191;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
|
||||
top: -12px;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -12px;
|
||||
}
|
||||
|
||||
/*************** SIMPLE OUTER SCROLLBAR ***************/
|
||||
.scrollbar-outer > .scroll-element,
|
||||
.scrollbar-outer > .scroll-element div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x {
|
||||
bottom: 0;
|
||||
height: 12px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
|
||||
height: 8px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
|
||||
left: 2px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element .scroll-element_outer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element .scroll-element_track {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element .scroll-element_outer,
|
||||
.scrollbar-outer > .scroll-element .scroll-element_track,
|
||||
.scrollbar-outer > .scroll-element .scroll-bar {
|
||||
-webkit-border-radius: 8px;
|
||||
-moz-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element .scroll-bar {
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element .scroll-bar:hover {
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
|
||||
background-color: #919191;
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
|
||||
left: -12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
|
||||
top: -12px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
|
||||
min-width: 10px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
|
||||
left: -14px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
|
||||
top: -14px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -14px;
|
||||
}
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -14px;
|
||||
}
|
||||
|
||||
/*************** SCROLLBAR MAC OS X ***************/
|
||||
.scrollbar-macosx > .scroll-element,
|
||||
.scrollbar-macosx > .scroll-element div {
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element .scroll-element_track {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element .scroll-bar {
|
||||
background-color: #6C6E71;
|
||||
display: block;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
-moz-transition: opacity 0.2s linear;
|
||||
-o-transition: opacity 0.2s linear;
|
||||
-ms-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
|
||||
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
|
||||
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity=70);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x {
|
||||
bottom: 0px;
|
||||
height: 0px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
overflow: visible;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0px;
|
||||
top: 0;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
|
||||
height: 7px;
|
||||
min-width: 10px;
|
||||
top: -9px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
|
||||
left: -9px;
|
||||
min-height: 10px;
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -11px;
|
||||
}
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -11px;
|
||||
}
|
||||
|
||||
/*************** SCROLLBAR LIGHT ***************/
|
||||
.scrollbar-light > .scroll-element,
|
||||
.scrollbar-light > .scroll-element div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-element_outer {
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-element_size {
|
||||
background: #dbdbdb;
|
||||
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
|
||||
background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
|
||||
background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
|
||||
background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
|
||||
background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
|
||||
background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x {
|
||||
bottom: 0;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-bar {
|
||||
background: #fefefe;
|
||||
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
|
||||
background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
|
||||
background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
|
||||
background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
|
||||
background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
|
||||
background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
|
||||
border: 1px solid #dbdbdb;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
|
||||
left: -17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
|
||||
top: -17px;
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
|
||||
height: 10px;
|
||||
min-width: 10px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
|
||||
left: 0px;
|
||||
min-height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
|
||||
height: 12px;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
|
||||
left: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
|
||||
top: -19px;
|
||||
}
|
||||
|
||||
/*************** SCROLLBAR RAIL ***************/
|
||||
.scrollbar-rail > .scroll-element,
|
||||
.scrollbar-rail > .scroll-element div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_size {
|
||||
background-color: #999;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
|
||||
background-color: #666;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x {
|
||||
bottom: 0;
|
||||
height: 12px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
padding: 3px 0 2px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
padding: 0 2px 0 3px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-bar {
|
||||
background-color: #d0b9a0;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
|
||||
left: -17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
|
||||
margin-top: 17px;
|
||||
top: -17px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
|
||||
height: 10px;
|
||||
min-width: 10px;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
|
||||
left: 1px;
|
||||
min-height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
|
||||
height: 15px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
|
||||
height: 2px;
|
||||
left: -10px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
|
||||
top: 5px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
|
||||
left: 5px;
|
||||
top: -10px;
|
||||
width: 2px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -25px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -25px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
|
||||
left: -25px;
|
||||
}
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
|
||||
top: -25px;
|
||||
}
|
||||
|
||||
/*************** SCROLLBAR DYNAMIC ***************/
|
||||
.scrollbar-dynamic > .scroll-element,
|
||||
.scrollbar-dynamic > .scroll-element div {
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x {
|
||||
bottom: 2px;
|
||||
height: 7px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 2px;
|
||||
top: 0;
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
|
||||
opacity: 0.3;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-element_size {
|
||||
background-color: #cccccc;
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
-ms-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-bar {
|
||||
background-color: #6c6e71;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
|
||||
bottom: 0;
|
||||
height: 7px;
|
||||
min-width: 24px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
|
||||
left: auto;
|
||||
min-height: 24px;
|
||||
right: 0;
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 2px;
|
||||
-webkit-transition: height 0.2s;
|
||||
-moz-transition: height 0.2s;
|
||||
-o-transition: height 0.2s;
|
||||
-ms-transition: height 0.2s;
|
||||
transition: height 0.2s;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
-webkit-transition: width 0.2s;
|
||||
-moz-transition: width 0.2s;
|
||||
-o-transition: width 0.2s;
|
||||
-ms-transition: width 0.2s;
|
||||
transition: width 0.2s;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -11px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -11px;
|
||||
}
|
||||
|
||||
/* hover & drag */
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
|
||||
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
|
||||
overflow: hidden;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity=70);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
|
||||
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
|
||||
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
|
||||
height: 20px;
|
||||
min-height: 7px;
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
|
||||
min-width: 7px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
/*************** SCROLLBAR GOOGLE CHROME ***************/
|
||||
.scrollbar-chrome > .scroll-element,
|
||||
.scrollbar-chrome > .scroll-element div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-element_track {
|
||||
background: #f1f1f1;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x {
|
||||
bottom: 0;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-bar {
|
||||
background-color: #d9d9d9;
|
||||
border: 1px solid #bdbdbd;
|
||||
cursor: default;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
|
||||
background-color: #c2c2c2;
|
||||
border-color: #a9a9a9;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
|
||||
background-color: #919191;
|
||||
border-color: #7e7e7e;
|
||||
}
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
|
||||
left: -16px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
|
||||
top: -16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
|
||||
height: 8px;
|
||||
min-width: 10px;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
|
||||
left: 3px;
|
||||
min-height: 10px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
|
||||
border-left: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
|
||||
height: 14px;
|
||||
left: -3px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
|
||||
height: 14px;
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
|
||||
top: -3px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
|
||||
top: -4px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
|
||||
left: -19px;
|
||||
}
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
|
||||
top: -19px;
|
||||
}
|
||||
832
WebRoot/node_modules/nth-tabs-master/jquery.scrollbar.js
generated
vendored
Normal file
832
WebRoot/node_modules/nth-tabs-master/jquery.scrollbar.js
generated
vendored
Normal file
@ -0,0 +1,832 @@
|
||||
/**
|
||||
* jQuery CSS Customizable Scrollbar
|
||||
*
|
||||
* Copyright 2015, Yuriy Khabarov
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
*
|
||||
* If you found bug, please contact me via email <13real008@gmail.com>
|
||||
*
|
||||
* @author Yuriy Khabarov aka Gromo
|
||||
* @version 0.2.11
|
||||
* @url https://github.com/gromo/jquery.scrollbar/
|
||||
*
|
||||
*/
|
||||
;
|
||||
(function (root, factory) {
|
||||
'use strict';
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports !== 'undefined') {
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
'use strict';
|
||||
|
||||
// init flags & variables
|
||||
var debug = false;
|
||||
|
||||
var browser = {
|
||||
data: {
|
||||
index: 0,
|
||||
name: 'scrollbar'
|
||||
},
|
||||
firefox: /firefox/i.test(navigator.userAgent),
|
||||
macosx: /mac/i.test(navigator.platform),
|
||||
msedge: /edge\/\d+/i.test(navigator.userAgent),
|
||||
msie: /(msie|trident)/i.test(navigator.userAgent),
|
||||
mobile: /android|webos|iphone|ipad|ipod|blackberry/i.test(navigator.userAgent),
|
||||
overlay: null,
|
||||
scroll: null,
|
||||
scrolls: [],
|
||||
webkit: /webkit/i.test(navigator.userAgent) && !/edge\/\d+/i.test(navigator.userAgent)
|
||||
};
|
||||
|
||||
browser.scrolls.add = function (instance) {
|
||||
this.remove(instance).push(instance);
|
||||
};
|
||||
browser.scrolls.remove = function (instance) {
|
||||
while ($.inArray(instance, this) >= 0) {
|
||||
this.splice($.inArray(instance, this), 1);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
var defaults = {
|
||||
autoScrollSize: true, // automatically calculate scrollsize
|
||||
autoUpdate: true, // update scrollbar if content/container size changed
|
||||
debug: false, // debug mode
|
||||
disableBodyScroll: false, // disable body scroll if mouse over container
|
||||
duration: 200, // scroll animate duration in ms
|
||||
ignoreMobile: false, // ignore mobile devices
|
||||
ignoreOverlay: false, // ignore browsers with overlay scrollbars (mobile, MacOS)
|
||||
isRtl: false, // is RTL
|
||||
scrollStep: 30, // scroll step for scrollbar arrows
|
||||
showArrows: false, // add class to show arrows
|
||||
stepScrolling: true, // when scrolling to scrollbar mousedown position
|
||||
|
||||
scrollx: null, // horizontal scroll element
|
||||
scrolly: null, // vertical scroll element
|
||||
|
||||
onDestroy: null, // callback function on destroy,
|
||||
onFallback: null, // callback function if scrollbar is not initialized
|
||||
onInit: null, // callback function on first initialization
|
||||
onScroll: null, // callback function on content scrolling
|
||||
onUpdate: null // callback function on init/resize (before scrollbar size calculation)
|
||||
};
|
||||
|
||||
|
||||
var BaseScrollbar = function (container) {
|
||||
|
||||
if (!browser.scroll) {
|
||||
browser.overlay = isScrollOverlaysContent();
|
||||
browser.scroll = getBrowserScrollSize();
|
||||
updateScrollbars();
|
||||
|
||||
$(window).resize(function () {
|
||||
var forceUpdate = false;
|
||||
if (browser.scroll && (browser.scroll.height || browser.scroll.width)) {
|
||||
var scroll = getBrowserScrollSize();
|
||||
if (scroll.height !== browser.scroll.height || scroll.width !== browser.scroll.width) {
|
||||
browser.scroll = scroll;
|
||||
forceUpdate = true; // handle page zoom
|
||||
}
|
||||
}
|
||||
updateScrollbars(forceUpdate);
|
||||
});
|
||||
}
|
||||
|
||||
this.container = container;
|
||||
this.namespace = '.scrollbar_' + browser.data.index++;
|
||||
this.options = $.extend({}, defaults, window.jQueryScrollbarOptions || {});
|
||||
this.scrollTo = null;
|
||||
this.scrollx = {};
|
||||
this.scrolly = {};
|
||||
|
||||
container.data(browser.data.name, this);
|
||||
browser.scrolls.add(this);
|
||||
};
|
||||
|
||||
BaseScrollbar.prototype = {
|
||||
destroy: function () {
|
||||
|
||||
if (!this.wrapper) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.container.removeData(browser.data.name);
|
||||
browser.scrolls.remove(this);
|
||||
|
||||
// init variables
|
||||
var scrollLeft = this.container.scrollLeft();
|
||||
var scrollTop = this.container.scrollTop();
|
||||
|
||||
this.container.insertBefore(this.wrapper).css({
|
||||
"height": "",
|
||||
"margin": "",
|
||||
"max-height": ""
|
||||
})
|
||||
.removeClass('scroll-content scroll-scrollx_visible scroll-scrolly_visible')
|
||||
.off(this.namespace)
|
||||
.scrollLeft(scrollLeft)
|
||||
.scrollTop(scrollTop);
|
||||
|
||||
this.scrollx.scroll.removeClass('scroll-scrollx_visible').find('div').addBack().off(this.namespace);
|
||||
this.scrolly.scroll.removeClass('scroll-scrolly_visible').find('div').addBack().off(this.namespace);
|
||||
|
||||
this.wrapper.remove();
|
||||
|
||||
$(document).add('body').off(this.namespace);
|
||||
|
||||
if ($.isFunction(this.options.onDestroy)) {
|
||||
this.options.onDestroy.apply(this, [this.container]);
|
||||
}
|
||||
},
|
||||
init: function (options) {
|
||||
|
||||
// init variables
|
||||
var S = this,
|
||||
c = this.container,
|
||||
cw = this.containerWrapper || c,
|
||||
namespace = this.namespace,
|
||||
o = $.extend(this.options, options || {}),
|
||||
s = {x: this.scrollx, y: this.scrolly},
|
||||
w = this.wrapper,
|
||||
cssOptions = {};
|
||||
|
||||
var initScroll = {
|
||||
scrollLeft: c.scrollLeft(),
|
||||
scrollTop: c.scrollTop()
|
||||
};
|
||||
|
||||
// do not init if in ignorable browser
|
||||
if ((browser.mobile && o.ignoreMobile)
|
||||
|| (browser.overlay && o.ignoreOverlay)
|
||||
|| (browser.macosx && !browser.webkit) // still required to ignore nonWebKit browsers on Mac
|
||||
) {
|
||||
if ($.isFunction(o.onFallback)) {
|
||||
o.onFallback.apply(this, [c]);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// init scroll container
|
||||
if (!w) {
|
||||
this.wrapper = w = $('<div>').addClass('scroll-wrapper').addClass(c.attr('class'))
|
||||
.css('position', c.css('position') === 'absolute' ? 'absolute' : 'relative')
|
||||
.insertBefore(c).append(c);
|
||||
|
||||
if (o.isRtl) {
|
||||
w.addClass('scroll--rtl');
|
||||
}
|
||||
|
||||
if (c.is('textarea')) {
|
||||
this.containerWrapper = cw = $('<div>').insertBefore(c).append(c);
|
||||
w.addClass('scroll-textarea');
|
||||
}
|
||||
|
||||
cssOptions = {
|
||||
"height": "auto",
|
||||
"margin-bottom": browser.scroll.height * -1 + 'px',
|
||||
"max-height": ""
|
||||
};
|
||||
cssOptions[o.isRtl ? 'margin-left' : 'margin-right'] = browser.scroll.width * -1 + 'px';
|
||||
|
||||
cw.addClass('scroll-content').css(cssOptions);
|
||||
|
||||
c.on('scroll' + namespace, function (event) {
|
||||
var scrollLeft = c.scrollLeft();
|
||||
var scrollTop = c.scrollTop();
|
||||
if (o.isRtl) {
|
||||
// webkit 0:100
|
||||
// ie/edge 100:0
|
||||
// firefox -100:0
|
||||
switch (true) {
|
||||
case browser.firefox:
|
||||
scrollLeft = Math.abs(scrollLeft);
|
||||
case browser.msedge || browser.msie:
|
||||
scrollLeft = c[0].scrollWidth - c[0].clientWidth - scrollLeft;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if ($.isFunction(o.onScroll)) {
|
||||
o.onScroll.call(S, {
|
||||
maxScroll: s.y.maxScrollOffset,
|
||||
scroll: scrollTop,
|
||||
size: s.y.size,
|
||||
visible: s.y.visible
|
||||
}, {
|
||||
maxScroll: s.x.maxScrollOffset,
|
||||
scroll: scrollLeft,
|
||||
size: s.x.size,
|
||||
visible: s.x.visible
|
||||
});
|
||||
}
|
||||
s.x.isVisible && s.x.scroll.bar.css('left', scrollLeft * s.x.kx + 'px');
|
||||
s.y.isVisible && s.y.scroll.bar.css('top', scrollTop * s.y.kx + 'px');
|
||||
});
|
||||
|
||||
/* prevent native scrollbars to be visible on #anchor click */
|
||||
w.on('scroll' + namespace, function () {
|
||||
w.scrollTop(0).scrollLeft(0);
|
||||
});
|
||||
|
||||
if (o.disableBodyScroll) {
|
||||
var handleMouseScroll = function (event) {
|
||||
isVerticalScroll(event) ?
|
||||
s.y.isVisible && s.y.mousewheel(event) :
|
||||
s.x.isVisible && s.x.mousewheel(event);
|
||||
};
|
||||
w.on('MozMousePixelScroll' + namespace, handleMouseScroll);
|
||||
w.on('mousewheel' + namespace, handleMouseScroll);
|
||||
|
||||
if (browser.mobile) {
|
||||
w.on('touchstart' + namespace, function (event) {
|
||||
var touch = event.originalEvent.touches && event.originalEvent.touches[0] || event;
|
||||
var originalTouch = {
|
||||
pageX: touch.pageX,
|
||||
pageY: touch.pageY
|
||||
};
|
||||
var originalScroll = {
|
||||
left: c.scrollLeft(),
|
||||
top: c.scrollTop()
|
||||
};
|
||||
$(document).on('touchmove' + namespace, function (event) {
|
||||
var touch = event.originalEvent.targetTouches && event.originalEvent.targetTouches[0] || event;
|
||||
c.scrollLeft(originalScroll.left + originalTouch.pageX - touch.pageX);
|
||||
c.scrollTop(originalScroll.top + originalTouch.pageY - touch.pageY);
|
||||
event.preventDefault();
|
||||
});
|
||||
$(document).on('touchend' + namespace, function () {
|
||||
$(document).off(namespace);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
if ($.isFunction(o.onInit)) {
|
||||
o.onInit.apply(this, [c]);
|
||||
}
|
||||
} else {
|
||||
cssOptions = {
|
||||
"height": "auto",
|
||||
"margin-bottom": browser.scroll.height * -1 + 'px',
|
||||
"max-height": ""
|
||||
};
|
||||
cssOptions[o.isRtl ? 'margin-left' : 'margin-right'] = browser.scroll.width * -1 + 'px';
|
||||
cw.css(cssOptions);
|
||||
}
|
||||
|
||||
// init scrollbars & recalculate sizes
|
||||
$.each(s, function (d, scrollx) {
|
||||
|
||||
var scrollCallback = null;
|
||||
var scrollForward = 1;
|
||||
var scrollOffset = (d === 'x') ? 'scrollLeft' : 'scrollTop';
|
||||
var scrollStep = o.scrollStep;
|
||||
var scrollTo = function () {
|
||||
var currentOffset = c[scrollOffset]();
|
||||
c[scrollOffset](currentOffset + scrollStep);
|
||||
if (scrollForward == 1 && (currentOffset + scrollStep) >= scrollToValue)
|
||||
currentOffset = c[scrollOffset]();
|
||||
if (scrollForward == -1 && (currentOffset + scrollStep) <= scrollToValue)
|
||||
currentOffset = c[scrollOffset]();
|
||||
if (c[scrollOffset]() == currentOffset && scrollCallback) {
|
||||
scrollCallback();
|
||||
}
|
||||
}
|
||||
var scrollToValue = 0;
|
||||
|
||||
if (!scrollx.scroll) {
|
||||
|
||||
scrollx.scroll = S._getScroll(o['scroll' + d]).addClass('scroll-' + d);
|
||||
|
||||
if (o.showArrows) {
|
||||
scrollx.scroll.addClass('scroll-element_arrows_visible');
|
||||
}
|
||||
|
||||
scrollx.mousewheel = function (event) {
|
||||
|
||||
if (!scrollx.isVisible || (d === 'x' && isVerticalScroll(event))) {
|
||||
return true;
|
||||
}
|
||||
if (d === 'y' && !isVerticalScroll(event)) {
|
||||
s.x.mousewheel(event);
|
||||
return true;
|
||||
}
|
||||
|
||||
var delta = event.originalEvent.wheelDelta * -1 || event.originalEvent.detail;
|
||||
var maxScrollValue = scrollx.size - scrollx.visible - scrollx.offset;
|
||||
|
||||
// fix new mozilla
|
||||
if (!delta) {
|
||||
if (d === 'x' && !!event.originalEvent.deltaX) {
|
||||
delta = event.originalEvent.deltaX * 40;
|
||||
} else if (d === 'y' && !!event.originalEvent.deltaY) {
|
||||
delta = event.originalEvent.deltaY * 40;
|
||||
}
|
||||
}
|
||||
|
||||
if ((delta > 0 && scrollToValue < maxScrollValue) || (delta < 0 && scrollToValue > 0)) {
|
||||
scrollToValue = scrollToValue + delta;
|
||||
if (scrollToValue < 0)
|
||||
scrollToValue = 0;
|
||||
if (scrollToValue > maxScrollValue)
|
||||
scrollToValue = maxScrollValue;
|
||||
|
||||
S.scrollTo = S.scrollTo || {};
|
||||
S.scrollTo[scrollOffset] = scrollToValue;
|
||||
setTimeout(function () {
|
||||
if (S.scrollTo) {
|
||||
c.stop().animate(S.scrollTo, 240, 'linear', function () {
|
||||
scrollToValue = c[scrollOffset]();
|
||||
});
|
||||
S.scrollTo = null;
|
||||
}
|
||||
}, 1);
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
return false;
|
||||
};
|
||||
|
||||
scrollx.scroll
|
||||
.on('MozMousePixelScroll' + namespace, scrollx.mousewheel)
|
||||
.on('mousewheel' + namespace, scrollx.mousewheel)
|
||||
.on('mouseenter' + namespace, function () {
|
||||
scrollToValue = c[scrollOffset]();
|
||||
});
|
||||
|
||||
// handle arrows & scroll inner mousedown event
|
||||
scrollx.scroll.find('.scroll-arrow, .scroll-element_track')
|
||||
.on('mousedown' + namespace, function (event) {
|
||||
|
||||
if (event.which != 1) // lmb
|
||||
return true;
|
||||
|
||||
scrollForward = 1;
|
||||
|
||||
var data = {
|
||||
eventOffset: event[(d === 'x') ? 'pageX' : 'pageY'],
|
||||
maxScrollValue: scrollx.size - scrollx.visible - scrollx.offset,
|
||||
scrollbarOffset: scrollx.scroll.bar.offset()[(d === 'x') ? 'left' : 'top'],
|
||||
scrollbarSize: scrollx.scroll.bar[(d === 'x') ? 'outerWidth' : 'outerHeight']()
|
||||
};
|
||||
var timeout = 0, timer = 0;
|
||||
|
||||
if ($(this).hasClass('scroll-arrow')) {
|
||||
scrollForward = $(this).hasClass("scroll-arrow_more") ? 1 : -1;
|
||||
scrollStep = o.scrollStep * scrollForward;
|
||||
scrollToValue = scrollForward > 0 ? data.maxScrollValue : 0;
|
||||
if (o.isRtl) {
|
||||
switch(true){
|
||||
case browser.firefox:
|
||||
scrollToValue = scrollForward > 0 ? 0: data.maxScrollValue * -1;
|
||||
break;
|
||||
case browser.msie || browser.msedge:
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
scrollForward = (data.eventOffset > (data.scrollbarOffset + data.scrollbarSize) ? 1
|
||||
: (data.eventOffset < data.scrollbarOffset ? -1 : 0));
|
||||
if(d === 'x' && o.isRtl && (browser.msie || browser.msedge))
|
||||
scrollForward = scrollForward * -1;
|
||||
scrollStep = Math.round(scrollx.visible * 0.75) * scrollForward;
|
||||
scrollToValue = (data.eventOffset - data.scrollbarOffset -
|
||||
(o.stepScrolling ? (scrollForward == 1 ? data.scrollbarSize : 0)
|
||||
: Math.round(data.scrollbarSize / 2)));
|
||||
scrollToValue = c[scrollOffset]() + (scrollToValue / scrollx.kx);
|
||||
}
|
||||
|
||||
S.scrollTo = S.scrollTo || {};
|
||||
S.scrollTo[scrollOffset] = o.stepScrolling ? c[scrollOffset]() + scrollStep : scrollToValue;
|
||||
|
||||
if (o.stepScrolling) {
|
||||
scrollCallback = function () {
|
||||
scrollToValue = c[scrollOffset]();
|
||||
clearInterval(timer);
|
||||
clearTimeout(timeout);
|
||||
timeout = 0;
|
||||
timer = 0;
|
||||
};
|
||||
timeout = setTimeout(function () {
|
||||
timer = setInterval(scrollTo, 40);
|
||||
}, o.duration + 100);
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
if (S.scrollTo) {
|
||||
c.animate(S.scrollTo, o.duration);
|
||||
S.scrollTo = null;
|
||||
}
|
||||
}, 1);
|
||||
|
||||
return S._handleMouseDown(scrollCallback, event);
|
||||
});
|
||||
|
||||
// handle scrollbar drag'n'drop
|
||||
scrollx.scroll.bar.on('mousedown' + namespace, function (event) {
|
||||
|
||||
if (event.which != 1) // lmb
|
||||
return true;
|
||||
|
||||
var eventPosition = event[(d === 'x') ? 'pageX' : 'pageY'];
|
||||
var initOffset = c[scrollOffset]();
|
||||
|
||||
scrollx.scroll.addClass('scroll-draggable');
|
||||
|
||||
$(document).on('mousemove' + namespace, function (event) {
|
||||
var diff = parseInt((event[(d === 'x') ? 'pageX' : 'pageY'] - eventPosition) / scrollx.kx, 10);
|
||||
if (d === 'x' && o.isRtl && (browser.msie || browser.msedge))
|
||||
diff = diff * -1;
|
||||
c[scrollOffset](initOffset + diff);
|
||||
});
|
||||
|
||||
return S._handleMouseDown(function () {
|
||||
scrollx.scroll.removeClass('scroll-draggable');
|
||||
scrollToValue = c[scrollOffset]();
|
||||
}, event);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// remove classes & reset applied styles
|
||||
$.each(s, function (d, scrollx) {
|
||||
var scrollClass = 'scroll-scroll' + d + '_visible';
|
||||
var scrolly = (d == "x") ? s.y : s.x;
|
||||
|
||||
scrollx.scroll.removeClass(scrollClass);
|
||||
scrolly.scroll.removeClass(scrollClass);
|
||||
cw.removeClass(scrollClass);
|
||||
});
|
||||
|
||||
// calculate init sizes
|
||||
$.each(s, function (d, scrollx) {
|
||||
$.extend(scrollx, (d == "x") ? {
|
||||
offset: parseInt(c.css('left'), 10) || 0,
|
||||
size: c.prop('scrollWidth'),
|
||||
visible: w.width()
|
||||
} : {
|
||||
offset: parseInt(c.css('top'), 10) || 0,
|
||||
size: c.prop('scrollHeight'),
|
||||
visible: w.height()
|
||||
});
|
||||
});
|
||||
|
||||
// update scrollbar visibility/dimensions
|
||||
this._updateScroll('x', this.scrollx);
|
||||
this._updateScroll('y', this.scrolly);
|
||||
|
||||
if ($.isFunction(o.onUpdate)) {
|
||||
o.onUpdate.apply(this, [c]);
|
||||
}
|
||||
|
||||
// calculate scroll size
|
||||
$.each(s, function (d, scrollx) {
|
||||
|
||||
var cssOffset = (d === 'x') ? 'left' : 'top';
|
||||
var cssFullSize = (d === 'x') ? 'outerWidth' : 'outerHeight';
|
||||
var cssSize = (d === 'x') ? 'width' : 'height';
|
||||
var offset = parseInt(c.css(cssOffset), 10) || 0;
|
||||
|
||||
var AreaSize = scrollx.size;
|
||||
var AreaVisible = scrollx.visible + offset;
|
||||
|
||||
var scrollSize = scrollx.scroll.size[cssFullSize]() + (parseInt(scrollx.scroll.size.css(cssOffset), 10) || 0);
|
||||
|
||||
if (o.autoScrollSize) {
|
||||
scrollx.scrollbarSize = parseInt(scrollSize * AreaVisible / AreaSize, 10);
|
||||
scrollx.scroll.bar.css(cssSize, scrollx.scrollbarSize + 'px');
|
||||
}
|
||||
|
||||
scrollx.scrollbarSize = scrollx.scroll.bar[cssFullSize]();
|
||||
scrollx.kx = ((scrollSize - scrollx.scrollbarSize) / (AreaSize - AreaVisible)) || 1;
|
||||
scrollx.maxScrollOffset = AreaSize - AreaVisible;
|
||||
});
|
||||
|
||||
c.scrollLeft(initScroll.scrollLeft).scrollTop(initScroll.scrollTop).trigger('scroll');
|
||||
},
|
||||
/**
|
||||
* Get scrollx/scrolly object
|
||||
*
|
||||
* @param {Mixed} scroll
|
||||
* @returns {jQuery} scroll object
|
||||
*/
|
||||
_getScroll: function (scroll) {
|
||||
var types = {
|
||||
advanced: [
|
||||
'<div class="scroll-element">',
|
||||
'<div class="scroll-element_corner"></div>',
|
||||
'<div class="scroll-arrow scroll-arrow_less"></div>',
|
||||
'<div class="scroll-arrow scroll-arrow_more"></div>',
|
||||
'<div class="scroll-element_outer">',
|
||||
'<div class="scroll-element_size"></div>', // required! used for scrollbar size calculation !
|
||||
'<div class="scroll-element_inner-wrapper">',
|
||||
'<div class="scroll-element_inner scroll-element_track">', // used for handling scrollbar click
|
||||
'<div class="scroll-element_inner-bottom"></div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<div class="scroll-bar">', // required
|
||||
'<div class="scroll-bar_body">',
|
||||
'<div class="scroll-bar_body-inner"></div>',
|
||||
'</div>',
|
||||
'<div class="scroll-bar_bottom"></div>',
|
||||
'<div class="scroll-bar_center"></div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join(''),
|
||||
simple: [
|
||||
'<div class="scroll-element">',
|
||||
'<div class="scroll-element_outer">',
|
||||
'<div class="scroll-element_size"></div>', // required! used for scrollbar size calculation !
|
||||
'<div class="scroll-element_track"></div>', // used for handling scrollbar click
|
||||
'<div class="scroll-bar"></div>', // required
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('')
|
||||
};
|
||||
if (types[scroll]) {
|
||||
scroll = types[scroll];
|
||||
}
|
||||
if (!scroll) {
|
||||
scroll = types['simple'];
|
||||
}
|
||||
if (typeof (scroll) == 'string') {
|
||||
scroll = $(scroll).appendTo(this.wrapper);
|
||||
} else {
|
||||
scroll = $(scroll);
|
||||
}
|
||||
$.extend(scroll, {
|
||||
bar: scroll.find('.scroll-bar'),
|
||||
size: scroll.find('.scroll-element_size'),
|
||||
track: scroll.find('.scroll-element_track')
|
||||
});
|
||||
return scroll;
|
||||
},
|
||||
_handleMouseDown: function (callback, event) {
|
||||
|
||||
var namespace = this.namespace;
|
||||
|
||||
$(document).on('blur' + namespace, function () {
|
||||
$(document).add('body').off(namespace);
|
||||
callback && callback();
|
||||
});
|
||||
$(document).on('dragstart' + namespace, function (event) {
|
||||
event.preventDefault();
|
||||
return false;
|
||||
});
|
||||
$(document).on('mouseup' + namespace, function () {
|
||||
$(document).add('body').off(namespace);
|
||||
callback && callback();
|
||||
});
|
||||
$('body').on('selectstart' + namespace, function (event) {
|
||||
event.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
event && event.preventDefault();
|
||||
return false;
|
||||
},
|
||||
_updateScroll: function (d, scrollx) {
|
||||
|
||||
var container = this.container,
|
||||
containerWrapper = this.containerWrapper || container,
|
||||
scrollClass = 'scroll-scroll' + d + '_visible',
|
||||
scrolly = (d === 'x') ? this.scrolly : this.scrollx,
|
||||
offset = parseInt(this.container.css((d === 'x') ? 'left' : 'top'), 10) || 0,
|
||||
wrapper = this.wrapper;
|
||||
|
||||
var AreaSize = scrollx.size;
|
||||
var AreaVisible = scrollx.visible + offset;
|
||||
|
||||
scrollx.isVisible = (AreaSize - AreaVisible) > 1; // bug in IE9/11 with 1px diff
|
||||
if (scrollx.isVisible) {
|
||||
scrollx.scroll.addClass(scrollClass);
|
||||
scrolly.scroll.addClass(scrollClass);
|
||||
containerWrapper.addClass(scrollClass);
|
||||
} else {
|
||||
scrollx.scroll.removeClass(scrollClass);
|
||||
scrolly.scroll.removeClass(scrollClass);
|
||||
containerWrapper.removeClass(scrollClass);
|
||||
}
|
||||
|
||||
if (d === 'y') {
|
||||
if (container.is('textarea') || AreaSize < AreaVisible) {
|
||||
containerWrapper.css({
|
||||
"height": (AreaVisible + browser.scroll.height) + 'px',
|
||||
"max-height": "none"
|
||||
});
|
||||
} else {
|
||||
containerWrapper.css({
|
||||
//"height": "auto", // do not reset height value: issue with height:100%!
|
||||
"max-height": (AreaVisible + browser.scroll.height) + 'px'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (scrollx.size != container.prop('scrollWidth')
|
||||
|| scrolly.size != container.prop('scrollHeight')
|
||||
|| scrollx.visible != wrapper.width()
|
||||
|| scrolly.visible != wrapper.height()
|
||||
|| scrollx.offset != (parseInt(container.css('left'), 10) || 0)
|
||||
|| scrolly.offset != (parseInt(container.css('top'), 10) || 0)
|
||||
) {
|
||||
$.extend(this.scrollx, {
|
||||
offset: parseInt(container.css('left'), 10) || 0,
|
||||
size: container.prop('scrollWidth'),
|
||||
visible: wrapper.width()
|
||||
});
|
||||
$.extend(this.scrolly, {
|
||||
offset: parseInt(container.css('top'), 10) || 0,
|
||||
size: this.container.prop('scrollHeight'),
|
||||
visible: wrapper.height()
|
||||
});
|
||||
this._updateScroll(d === 'x' ? 'y' : 'x', scrolly);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var CustomScrollbar = BaseScrollbar;
|
||||
|
||||
/*
|
||||
* Extend jQuery as plugin
|
||||
*
|
||||
* @param {Mixed} command to execute
|
||||
* @param {Mixed} arguments as Array
|
||||
* @return {jQuery}
|
||||
*/
|
||||
$.fn.scrollbar = function (command, args) {
|
||||
if (typeof command !== 'string') {
|
||||
args = command;
|
||||
command = 'init';
|
||||
}
|
||||
if (typeof args === 'undefined') {
|
||||
args = [];
|
||||
}
|
||||
if (!$.isArray(args)) {
|
||||
args = [args];
|
||||
}
|
||||
this.not('body, .scroll-wrapper').each(function () {
|
||||
var element = $(this),
|
||||
instance = element.data(browser.data.name);
|
||||
if (instance || command === 'init') {
|
||||
if (!instance) {
|
||||
instance = new CustomScrollbar(element);
|
||||
}
|
||||
if (instance[command]) {
|
||||
instance[command].apply(instance, args);
|
||||
}
|
||||
}
|
||||
});
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Connect default options to global object
|
||||
*/
|
||||
$.fn.scrollbar.options = defaults;
|
||||
|
||||
|
||||
/**
|
||||
* Check if scroll content/container size is changed
|
||||
*/
|
||||
|
||||
var updateScrollbars = (function () {
|
||||
var timer = 0,
|
||||
timerCounter = 0;
|
||||
|
||||
return function (force) {
|
||||
var i, container, options, scroll, wrapper, scrollx, scrolly;
|
||||
for (i = 0; i < browser.scrolls.length; i++) {
|
||||
scroll = browser.scrolls[i];
|
||||
container = scroll.container;
|
||||
options = scroll.options;
|
||||
wrapper = scroll.wrapper;
|
||||
scrollx = scroll.scrollx;
|
||||
scrolly = scroll.scrolly;
|
||||
if (force || (options.autoUpdate && wrapper && wrapper.is(':visible') &&
|
||||
(container.prop('scrollWidth') != scrollx.size || container.prop('scrollHeight') != scrolly.size || wrapper.width() != scrollx.visible || wrapper.height() != scrolly.visible))) {
|
||||
scroll.init();
|
||||
|
||||
if (options.debug) {
|
||||
window.console && console.log({
|
||||
scrollHeight: container.prop('scrollHeight') + ':' + scroll.scrolly.size,
|
||||
scrollWidth: container.prop('scrollWidth') + ':' + scroll.scrollx.size,
|
||||
visibleHeight: wrapper.height() + ':' + scroll.scrolly.visible,
|
||||
visibleWidth: wrapper.width() + ':' + scroll.scrollx.visible
|
||||
}, true);
|
||||
timerCounter++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (debug && timerCounter > 10) {
|
||||
window.console && console.log('Scroll updates exceed 10');
|
||||
updateScrollbars = function () {};
|
||||
} else {
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(updateScrollbars, 300);
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
/* ADDITIONAL FUNCTIONS */
|
||||
/**
|
||||
* Get native browser scrollbar size (height/width)
|
||||
*
|
||||
* @param {Boolean} actual size or CSS size, default - CSS size
|
||||
* @returns {Object} with height, width
|
||||
*/
|
||||
function getBrowserScrollSize(actualSize) {
|
||||
|
||||
if (browser.webkit && !actualSize) {
|
||||
return {
|
||||
height: 0,
|
||||
width: 0
|
||||
};
|
||||
}
|
||||
|
||||
if (!browser.data.outer) {
|
||||
var css = {
|
||||
"border": "none",
|
||||
"box-sizing": "content-box",
|
||||
"height": "200px",
|
||||
"margin": "0",
|
||||
"padding": "0",
|
||||
"width": "200px"
|
||||
};
|
||||
browser.data.inner = $("<div>").css($.extend({}, css));
|
||||
browser.data.outer = $("<div>").css($.extend({
|
||||
"left": "-1000px",
|
||||
"overflow": "scroll",
|
||||
"position": "absolute",
|
||||
"top": "-1000px"
|
||||
}, css)).append(browser.data.inner).appendTo("body");
|
||||
}
|
||||
|
||||
browser.data.outer.scrollLeft(1000).scrollTop(1000);
|
||||
|
||||
return {
|
||||
height: Math.ceil((browser.data.outer.offset().top - browser.data.inner.offset().top) || 0),
|
||||
width: Math.ceil((browser.data.outer.offset().left - browser.data.inner.offset().left) || 0)
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if native browser scrollbars overlay content
|
||||
*
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
function isScrollOverlaysContent() {
|
||||
var scrollSize = getBrowserScrollSize(true);
|
||||
return !(scrollSize.height || scrollSize.width);
|
||||
}
|
||||
|
||||
function isVerticalScroll(event) {
|
||||
var e = event.originalEvent;
|
||||
if (e.axis && e.axis === e.HORIZONTAL_AXIS)
|
||||
return false;
|
||||
if (e.wheelDeltaX)
|
||||
return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Extend AngularJS as UI directive
|
||||
* and expose a provider for override default config
|
||||
*
|
||||
*/
|
||||
if (window.angular) {
|
||||
(function (angular) {
|
||||
angular.module('jQueryScrollbar', [])
|
||||
.provider('jQueryScrollbar', function () {
|
||||
var defaultOptions = defaults;
|
||||
return {
|
||||
setOptions: function (options) {
|
||||
angular.extend(defaultOptions, options);
|
||||
},
|
||||
$get: function () {
|
||||
return {
|
||||
options: angular.copy(defaultOptions)
|
||||
};
|
||||
}
|
||||
};
|
||||
})
|
||||
.directive('jqueryScrollbar', ['jQueryScrollbar', '$parse', function (jQueryScrollbar, $parse) {
|
||||
return {
|
||||
restrict: "AC",
|
||||
link: function (scope, element, attrs) {
|
||||
var model = $parse(attrs.jqueryScrollbar),
|
||||
options = model(scope);
|
||||
element.scrollbar(options || jQueryScrollbar.options)
|
||||
.on('$destroy', function () {
|
||||
element.scrollbar('destroy');
|
||||
});
|
||||
}
|
||||
};
|
||||
}]);
|
||||
})(window.angular);
|
||||
}
|
||||
}));
|
||||
704
WebRoot/node_modules/nth-tabs-master/nth-icons.css
generated
vendored
Normal file
704
WebRoot/node_modules/nth-tabs-master/nth-icons.css
generated
vendored
Normal file
@ -0,0 +1,704 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "Nth Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../fonts/nth-icons.eot?v=.2.3);
|
||||
src: url(../fonts/nth-icons.eot?#iefix&v=.2.3) format("embedded-opentype"),url(../fonts/nth-icons.woff2?v=.2.3) format("woff2"),url(../fonts/nth-icons.woff?v=.2.3) format("woff"),url(../fonts/nth-icons.ttf?v=.2.3) format("truetype"),url(../fonts/nth-icons.svg?v=.2.3#web-icons) format("svg")
|
||||
}
|
||||
|
||||
[class*=" nth-icon-"],[class^=nth-icon-] {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-family: "Nth Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
-webkit-transform: translate(0,0);
|
||||
-ms-transform: translate(0,0);
|
||||
-o-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
text-rendering: auto;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
}
|
||||
|
||||
.nth-icon-dashboard:before {
|
||||
content: "\f101"
|
||||
}
|
||||
|
||||
.nth-icon-inbox:before {
|
||||
content: "\f102"
|
||||
}
|
||||
|
||||
.nth-icon-cloud:before {
|
||||
content: "\f103"
|
||||
}
|
||||
|
||||
.nth-icon-bell:before {
|
||||
content: "\f104"
|
||||
}
|
||||
|
||||
.nth-icon-book:before {
|
||||
content: "\f105"
|
||||
}
|
||||
|
||||
.nth-icon-bookmark:before {
|
||||
content: "\f106"
|
||||
}
|
||||
|
||||
.nth-icon-tag:before {
|
||||
content: "\f107"
|
||||
}
|
||||
|
||||
.nth-icon-library:before {
|
||||
content: "\f108"
|
||||
}
|
||||
|
||||
.nth-icon-share:before {
|
||||
content: "\f109"
|
||||
}
|
||||
|
||||
.nth-icon-reply:before {
|
||||
content: "\f10a"
|
||||
}
|
||||
|
||||
.nth-icon-refresh:before {
|
||||
content: "\f10b"
|
||||
}
|
||||
|
||||
.nth-icon-move:before {
|
||||
content: "\f10c"
|
||||
}
|
||||
|
||||
.nth-icon-chat:before {
|
||||
content: "\f10d"
|
||||
}
|
||||
|
||||
.nth-icon-chat-working:before {
|
||||
content: "\f10e"
|
||||
}
|
||||
|
||||
.nth-icon-chat-text:before {
|
||||
content: "\f10f"
|
||||
}
|
||||
|
||||
.nth-icon-chat-group:before {
|
||||
content: "\f110"
|
||||
}
|
||||
|
||||
.nth-icon-envelope:before {
|
||||
content: "\f111"
|
||||
}
|
||||
|
||||
.nth-icon-envelope-open:before {
|
||||
content: "\f112"
|
||||
}
|
||||
|
||||
.nth-icon-user:before {
|
||||
content: "\f113"
|
||||
}
|
||||
|
||||
.nth-icon-user-circle:before {
|
||||
content: "\f114"
|
||||
}
|
||||
|
||||
.nth-icon-users:before {
|
||||
content: "\f115"
|
||||
}
|
||||
|
||||
.nth-icon-user-add:before {
|
||||
content: "\f116"
|
||||
}
|
||||
|
||||
.nth-icon-grid-9:before {
|
||||
content: "\f117"
|
||||
}
|
||||
|
||||
.nth-icon-grid-4:before {
|
||||
content: "\f118"
|
||||
}
|
||||
|
||||
.nth-icon-menu:before {
|
||||
content: "\f119"
|
||||
}
|
||||
|
||||
.nth-icon-layout:before {
|
||||
content: "\f11a"
|
||||
}
|
||||
|
||||
.nth-icon-fullscreen:before {
|
||||
content: "\f11b"
|
||||
}
|
||||
|
||||
.nth-icon-fullscreen-exit:before {
|
||||
content: "\f11c"
|
||||
}
|
||||
|
||||
.nth-icon-expand:before {
|
||||
content: "\f11d"
|
||||
}
|
||||
|
||||
.nth-icon-contract:before {
|
||||
content: "\f11e"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-expand:before {
|
||||
content: "\f11f"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-shrink:before {
|
||||
content: "\f120"
|
||||
}
|
||||
|
||||
.nth-icon-desktop:before {
|
||||
content: "\f121"
|
||||
}
|
||||
|
||||
.nth-icon-mobile:before {
|
||||
content: "\f122"
|
||||
}
|
||||
|
||||
.nth-icon-signal:before {
|
||||
content: "\f123"
|
||||
}
|
||||
|
||||
.nth-icon-power:before {
|
||||
content: "\f124"
|
||||
}
|
||||
|
||||
.nth-icon-more-horizontal:before {
|
||||
content: "\f125"
|
||||
}
|
||||
|
||||
.nth-icon-more-vertical:before {
|
||||
content: "\f126"
|
||||
}
|
||||
|
||||
.nth-icon-globe:before {
|
||||
content: "\f127"
|
||||
}
|
||||
|
||||
.nth-icon-map:before {
|
||||
content: "\f128"
|
||||
}
|
||||
|
||||
.nth-icon-flag:before {
|
||||
content: "\f129"
|
||||
}
|
||||
|
||||
.nth-icon-pie-chart:before {
|
||||
content: "\f12a"
|
||||
}
|
||||
|
||||
.nth-icon-stats-bars:before {
|
||||
content: "\f12b"
|
||||
}
|
||||
|
||||
.nth-icon-pluse:before {
|
||||
content: "\f12c"
|
||||
}
|
||||
|
||||
.nth-icon-home:before {
|
||||
content: "\f12d"
|
||||
}
|
||||
|
||||
.nth-icon-shopping-cart:before {
|
||||
content: "\f12e"
|
||||
}
|
||||
|
||||
.nth-icon-payment:before {
|
||||
content: "\f12f"
|
||||
}
|
||||
|
||||
.nth-icon-briefcase:before {
|
||||
content: "\f130"
|
||||
}
|
||||
|
||||
.nth-icon-search:before {
|
||||
content: "\f131"
|
||||
}
|
||||
|
||||
.nth-icon-zoom-in:before {
|
||||
content: "\f132"
|
||||
}
|
||||
|
||||
.nth-icon-zoom-out:before {
|
||||
content: "\f133"
|
||||
}
|
||||
|
||||
.nth-icon-download:before {
|
||||
content: "\f134"
|
||||
}
|
||||
|
||||
.nth-icon-upload:before {
|
||||
content: "\f135"
|
||||
}
|
||||
|
||||
.nth-icon-sort-asc:before {
|
||||
content: "\f136"
|
||||
}
|
||||
|
||||
.nth-icon-sort-des:before {
|
||||
content: "\f137"
|
||||
}
|
||||
|
||||
.nth-icon-graph-up:before {
|
||||
content: "\f138"
|
||||
}
|
||||
|
||||
.nth-icon-graph-down:before {
|
||||
content: "\f139"
|
||||
}
|
||||
|
||||
.nth-icon-replay:before {
|
||||
content: "\f13a"
|
||||
}
|
||||
|
||||
.nth-icon-edit:before {
|
||||
content: "\f13b"
|
||||
}
|
||||
|
||||
.nth-icon-pencil:before {
|
||||
content: "\f13c"
|
||||
}
|
||||
|
||||
.nth-icon-rubber:before {
|
||||
content: "\f13d"
|
||||
}
|
||||
|
||||
.nth-icon-crop:before {
|
||||
content: "\f13e"
|
||||
}
|
||||
|
||||
.nth-icon-eye:before {
|
||||
content: "\f13f"
|
||||
}
|
||||
|
||||
.nth-icon-eye-close:before {
|
||||
content: "\f140"
|
||||
}
|
||||
|
||||
.nth-icon-image:before {
|
||||
content: "\f141"
|
||||
}
|
||||
|
||||
.nth-icon-gallery:before {
|
||||
content: "\f142"
|
||||
}
|
||||
|
||||
.nth-icon-video:before {
|
||||
content: "\f143"
|
||||
}
|
||||
|
||||
.nth-icon-camera:before {
|
||||
content: "\f144"
|
||||
}
|
||||
|
||||
.nth-icon-folder:before {
|
||||
content: "\f145"
|
||||
}
|
||||
|
||||
.nth-icon-clipboard:before {
|
||||
content: "\f146"
|
||||
}
|
||||
|
||||
.nth-icon-order:before {
|
||||
content: "\f147"
|
||||
}
|
||||
|
||||
.nth-icon-file:before {
|
||||
content: "\f148"
|
||||
}
|
||||
|
||||
.nth-icon-copy:before {
|
||||
content: "\f149"
|
||||
}
|
||||
|
||||
.nth-icon-add-file:before {
|
||||
content: "\f14a"
|
||||
}
|
||||
|
||||
.nth-icon-print:before {
|
||||
content: "\f14b"
|
||||
}
|
||||
|
||||
.nth-icon-calendar:before {
|
||||
content: "\f14c"
|
||||
}
|
||||
|
||||
.nth-icon-time:before {
|
||||
content: "\f14d"
|
||||
}
|
||||
|
||||
.nth-icon-trash:before {
|
||||
content: "\f14e"
|
||||
}
|
||||
|
||||
.nth-icon-plugin:before {
|
||||
content: "\f14f"
|
||||
}
|
||||
|
||||
.nth-icon-extension:before {
|
||||
content: "\f150"
|
||||
}
|
||||
|
||||
.nth-icon-memory:before {
|
||||
content: "\f151"
|
||||
}
|
||||
|
||||
.nth-icon-settings:before {
|
||||
content: "\f152"
|
||||
}
|
||||
|
||||
.nth-icon-scissor:before {
|
||||
content: "\f153"
|
||||
}
|
||||
|
||||
.nth-icon-wrench:before {
|
||||
content: "\f154"
|
||||
}
|
||||
|
||||
.nth-icon-hammer:before {
|
||||
content: "\f155"
|
||||
}
|
||||
|
||||
.nth-icon-lock:before {
|
||||
content: "\f156"
|
||||
}
|
||||
|
||||
.nth-icon-unlock:before {
|
||||
content: "\f157"
|
||||
}
|
||||
|
||||
.nth-icon-volume-low:before {
|
||||
content: "\f158"
|
||||
}
|
||||
|
||||
.nth-icon-volume-high:before {
|
||||
content: "\f159"
|
||||
}
|
||||
|
||||
.nth-icon-volume-off:before {
|
||||
content: "\f15a"
|
||||
}
|
||||
|
||||
.nth-icon-pause:before {
|
||||
content: "\f15b"
|
||||
}
|
||||
|
||||
.nth-icon-play:before {
|
||||
content: "\f15c"
|
||||
}
|
||||
|
||||
.nth-icon-stop:before {
|
||||
content: "\f15d"
|
||||
}
|
||||
|
||||
.nth-icon-musical:before {
|
||||
content: "\f15e"
|
||||
}
|
||||
|
||||
.nth-icon-random:before {
|
||||
content: "\f15f"
|
||||
}
|
||||
|
||||
.nth-icon-reload:before {
|
||||
content: "\f160"
|
||||
}
|
||||
|
||||
.nth-icon-loop:before {
|
||||
content: "\f161"
|
||||
}
|
||||
|
||||
.nth-icon-text:before {
|
||||
content: "\f162"
|
||||
}
|
||||
|
||||
.nth-icon-bold:before {
|
||||
content: "\f163"
|
||||
}
|
||||
|
||||
.nth-icon-italic:before {
|
||||
content: "\f164"
|
||||
}
|
||||
|
||||
.nth-icon-underline:before {
|
||||
content: "\f165"
|
||||
}
|
||||
|
||||
.nth-icon-format-clear:before {
|
||||
content: "\f166"
|
||||
}
|
||||
|
||||
.nth-icon-text-type:before {
|
||||
content: "\f167"
|
||||
}
|
||||
|
||||
.nth-icon-table:before {
|
||||
content: "\f168"
|
||||
}
|
||||
|
||||
.nth-icon-attach-file:before {
|
||||
content: "\f169"
|
||||
}
|
||||
|
||||
.nth-icon-paperclip:before {
|
||||
content: "\f16a"
|
||||
}
|
||||
|
||||
.nth-icon-link-intact:before {
|
||||
content: "\f16b"
|
||||
}
|
||||
|
||||
.nth-icon-link:before {
|
||||
content: "\f16c"
|
||||
}
|
||||
|
||||
.nth-icon-link-broken:before {
|
||||
content: "\f16d"
|
||||
}
|
||||
|
||||
.nth-icon-indent-increase:before {
|
||||
content: "\f16e"
|
||||
}
|
||||
|
||||
.nth-icon-indent-decrease:before {
|
||||
content: "\f16f"
|
||||
}
|
||||
|
||||
.nth-icon-align-justify:before {
|
||||
content: "\f170"
|
||||
}
|
||||
|
||||
.nth-icon-align-left:before {
|
||||
content: "\f171"
|
||||
}
|
||||
|
||||
.nth-icon-align-center:before {
|
||||
content: "\f172"
|
||||
}
|
||||
|
||||
.nth-icon-align-right:before {
|
||||
content: "\f173"
|
||||
}
|
||||
|
||||
.nth-icon-list-numbered:before {
|
||||
content: "\f174"
|
||||
}
|
||||
|
||||
.nth-icon-list-bulleted:before {
|
||||
content: "\f175"
|
||||
}
|
||||
|
||||
.nth-icon-list:before {
|
||||
content: "\f176"
|
||||
}
|
||||
|
||||
.nth-icon-emoticon:before {
|
||||
content: "\f177"
|
||||
}
|
||||
|
||||
.nth-icon-quote-right:before {
|
||||
content: "\f178"
|
||||
}
|
||||
|
||||
.nth-icon-code:before {
|
||||
content: "\f179"
|
||||
}
|
||||
|
||||
.nth-icon-code-working:before {
|
||||
content: "\f17a"
|
||||
}
|
||||
|
||||
.nth-icon-code-unfold:before {
|
||||
content: "\f17b"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-right:before {
|
||||
content: "\f17c"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-left:before {
|
||||
content: "\f17d"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-left-mini:before {
|
||||
content: "\f17e"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-right-mini:before {
|
||||
content: "\f17f"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-up:before {
|
||||
content: "\f180"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-down:before {
|
||||
content: "\f181"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-up-mini:before {
|
||||
content: "\f182"
|
||||
}
|
||||
|
||||
.nth-icon-chevron-down-mini:before {
|
||||
content: "\f183"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-left:before {
|
||||
content: "\f184"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-right:before {
|
||||
content: "\f185"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-up:before {
|
||||
content: "\f186"
|
||||
}
|
||||
|
||||
.nth-icon-arrow-down:before {
|
||||
content: "\f187"
|
||||
}
|
||||
|
||||
.nth-icon-dropdown:before {
|
||||
content: "\f188"
|
||||
}
|
||||
|
||||
.nth-icon-dropup:before {
|
||||
content: "\f189"
|
||||
}
|
||||
|
||||
.nth-icon-dropright:before {
|
||||
content: "\f18a"
|
||||
}
|
||||
|
||||
.nth-icon-dropleft:before {
|
||||
content: "\f18b"
|
||||
}
|
||||
|
||||
.nth-icon-sort-vertical:before {
|
||||
content: "\f18c"
|
||||
}
|
||||
|
||||
.nth-icon-triangle-left:before {
|
||||
content: "\f18d"
|
||||
}
|
||||
|
||||
.nth-icon-triangle-right:before {
|
||||
content: "\f18e"
|
||||
}
|
||||
|
||||
.nth-icon-triangle-down:before {
|
||||
content: "\f18f"
|
||||
}
|
||||
|
||||
.nth-icon-triangle-up:before {
|
||||
content: "\f190"
|
||||
}
|
||||
|
||||
.nth-icon-check-circle:before {
|
||||
content: "\f191"
|
||||
}
|
||||
|
||||
.nth-icon-check:before {
|
||||
content: "\f192"
|
||||
}
|
||||
|
||||
.nth-icon-check-mini:before {
|
||||
content: "\f193"
|
||||
}
|
||||
|
||||
.nth-icon-close:before {
|
||||
content: "\f194"
|
||||
}
|
||||
|
||||
.nth-icon-close-mini:before {
|
||||
content: "\f195"
|
||||
}
|
||||
|
||||
.nth-icon-plus-circle:before {
|
||||
content: "\f196"
|
||||
}
|
||||
|
||||
.nth-icon-plus:before {
|
||||
content: "\f197"
|
||||
}
|
||||
|
||||
.nth-icon-minus-circle:before {
|
||||
content: "\f198"
|
||||
}
|
||||
|
||||
.nth-icon-minus:before {
|
||||
content: "\f199"
|
||||
}
|
||||
|
||||
.nth-icon-alert-circle:before {
|
||||
content: "\f19a"
|
||||
}
|
||||
|
||||
.nth-icon-alert:before {
|
||||
content: "\f19b"
|
||||
}
|
||||
|
||||
.nth-icon-help-circle:before {
|
||||
content: "\f19c"
|
||||
}
|
||||
|
||||
.nth-icon-help:before {
|
||||
content: "\f19d"
|
||||
}
|
||||
|
||||
.nth-icon-info-circle:before {
|
||||
content: "\f19e"
|
||||
}
|
||||
|
||||
.nth-icon-info:before {
|
||||
content: "\f19f"
|
||||
}
|
||||
|
||||
.nth-icon-warning:before {
|
||||
content: "\f1a0"
|
||||
}
|
||||
|
||||
.nth-icon-heart:before {
|
||||
content: "\f1a1"
|
||||
}
|
||||
|
||||
.nth-icon-heart-outline:before {
|
||||
content: "\f1a2"
|
||||
}
|
||||
|
||||
.nth-icon-star:before {
|
||||
content: "\f1a3"
|
||||
}
|
||||
|
||||
.nth-icon-star-half:before {
|
||||
content: "\f1a4"
|
||||
}
|
||||
|
||||
.nth-icon-star-outline:before {
|
||||
content: "\f1a5"
|
||||
}
|
||||
|
||||
.nth-icon-thumb-up:before {
|
||||
content: "\f1a6"
|
||||
}
|
||||
|
||||
.nth-icon-thumb-down:before {
|
||||
content: "\f1a7"
|
||||
}
|
||||
|
||||
.nth-icon-small-point:before {
|
||||
content: "\f1a8"
|
||||
}
|
||||
|
||||
.nth-icon-medium-point:before {
|
||||
content: "\f1a9"
|
||||
}
|
||||
|
||||
.nth-icon-large-point:before {
|
||||
content: "\f1aa"
|
||||
}
|
||||
265
WebRoot/node_modules/nth-tabs-master/nth-tabs-dark.css
generated
vendored
Normal file
265
WebRoot/node_modules/nth-tabs-master/nth-tabs-dark.css
generated
vendored
Normal file
@ -0,0 +1,265 @@
|
||||
/**
|
||||
* nth-tabs
|
||||
* author:nethuige
|
||||
* version:2.0
|
||||
*/
|
||||
.nth-tabs {
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
|
||||
}
|
||||
|
||||
.nth-tabs .page-tabs {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.nth-tabs .content-tabs {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
/* background: #fafafa; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nth-tabs .content-tabs-container {
|
||||
width: 500%;
|
||||
margin-left: 40px;
|
||||
overflow: hidden;
|
||||
height: 50px;
|
||||
transition: margin-left 1s;
|
||||
-moz-transition: margin-left 1s;
|
||||
-webkit-transition: margin-left 1s;
|
||||
-o-transition: margin-left 1s;
|
||||
}
|
||||
.tab-content{
|
||||
overflow: auto;
|
||||
}
|
||||
.nth-tabs,.tab-content,.tab-pane{
|
||||
height: 100%;
|
||||
/*height: calc(100% - 42px);*/
|
||||
}
|
||||
.nth-tabs-content{
|
||||
width:100%;
|
||||
height: 100%;
|
||||
/*height: calc(100% - 42px);*/
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.nth-tabs-frame{
|
||||
width:100%;
|
||||
height: 100%;
|
||||
/*height: calc(100% - 42px);*/
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*选项卡操作相关*/
|
||||
.nth-tabs .roll-nav {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
padding-top:15px;
|
||||
border-left: 1px solid #797979;
|
||||
}
|
||||
|
||||
.nth-tabs a.roll-nav:hover {
|
||||
color: #000 !important;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.nth-tabs a.roll-nav:active,.nth-tabs a.roll-nav:visited {
|
||||
color: #95A0AA;
|
||||
}
|
||||
|
||||
.nth-tabs .roll-nav-left {
|
||||
/* left: 0;
|
||||
border-bottom: 1px solid #E4EAEC;*/
|
||||
}
|
||||
|
||||
.nth-tabs .roll-nav-right {
|
||||
right: 40px;
|
||||
/* border-bottom: 1px solid #E4EAEC; */
|
||||
}
|
||||
|
||||
.nth-tabs .tab-close {
|
||||
/* position: absolute;
|
||||
top: 17px;
|
||||
right: 10px; */
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-close:hover {
|
||||
background-color: #f96868;
|
||||
border-radius: 16px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-down{
|
||||
/* border-top: 4px solid;
|
||||
-webkit-transition: .25s;
|
||||
-o-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transform: scale(1.001);
|
||||
-ms-transform: scale(1.001);
|
||||
-o-transform: scale(1.001);
|
||||
transform: scale(1.001);
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 2px;
|
||||
vertical-align: middle;
|
||||
border-top: 4px dashed;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent; */
|
||||
}
|
||||
|
||||
/*tab list*/
|
||||
.nth-tabs .right-nav-list {
|
||||
right: 0;
|
||||
/*border-left: 1px solid #E4EAEC;*/
|
||||
/* border-bottom: 1px solid #E4EAEC; */
|
||||
}
|
||||
|
||||
.nth-tabs .right-nav-list a {
|
||||
padding:12px 12px 15px 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nth-tabs .right-nav-list a:hover {
|
||||
color: #000 !important;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.tab-list-scrollbar {
|
||||
max-height: 250px;
|
||||
max-width: 180px;
|
||||
}
|
||||
.dropdown-menu{
|
||||
background-color:#262832 !important;
|
||||
z-index: 99999999 !important;
|
||||
left: -141px !important;
|
||||
}
|
||||
|
||||
.dropdown-menu ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
text-align: left;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li {
|
||||
line-height: 30px;
|
||||
padding: 0px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li:hover {
|
||||
background-color: #ececec;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.scrollbar-outer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*重写tab*/
|
||||
.nav-tabs {
|
||||
/* background-color: #FFFFFF; */
|
||||
min-height:50px;
|
||||
margin:0px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.nav-tabs a {
|
||||
color: #76838f;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.nav-tabs>li{
|
||||
/* width:8.1em; */
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.nav-tabs>li>a {
|
||||
padding:13px;
|
||||
text-align: center;
|
||||
min-height:50px;
|
||||
}
|
||||
|
||||
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
||||
border:1px solid transparent;
|
||||
background-color: #FFA14F !important;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
-webkit-transition-property: background-color,border-bottom;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
-moz-transition-property: background-color,border-bottom;
|
||||
-moz-transition-duration: 0.2s;
|
||||
-moz-transition-timing-function: ease;
|
||||
-o-transition-property: background-color,border-bottom;
|
||||
-o-transition-duration: 0.2s;
|
||||
-o-transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
background-color: #F3F7F9;
|
||||
}
|
||||
|
||||
/*animation*/
|
||||
|
||||
[class*=animation-] {
|
||||
-webkit-animation-duration: .5s;
|
||||
-o-animation-duration: .5s;
|
||||
animation-duration: .5s;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
-o-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
.animation-fade {
|
||||
-webkit-animation-name: fadeIn;
|
||||
-o-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
-webkit-animation-duration: .8s;
|
||||
-o-animation-duration: .8s;
|
||||
animation-duration: .8s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
|
||||
410
WebRoot/node_modules/nth-tabs-master/nth-tabs.css
generated
vendored
Normal file
410
WebRoot/node_modules/nth-tabs-master/nth-tabs.css
generated
vendored
Normal file
@ -0,0 +1,410 @@
|
||||
/**
|
||||
* nth-tabs
|
||||
* author:nethuige
|
||||
* version:2.0
|
||||
*/
|
||||
.hor-menu{
|
||||
width:100%;
|
||||
float:left;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.nth-tabs {
|
||||
color: #000;
|
||||
/* font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif; */
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: #fff;
|
||||
/*background-image: url(./titlebg.png);
|
||||
background: #ECEFF8; */
|
||||
}
|
||||
|
||||
.nth-tabs .page-tabs {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.nth-tabs .content-tabs {
|
||||
/* width: calc(100% - 285px); */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: initial;
|
||||
overflow: hidden;
|
||||
margin-left:45px;
|
||||
}
|
||||
|
||||
.nth-tabs .content-tabs-container {
|
||||
width: 500%;
|
||||
/* margin-left: 5px; */
|
||||
overflow: hidden;
|
||||
height: 30px;
|
||||
transition: margin-left 1s;
|
||||
-moz-transition: margin-left 1s;
|
||||
-webkit-transition: margin-left 1s;
|
||||
-o-transition: margin-left 1s;
|
||||
}
|
||||
.tab-content{
|
||||
overflow: auto;
|
||||
height: calc(100% - 30px);
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
}
|
||||
.nth-tabs,.tab-pane{
|
||||
height: 100%;
|
||||
/* height: calc(100% - 40px); */
|
||||
}
|
||||
.nth-tabs-content{
|
||||
width:100%;
|
||||
height: 100%;
|
||||
/*height: calc(100% - 40px);*/
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.nth-tabs-frame{
|
||||
width:100%;
|
||||
height:calc(100% - 5px);
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/*选项卡操作相关*/
|
||||
.nth-tabs .roll-nav {
|
||||
color: #000;
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
top: 50px;
|
||||
padding-top: 5px;
|
||||
/*font-size: 20px;
|
||||
border-left: 1px solid #FFFFFF; */
|
||||
}
|
||||
|
||||
@media (max-width: 600px){
|
||||
.nth-tabs .roll-nav {
|
||||
top: 100px;
|
||||
}
|
||||
.sidebar-open .nth-tabs .roll-nav {
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
.nth-tabs a.roll-nav:hover {
|
||||
color: #fff !important;
|
||||
background-color: #367fa9;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nth-tabs a.roll-nav:active,.nth-tabs a.roll-nav:visited {
|
||||
color: #000;
|
||||
/* color: #000; */
|
||||
}
|
||||
|
||||
.nth-tabs .roll-nav-left {
|
||||
border-right: 1px solid #ddd;
|
||||
/*border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #A1A3A5;
|
||||
left: 0;
|
||||
border-bottom: 1px solid #E4EAEC;*/
|
||||
}
|
||||
|
||||
.roll-nav-left span{
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
/* border-right: 1px solid #A1A3A5; */
|
||||
}
|
||||
.nth-tabs .roll-nav-right {
|
||||
right: 45px;
|
||||
border-right: 1px solid #ddd;
|
||||
border-left: 1px solid #ddd;
|
||||
/* right: 200px;
|
||||
right: 40px;
|
||||
border-bottom: 1px solid #E4EAEC; */
|
||||
}
|
||||
.roll-nav-right span{
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
/* border-right: 1px solid #A1A3A5; */
|
||||
}
|
||||
|
||||
.nth-tabs .roll-nav-allclose {
|
||||
right: 0px;
|
||||
/* right: 200px;
|
||||
border-right: 1px solid #A1A3A5;
|
||||
border-left: 1px solid #A1A3A5;
|
||||
right: 40px;
|
||||
border-bottom: 1px solid #E4EAEC; */
|
||||
}
|
||||
|
||||
|
||||
.nth-tabs a.tab-icon:active,.nth-tabs a.tab-icon:visited {
|
||||
color: #FFA14F;
|
||||
}
|
||||
.nav-tabs>li.active>a>.tab-icon,
|
||||
.nav-tabs>li.active>a>.tab-icon:focus,
|
||||
.nav-tabs>li.active>a>.tab-icon:hover {
|
||||
color: #FFA14F;
|
||||
}
|
||||
.nth-tabs .tab-icon {
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-close {
|
||||
/* position: absolute;
|
||||
top: 17px;
|
||||
right: 10px; */
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
/* color: #bebebe; */
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-close:hover {
|
||||
background-color: #f96868;
|
||||
border-radius: 16px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nth-tabs .tab-refresh {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-refresh:hover {
|
||||
background-color: #3c8dbc;
|
||||
border-radius: 16px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nth-tabs .tab-down{
|
||||
/* border-top: 4px solid;
|
||||
-webkit-transition: .25s;
|
||||
-o-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transform: scale(1.001);
|
||||
-ms-transform: scale(1.001);
|
||||
-o-transform: scale(1.001);
|
||||
transform: scale(1.001);
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 2px;
|
||||
vertical-align: middle;
|
||||
border-top: 4px dashed;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent; */
|
||||
}
|
||||
|
||||
/*tab list*/
|
||||
.nth-tabs .right-nav-list {
|
||||
right: 40px;
|
||||
padding-top: 0px;
|
||||
/* border-right: 1px solid #A1A3A5;
|
||||
border-bottom: 1px solid #E4EAEC; */
|
||||
}
|
||||
|
||||
.nth-tabs .right-nav-list a {
|
||||
/* padding:14px 16px 12px 14px; */
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.nth-tabs .right-nav-list a:hover {
|
||||
color: #fff !important;
|
||||
background-color: #367fa9;
|
||||
}
|
||||
/*tab-other*/
|
||||
.nth-tabs .right-menu {
|
||||
right: 105px;
|
||||
}
|
||||
.nth-tabs .right-mess {
|
||||
right: 60px;
|
||||
}
|
||||
.nth-tabs .right-out {
|
||||
font-size: 16px;
|
||||
right: 15px;
|
||||
}
|
||||
.nth-tabs .roll-right {
|
||||
/* border-right: 1px solid #A1A3A5; */
|
||||
}
|
||||
.nth-tabs .roll-right a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.badge{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
font-weight: 100;
|
||||
padding: 3px;
|
||||
}
|
||||
.nth-tabs .roll-right .badge.badge-default {
|
||||
background-color: #36c6d3;
|
||||
color: #000fff; }
|
||||
|
||||
.nth-tabs .roll-right a:hover {
|
||||
color: #fff !important;
|
||||
background-color: #367fa9;
|
||||
}
|
||||
|
||||
.tab-list-scrollbar {
|
||||
max-height: 250px;
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
.dropdown-toggle{
|
||||
/* padding: 15px 16px 7px 15px; */
|
||||
padding-top: 6px;
|
||||
display: block;
|
||||
height: 100%;
|
||||
text-decoration: none;
|
||||
font-size: 10px;
|
||||
}
|
||||
.dropdown-toggle:hover {
|
||||
color: #fff !important;
|
||||
background-color: #367fa9;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dropdown-menu{
|
||||
background-color:#fafafa !important;
|
||||
z-index: 99999999 !important;
|
||||
/*left: -141px !important;*/
|
||||
}
|
||||
|
||||
.dropdown-menu ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
text-align: left;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li {
|
||||
line-height: 30px;
|
||||
padding: 0px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown-menu ul li:hover {
|
||||
background-color: #367fa9;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.scrollbar-outer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*重写tab*/
|
||||
.nav-tabs {
|
||||
/* background-color: #FFFFFF; */
|
||||
min-height: 20px;
|
||||
margin:0px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.nav-tabs a {
|
||||
/* color: #000; */
|
||||
color: #bebebe;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.nav-tabs>li{
|
||||
/* width:8.1em;
|
||||
margin:10px 2px; */
|
||||
}
|
||||
|
||||
.nav-tabs>li>a {
|
||||
/* padding:13px;
|
||||
min-height:22px;
|
||||
padding: 5px 15px;
|
||||
border-radius:4px;*/
|
||||
margin-right: 0px;
|
||||
text-align: center;
|
||||
min-height: 20px;
|
||||
padding: 5px 10px;
|
||||
border-right: 1px solid #ddd;
|
||||
border-radius:0px;
|
||||
/* border-radius:5px; */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
||||
/* border:1px solid transparent; */
|
||||
/* background-color: #FFA14F !important; */
|
||||
/* color: #fff; */
|
||||
border: 0;
|
||||
border-right: 1px solid #ddd;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
-webkit-transition-property: background-color,border-bottom;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
-moz-transition-property: background-color,border-bottom;
|
||||
-moz-transition-duration: 0.2s;
|
||||
-moz-transition-timing-function: ease;
|
||||
-o-transition-property: background-color,border-bottom;
|
||||
-o-transition-duration: 0.2s;
|
||||
-o-transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
background-color: #367fa9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*animation*/
|
||||
|
||||
[class*=animation-] {
|
||||
-webkit-animation-duration: .5s;
|
||||
-o-animation-duration: .5s;
|
||||
animation-duration: .5s;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
-o-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
.animation-fade {
|
||||
-webkit-animation-name: fadeIn;
|
||||
-o-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
-webkit-animation-duration: .8s;
|
||||
-o-animation-duration: .8s;
|
||||
animation-duration: .8s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
|
||||
482
WebRoot/node_modules/nth-tabs-master/nth-tabs.js
generated
vendored
Normal file
482
WebRoot/node_modules/nth-tabs-master/nth-tabs.js
generated
vendored
Normal file
@ -0,0 +1,482 @@
|
||||
/**
|
||||
* nth-tabs
|
||||
* author:nethuige
|
||||
* version:2.0
|
||||
*/
|
||||
var App = function() {
|
||||
return {
|
||||
// To get the correct viewport width based on http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
|
||||
getViewPort: function() {
|
||||
var e = window,
|
||||
a = 'inner';
|
||||
if (!('innerWidth' in window)) {
|
||||
a = 'client';
|
||||
e = document.documentElement || document.body;
|
||||
}
|
||||
|
||||
return {
|
||||
width: e[a + 'Width'],
|
||||
height: e[a + 'Height']
|
||||
};
|
||||
}
|
||||
}
|
||||
}();
|
||||
(function ($) {
|
||||
|
||||
$.fn.nthTabs = function (options) {
|
||||
|
||||
// 插件中的40为默认左边距
|
||||
var nthTabs = this;
|
||||
var nthTabsContent = $('.tab-content');
|
||||
|
||||
/*var content = $('.nth-tabs');
|
||||
var available_width = $('.main-header').outerWidth(true) - $('.logo').outerWidth(true)
|
||||
- $('.sidebar-toggle').outerWidth(true) - $('.navbar-custom-menu').outerWidth(true);
|
||||
content.css('min-width', available_width);
|
||||
$(window).resize(function() {
|
||||
available_width = $('.main-header').outerWidth(true) - $('.logo').outerWidth(true)
|
||||
- $('.sidebar-toggle').outerWidth(true) - $('.navbar-custom-menu').outerWidth(true);
|
||||
content.css('min-width', available_width);
|
||||
});*/
|
||||
var defaults = {
|
||||
allowClose: true, // 新建选项卡，是否允许关闭，默认启用
|
||||
allowRefresh: true, // 新建选项卡，是否允许刷新，默认启用
|
||||
active: true, // 新建选项卡，是否为活动状态，默认启用
|
||||
location: true, //新建选项卡，是否自动定位，默认启用
|
||||
fadeIn: true, // 新建选项卡，淡入效果，默认启用
|
||||
rollWidth: nthTabs.width() - 135 // 可滚动的区域宽度，减去3个操作按钮的宽度
|
||||
};
|
||||
|
||||
var settings = $.extend({}, defaults, options);
|
||||
|
||||
var handler = [];
|
||||
|
||||
var frameName = 0;
|
||||
|
||||
var template =
|
||||
'<div class="page-tabs">' +
|
||||
'<a href="javascript:;" class="roll-nav roll-nav-left" title="菜单左滑"><span class="iconfont iconbackward"></span></a>' +
|
||||
'<div class="content-tabs">' +
|
||||
'<div class="content-tabs-container">' +
|
||||
'<ul class="nav nav-tabs"></ul>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<a href="javascript:;" class="roll-nav roll-nav-right" title="菜单右滑"><span class="iconfont iconforward"></span></a>' +
|
||||
'<a href="javascript:;" class="roll-nav roll-nav-allclose tab-close-all" title="关闭全部"><span class="iconfont iconallclose"></span></a>' +
|
||||
/*'<div class="dropdown roll-nav right-nav-list">' +
|
||||
'<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" title="功能菜单">' +
|
||||
'<span class="tab-down iconfont iconxiala"></span></a>' +
|
||||
'<ul class="dropdown-menu">' +
|
||||
'<li><a href="javascript:;" class="tab-location">定位当前选项卡</a></li>' +
|
||||
'<li><a href="javascript:;" class="tab-close-current">关闭当前选项卡</a></li>' +
|
||||
'<li role="separator" class="divider"></li>' +
|
||||
'<li><a href="javascript:;" class="tab-close-other">关闭其他选项卡</a></li>' +
|
||||
'<li><a href="javascript:;" class="tab-close-all">关闭全部选项卡</a></li>' +
|
||||
'<li class="divider"></li>' +
|
||||
'<li class="scrollbar-outer tab-list-scrollbar">' +
|
||||
'<div class="tab-list-container"><ul class="tab-list"></ul></div>' +
|
||||
'</li>' +
|
||||
'</ul>' +
|
||||
'</div>' +*/
|
||||
'</div>' ;
|
||||
|
||||
// 启用插件
|
||||
var run = function(){
|
||||
nthTabs.html(template);
|
||||
event.onWindowsResize().onTabRefresh().onTabClose().onTabRollLeft().onTabRollRight().onTabList()
|
||||
.onTabCloseOpt().onTabCloseAll().onTabCloseOther().onLocationTab().onTabToggle();
|
||||
return methods;
|
||||
};
|
||||
|
||||
// 方法列表
|
||||
var methods = {
|
||||
|
||||
// 获取所有tab宽度
|
||||
getAllTabWidth: function () {
|
||||
var sum_width = 0;
|
||||
nthTabs.find('.nav-tabs li').each(function () {
|
||||
sum_width += parseFloat($(this).width());
|
||||
});
|
||||
return sum_width;
|
||||
},
|
||||
|
||||
// 获取左右滑动步值
|
||||
getMarginStep: function () {
|
||||
return settings.rollWidth / 2;
|
||||
},
|
||||
|
||||
// 获取当前活动状态选项卡ID
|
||||
getActiveId: function () {
|
||||
return nthTabs.find('.active').find("a").attr("href").replace('#', '');
|
||||
},
|
||||
|
||||
// 获取所有选项卡
|
||||
getTabList: function () {
|
||||
var tabList = [];
|
||||
nthTabs.find('.nav-tabs li a').each(function () {
|
||||
tabList.push({id: $(this).attr('href'), title: $(this).children('span').html()});
|
||||
});
|
||||
return tabList;
|
||||
},
|
||||
|
||||
// 新建单个选项卡
|
||||
addTab: function (options) {
|
||||
console.log("into "+options.id+","+options.title+","+options.url+"addTab");
|
||||
// 调用模块点击日志
|
||||
$.post(ext.contextPath + "/fwk/Menunumber/dosave.do", {menuitemid:options.id}, function(data) {
|
||||
if (data == 1) {
|
||||
console.log(options.id+"模块点击日志保存成功！");
|
||||
}else if(data == 0){
|
||||
console.log("模块点击日志保存失败！");
|
||||
}else{
|
||||
console.log("模块点击日志保存失败！");
|
||||
}
|
||||
},'json');
|
||||
|
||||
if(this.isExistsTab(options.id)){this.setActTab(options.id);return;}
|
||||
// nav-tab
|
||||
var tab = [];
|
||||
var active = options.active == undefined ? settings.active : options.active;
|
||||
var allowClose = options.allowClose == undefined ? settings.allowClose : options.allowClose;
|
||||
var allowRefresh = options.allowRefresh == undefined ? settings.allowRefresh : options.allowRefresh;
|
||||
var location = options.location == undefined ? settings.location : options.location;
|
||||
var fadeIn = options.fadeIn == undefined ? settings.fadeIn : options.fadeIn;
|
||||
var url = options.url == undefined ? "" : options.url;
|
||||
var windowHeight = $(window).height();
|
||||
var minheight = windowHeight-90;
|
||||
|
||||
tab.push('<li title="' + options.title + '" '+(allowClose ? '' : 'not-allow-close')+'>');
|
||||
tab.push('<a href="#' + options.id + '" data-url="' + options.url + '" data-toggle="tab">');
|
||||
tab.push('<i class="fa fa-circle tab-icon"></i>');
|
||||
tab.push('<span>' + options.title + '</span>');
|
||||
allowRefresh ? tab.push('<i class="fa fa-refresh tab-refresh"></i>') : '';
|
||||
allowClose ? tab.push('<i class="fa fa-close tab-close"></i>') : '';
|
||||
tab.push('</a>');
|
||||
tab.push('</li>');
|
||||
nthTabs.find(".nav-tabs").append(tab.join(''));
|
||||
//tab-content
|
||||
var tabContent = [];
|
||||
tabContent.push('<div class="tab-pane '+(fadeIn ? 'animation-fade' : '')+'" id="' + options.id +'" '+(allowClose ? '' : 'not-allow-close')+'>');
|
||||
if(url.length>0){
|
||||
tabContent.push('<iframe frameborder="0" name="iframe-'+frameName+'" class="nth-tabs-frame" style="min-height:'+minheight+'px;"></iframe>');
|
||||
frameName++;
|
||||
}else{
|
||||
tabContent.push('<div class="nth-tabs-content">'+options.content+"</div>");
|
||||
}
|
||||
tabContent.push('</div>');
|
||||
/*//nthTabs.find(".tab-content").append(tabContent.join(''));*/
|
||||
nthTabsContent.append(tabContent.join(''));
|
||||
active && this.setActTab(options.id);
|
||||
location && this.locationTab(options.id);
|
||||
//解决iframe初始设置src导致页面刷新两次问题
|
||||
$("#"+options.id).find("iframe").attr('src',options.url);
|
||||
return this;
|
||||
},
|
||||
|
||||
//新建多个选项卡
|
||||
addTabs: function (tabsOptions) {
|
||||
for(var index in tabsOptions){
|
||||
this.addTab(tabsOptions[index]);
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// 定位选项卡
|
||||
locationTab: function (tabId) {
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
var navTabOpt = nthTabs.find("[href='" + tabId + "']"); // 当前所操作选项卡对象
|
||||
// 计算存在于当前活动选项卡之前的所有同级选项卡的宽度之和
|
||||
var beforeTabsWidth = navTabOpt.parent().width();
|
||||
navTabOpt.parent().prevAll().each(function () {
|
||||
beforeTabsWidth += $(this).width();
|
||||
});
|
||||
// 得到选项卡容器对象
|
||||
var contentTab = navTabOpt.parent().parent().parent();
|
||||
// 情况1：前面同级选项卡宽度之和小于选项卡可视区域的则默认5
|
||||
if (beforeTabsWidth <= settings.rollWidth) {
|
||||
margin_left_total = 1;
|
||||
}
|
||||
// 情况2：前面同级选项卡宽度之和大于选项卡可视区域的，则margin为向左偏移整数倍的距离
|
||||
else{
|
||||
margin_left_total = 1 - Math.floor(beforeTabsWidth / settings.rollWidth) * settings.rollWidth;
|
||||
}
|
||||
contentTab.css("margin-left", margin_left_total);
|
||||
return this;
|
||||
},
|
||||
|
||||
// 删除单个选项卡
|
||||
delTab: function (tabId) {
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
var navTabA = nthTabs.find("[href='" + tabId + "']");
|
||||
if(navTabA.parent().attr('not-allow-close')!=undefined) return false;
|
||||
// 如果关闭的是激活状态的选项卡
|
||||
if (navTabA.parent().hasClass('active')) {
|
||||
// 激活选项卡，如果后面存在激活后面，否则激活前面
|
||||
var activeNavTab = navTabA.parent().next();
|
||||
var activeTabContent = $(tabId).next();
|
||||
if (activeNavTab.length < 1) {
|
||||
activeNavTab = navTabA.parent().prev();
|
||||
activeTabContent = $(tabId).prev();
|
||||
}
|
||||
activeNavTab.addClass('active');
|
||||
activeTabContent.addClass('active');
|
||||
}
|
||||
// 移除旧选项卡
|
||||
navTabA.parent().remove();
|
||||
$(tabId).remove();
|
||||
return this;
|
||||
},
|
||||
|
||||
// 删除其他选项卡
|
||||
delOtherTab: function () {
|
||||
nthTabs.find(".nav-tabs li").not('[class="active"]').not('[not-allow-close]').remove();
|
||||
$(".tab-content div.tab-pane").not('[not-allow-close]').not('[class$="active"]').remove();
|
||||
nthTabs.find('.content-tabs-container').css("margin-left", 1); //重置位置
|
||||
return this;
|
||||
},
|
||||
|
||||
// 删除全部选项卡
|
||||
delAllTab: function () {
|
||||
this.delOtherTab();
|
||||
this.delTab();
|
||||
return this;
|
||||
},
|
||||
|
||||
// 设置活动选项卡
|
||||
setActTab: function (tabId) {
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
nthTabs.find('.active').removeClass('active');
|
||||
nthTabsContent.find('.active').removeClass('active');
|
||||
nthTabs.find("[href='" + tabId + "']").parent().addClass('active');
|
||||
$(tabId).addClass('active');
|
||||
return this;
|
||||
},
|
||||
|
||||
// 切换选项卡
|
||||
toggleTab: function (tabId) {
|
||||
this.setActTab(tabId).locationTab(tabId);
|
||||
return this;
|
||||
},
|
||||
// 切换并刷新选项卡
|
||||
toggleTabAndRef: function (tabId,url) {
|
||||
this.setActTab(tabId).locationTab(tabId);
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
$(tabId).find("iframe").attr('src',url);
|
||||
return this;
|
||||
},
|
||||
// just刷新选项卡
|
||||
refTab: function (tabId,url) {
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
$(tabId).find("iframe").attr('src',url);
|
||||
if(nthTabs.find("[href='" + tabId + "']").length>0){
|
||||
nthTabs.find("[href='" + tabId + "']").attr("data-url",url);
|
||||
console.log(nthTabs.find("[href='" + tabId + "']").attr("data-url"));
|
||||
}
|
||||
return this;
|
||||
},
|
||||
// 指定选项卡是否存在
|
||||
isExistsTab: function (tabId) {
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
return nthTabs.find("[href='" + tabId + "']").length>0;
|
||||
},
|
||||
|
||||
// 选项卡切换事件处理器
|
||||
tabToggleHandler: function(func){
|
||||
handler["tabToggleHandler"] = func;
|
||||
},
|
||||
// 选项卡只变更刷新状态
|
||||
tabChangeRefSt: function(tabId){
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
//增加Company发生变更状态，变化为true，不变化为false
|
||||
var changeCompany = $(tabId).find("iframe").attr('data-changeCompany');
|
||||
console.log(changeCompany);
|
||||
if(changeCompany==true){
|
||||
//Company发生变更状态刷新tab
|
||||
$(tabId).find("iframe").attr('data-changeCompany', false);
|
||||
}
|
||||
},
|
||||
// 选项卡变更刷新状态，并刷新
|
||||
tabChangeRefStAndRef: function(tabId){
|
||||
tabId = tabId == undefined ? methods.getActiveId() : tabId;
|
||||
tabId = tabId.indexOf('#') > -1 ? tabId : '#' + tabId;
|
||||
//增加Company发生变更状态，变化为true，不变化为false
|
||||
var changeCompany = $(tabId).find("iframe").attr('data-changeCompany');
|
||||
if(changeCompany=="true"){
|
||||
//Company发生变更状态刷新tab
|
||||
$(tabId).find("iframe").attr('data-changeCompany', false);
|
||||
var url = $(tabId).find("iframe").attr("src");
|
||||
$(tabId).find("iframe").attr('src',url);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 事件处理
|
||||
var event = {
|
||||
|
||||
// 窗口变化
|
||||
onWindowsResize: function () {
|
||||
$(window).resize(function () {
|
||||
settings.rollWidth = nthTabs.width() - 120;
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 定位选项卡
|
||||
onLocationTab: function () {
|
||||
nthTabs.on("click", '.tab-location', function () {
|
||||
methods.locationTab();
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 刷新选项卡按钮
|
||||
onTabRefresh: function () {
|
||||
nthTabs.on("click", '.tab-refresh', function () {
|
||||
var tabId = $(this).parent().parent().find("a").attr('href');
|
||||
var url = $(this).parent().parent().find("a").attr('data-url');
|
||||
methods.toggleTabAndRef(tabId,url);
|
||||
methods.tabChangeRefSt(tabId);
|
||||
});
|
||||
return this;
|
||||
},
|
||||
// 关闭选项卡按钮
|
||||
onTabClose: function () {
|
||||
nthTabs.on("click", '.tab-close', function () {
|
||||
var tabId = $(this).parent().parent().find("a").attr('href');
|
||||
//当前操作的标签宽度
|
||||
var navTabOpt = nthTabs.find("[href='" + tabId + "']"); // 当前操作选项卡对象
|
||||
// 当前选项卡后有选项卡则不处理，如果无，则整体向左偏移一个选项卡
|
||||
if(navTabOpt.parent().next().length == 0){
|
||||
// 计算存在于当前操作选项卡之前的所有同级选项卡的宽度之和
|
||||
var beforeTabsWidth = 0;
|
||||
navTabOpt.parent().prevAll().each(function () {
|
||||
beforeTabsWidth += $(this).width();
|
||||
});
|
||||
//当前操作选项卡的宽度
|
||||
var optTabWidth = navTabOpt.parent().width();
|
||||
var margin_left_total = 1; // 默认偏移（总宽度未超过滚动区域）
|
||||
// 得到选项卡容器对象
|
||||
var contentTab = navTabOpt.parent().parent().parent();
|
||||
// 满足此情况才需要做整体左偏移处理
|
||||
if (beforeTabsWidth > settings.rollWidth) {
|
||||
var margin_left_origin = contentTab.css('marginLeft').replace('px', '');
|
||||
margin_left_total = parseFloat(margin_left_origin) + optTabWidth + 1;
|
||||
}
|
||||
contentTab.css("margin-left", margin_left_total);
|
||||
}
|
||||
methods.delTab(tabId);
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 关闭当前选项卡操作
|
||||
onTabCloseOpt: function () {
|
||||
nthTabs.on("click", '.tab-close-current', function () {
|
||||
methods.delTab();
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 关闭其他选项卡
|
||||
onTabCloseOther: function () {
|
||||
nthTabs.on("click", '.tab-close-other', function () {
|
||||
methods.delOtherTab();
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 关闭全部选项卡
|
||||
onTabCloseAll: function () {
|
||||
nthTabs.on("click", '.tab-close-all', function () {
|
||||
methods.delAllTab();
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 左滑选项卡
|
||||
onTabRollLeft: function () {
|
||||
nthTabs.on("click", '.roll-nav-left', function () {
|
||||
var contentTab = $(this).parent().find('.content-tabs-container');
|
||||
var margin_left_total;
|
||||
if (methods.getAllTabWidth() <= settings.rollWidth) {
|
||||
//未超出可视区域宽度,不可滑动
|
||||
margin_left_total = 40;
|
||||
}else{
|
||||
var margin_left_origin = contentTab.css('marginLeft').replace('px', '');
|
||||
margin_left_total = parseFloat(margin_left_origin) + methods.getMarginStep() + 40;
|
||||
}
|
||||
contentTab.css("margin-left", margin_left_total > 1 ? 1 : margin_left_total);
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 右滑选项卡
|
||||
onTabRollRight: function () {
|
||||
nthTabs.on("click", '.roll-nav-right', function () {
|
||||
if (methods.getAllTabWidth() <= settings.rollWidth) return false; //未超出可视区域宽度,不可滑动
|
||||
var contentTab = $(this).parent().find('.content-tabs-container');
|
||||
var margin_left_origin = contentTab.css('marginLeft').replace('px', '');
|
||||
var margin_left_total = parseFloat(margin_left_origin) - methods.getMarginStep();
|
||||
if (methods.getAllTabWidth() - Math.abs(margin_left_origin) <= settings.rollWidth) return false; //已无隐藏无需滚动
|
||||
contentTab.css("margin-left", margin_left_total);
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 选项卡清单
|
||||
onTabList: function () {
|
||||
nthTabs.on("click", '.right-nav-list', function () {
|
||||
var tabList = methods.getTabList();
|
||||
var html = [];
|
||||
$.each(tabList, function (key, val) {
|
||||
html.push('<li class="toggle-tab" data-id="' + val.id + '">' + val.title + '</li>');
|
||||
});
|
||||
nthTabs.find(".tab-list").html(html.join(''));
|
||||
});
|
||||
nthTabs.find(".tab-list-scrollbar").scrollbar();
|
||||
this.onTabListToggle();
|
||||
return this;
|
||||
},
|
||||
|
||||
// 清单下切换选项卡
|
||||
onTabListToggle: function () {
|
||||
nthTabs.on("click", '.toggle-tab', function () {
|
||||
var tabId = $(this).data("id");
|
||||
methods.setActTab(tabId).locationTab(tabId);
|
||||
methods.tabChangeRefStAndRef(tabId);
|
||||
});
|
||||
// 选项卡清单滚动条点击不关闭
|
||||
nthTabs.on('click','.scroll-element',function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
return this;
|
||||
},
|
||||
|
||||
// 选项卡切换事件
|
||||
onTabToggle: function(){
|
||||
nthTabs.on("click", '.nav-tabs li', function () {
|
||||
var lastTabText = nthTabs.find(".nav-tabs li a[href='#"+methods.getActiveId()+"'] span").text();
|
||||
handler.hasOwnProperty("tabToggleHandler") && handler["tabToggleHandler"]({
|
||||
last:{
|
||||
tabId:methods.getActiveId(),
|
||||
tabText:lastTabText
|
||||
},
|
||||
active:{
|
||||
tabId:$(this).find("a").attr("href").replace('#',''),
|
||||
tabText:$(this).find("a span").text()
|
||||
}
|
||||
});
|
||||
var tabId = $(this).find("a").attr("href");
|
||||
methods.tabChangeRefStAndRef(tabId);
|
||||
});
|
||||
}
|
||||
};
|
||||
return run();
|
||||
}
|
||||
})(jQuery);
|
||||
BIN
WebRoot/node_modules/nth-tabs-master/titlebg.png
generated
vendored
Normal file
BIN
WebRoot/node_modules/nth-tabs-master/titlebg.png
generated
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Reference in New Issue
Block a user