From 125bcf16998bffef34643b234d7b461a280c9e5d Mon Sep 17 00:00:00 2001 From: Aric Date: Sat, 9 Apr 2016 23:08:48 -0500 Subject: [PATCH] 16098.3 EH: Updated assorted core CSS settings. Largest update was to the Elbows, complex buttons. RM: Assorted files as content was seperated into their own files and new file structure created. EH: Added End Cap elements for large bar framing controls. EH: Added style setting to directly apply CSS settings to an elements definition object. EH: Additional coler generation call for grouped color rendering. CO: Provided USS Not Affiliated theme updated. EH: Radio/Checkbox are now standard buttons. The state of the element is handled via a simple JS with function passthrough. These elements are not input elements. CO: Multiple elements have their settings updated to utilize new options. CO: Complex buttons using large text utilize a text element instead of the old nbValue setting. CO: Elements are not long position absolute by default. --- LICENSE.md | 8 +- README.md | 5 +- index.html | 380 ---- interfaces/color-generator/index.html | 44 + interfaces/color-generator/module.css | 66 + interfaces/color-generator/module.js | 166 ++ interfaces/color-rotation/index.html | 46 + interfaces/color-rotation/module.css | 121 + interfaces/color-rotation/module.js | 237 ++ lcarssdk/15088.21 | 1 - lcarssdk/16098.3 | 1 + lcarssdk/CHANGELOG.md | 23 + lcarssdk/LICENSE.md | 8 +- lcarssdk/README.md | 3 +- lcarssdk/addons/levelBar/levelBar.css | 109 +- lcarssdk/addons/levelBar/levelBar.js | 21 +- lcarssdk/addons/scrollbutton/scrollbutton.css | 37 +- lcarssdk/addons/scrollbutton/scrollbutton.js | 11 +- .../addons/themes/theme_ussNotAffiliated.css | 85 - lcarssdk/css/lcarssdk.css | 1991 ++++++++++++++--- lcarssdk/css/sdktemplates.css | 178 -- lcarssdk/js/arrive.js | 14 +- lcarssdk/js/jquery.js | 4 + lcarssdk/js/lcarssdk.js | 480 ++-- lcarssdk/js/sdktemplates.js | 157 -- lcarssdk/js/zepto.min.js | 3 - lcarssdk/templates/bracket/bracket.css | 94 + lcarssdk/templates/bracket/bracket.js | 36 + lcarssdk/templates/button/button.css | 8 + lcarssdk/templates/button/button.js | 268 +++ lcarssdk/templates/dialog/dialog.css | 184 ++ lcarssdk/templates/dialog/dialog.js | 120 + lcarssdk/templates/framing/framing.css | 5 + lcarssdk/templates/framing/framing.js | 11 + lcarssdk/themes/theme_ussNotAffiliated.css | 181 ++ releases/LCARS-SDK_16098.3.zip | Bin 0 -> 169323 bytes 36 files changed, 3768 insertions(+), 1338 deletions(-) delete mode 100644 index.html create mode 100644 interfaces/color-generator/index.html create mode 100644 interfaces/color-generator/module.css create mode 100644 interfaces/color-generator/module.js create mode 100644 interfaces/color-rotation/index.html create mode 100644 interfaces/color-rotation/module.css create mode 100644 interfaces/color-rotation/module.js delete mode 100644 lcarssdk/15088.21 create mode 100644 lcarssdk/16098.3 delete mode 100644 lcarssdk/addons/themes/theme_ussNotAffiliated.css delete mode 100644 lcarssdk/css/sdktemplates.css create mode 100644 lcarssdk/js/jquery.js delete mode 100644 lcarssdk/js/sdktemplates.js delete mode 100644 lcarssdk/js/zepto.min.js create mode 100644 lcarssdk/templates/bracket/bracket.css create mode 100644 lcarssdk/templates/bracket/bracket.js create mode 100644 lcarssdk/templates/button/button.css create mode 100644 lcarssdk/templates/button/button.js create mode 100644 lcarssdk/templates/dialog/dialog.css create mode 100644 lcarssdk/templates/dialog/dialog.js create mode 100644 lcarssdk/templates/framing/framing.css create mode 100644 lcarssdk/templates/framing/framing.js create mode 100644 lcarssdk/themes/theme_ussNotAffiliated.css create mode 100644 releases/LCARS-SDK_16098.3.zip diff --git a/LICENSE.md b/LICENSE.md index 3791dd1..3d48a63 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,8 +1,8 @@ -LCARS SDK License 15088.21 (v2.1.0) +LCARS SDK License 16098.3 (v3.0.0) Author: Aric McGriff Email: contact@lcarssdk.org Website: http://www.lcarssdk.org -Date:2-25-2015 +Date:04-09-216 Original Intellectual Property Ownership. THE LCARS SDK IS MADE IN GOOD FAITH THAT THE ENVIRONMENT DOES NOT INFRINGE ON THE INTELLECTUAL PROPERTY OWNED BY PARAMOUNT/CBS TO WHOM STAR TREK AND RELATED MATERIALS ARE TRADEMARKED AND OWNED BY. ALL RELATED LCARS MATERIAL IS FOR THE JOY OF THE FANS AND TO HELP PROMOTE A QUALITY AND FUNCTIONAL LCARS ENVIRONMENT FOR THE STAR TREK FAN COMMUNITY. @@ -51,7 +51,7 @@ Addons Included: Scroll Button (scrollbutton.css/scrollbutton.js) Module: A derivative work utilizing the LCARS SDK. Contains project specific code and generally extended features usability. A module is dependant upon the Code core not the other way around. -Viewscreen: Provided application environment. +LCARS-NV: Provided application environment. TERMS AND CONDITIONS 1. For-Profit use is prohibited. The LCARS SDK is for Non-Profit use only. @@ -64,7 +64,7 @@ TERMS AND CONDITIONS 4. The LCARS SDK, its Author/Project Lead or any other associated relationships are not responsible or liable for any custom Addons or Modules created by a third party not included directly included in the LCARS SDK umbrella environment. 5. The LCARS SDK source code is available to allow the greatest control over its implementation use. By chance that a 3rd Party is negatively impacting the LCARS SDK environment or violating any other term and conditions concerning the LCARS SDK or related materials, at the discretion of the Author/Project Lead, the 3rd Party will be served a Cease & Desist, in writing. Take-down is immediate upon receiving the Cease & Desist. -5.a The Viewscreen application is a node-webkit based project. This application is provided as-is. For more information: https://github.com/rogerwang/node-webkit +5.a The LCARS-NV Project is a webview desktop and system bootable based project. This appliction and operating system is provided as-is. 6. Included font provided by Jens. The .ttf file is directly from his site. Additional file types provided via the Font Squirrel service upon font authors permission. 6.a http://www.gtjlcars.de/LCARSindex/LCARSFONTS.htm diff --git a/README.md b/README.md index 974fba5..3648d9a 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,9 @@ -LCARS SDK 15088.21 +LCARS SDK 16098.3 ============ The LCARS SDK is a development kit and environment umbrella designed specifically for generating canon quality and functional LCARS interfaces within a webview. Utilizing a webview the LCARS SDK can be applied to cross-modern internet browsers and both mobile and desktop applications. Anywhere a webview is in place the SDK could be used. -While the Code core could be written without a library, to make it more accessible the $.(); syntax is used via the Zepto.js library. jQuery may be used as a drop-in replacement preference. +While the Code core could be written without a library, to make it more accessible the $.(); syntax is used via the jQuery library. Zepto may be used as a drop-in replacement preference. Included in the current version of the SDK is the Code core, addon(s) and base templating vector file(s). @@ -11,6 +11,5 @@ For more information: http://www.lcarssdk.org/
https://www.facebook.com/LCARSSDK
-https://twitter.com/LCARSSDK
To learn how to use the LCARS SDK read through the attached wiki. diff --git a/index.html b/index.html deleted file mode 100644 index b7f7ce0..0000000 --- a/index.html +++ /dev/null @@ -1,380 +0,0 @@ - - - - - - - - - - LCARS SDK - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/interfaces/color-generator/index.html b/interfaces/color-generator/index.html new file mode 100644 index 0000000..538a354 --- /dev/null +++ b/interfaces/color-generator/index.html @@ -0,0 +1,44 @@ + + + + + + + + + + Color Pattern Generator | LCARS SDK + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/interfaces/color-generator/module.css b/interfaces/color-generator/module.css new file mode 100644 index 0000000..3b529f6 --- /dev/null +++ b/interfaces/color-generator/module.css @@ -0,0 +1,66 @@ + +#wpr_viewport{width:100%; height:100%; padding:10px; text-align:right;} + +#wpr_viewport > .column:first-child{width:305px; margin-right:5px;} +#wpr_viewport > .column:first-child .button-wrap:last-child{margin-top:195px;} + +.bracket{width:305px; height:255px; margin-bottom:5px;} + +.button-wrap{flex-wrap:wrap; width:100%;} +.button-wrap .button{margin-bottom:5px; margin-left:5px;} + +.button-wrap .button:first-child:nth-last-child(2), +.button-wrap .button:first-child:nth-last-child(2) ~ .button{margin-bottom:0px;} + +.button-wrap .button:nth-child(odd){margin-left:0px !important;} + + + +#wpr_mainView{margin-left:10px;} +#wpr_mainView > .header{height:320px;} +#wpr_mainView > .header .column{width:150px; overflow:visible;} +#wpr_mainView > .header .column .elbow .bar{width:209px; right:-204px;} +.header .row.frame{padding-left:204px;} + + +.main .column{left:0px; top:0px; bottom:0px; width:150px; overflow:visible;} +.main .column:first-child .elbow .bar{width:209px;} +.main .row.frame{padding-left:209px;} + +.main .content{padding-top:35px; padding-left:35px;} + +.frame .bar:nth-child(2){ + width:100%; + max-width:150px; +} + +.frame .bar:nth-child(5){ + width:100%; + max-width:305px; +} + +.frame .bar:nth-child(6){ + width:100%; + max-width:110px; +} + +.frame .bar:nth-child(7){ + width:100%; + max-width:35px; +} + +.header .button-wrap{position:absolute; bottom:35px; right:0px; width:460px;} +.header .button-wrap .button{margin-left:5px !important;} +.header .button-wrap .button:first-child:nth-last-child(2), +.header .button-wrap .button:first-child:nth-last-child(2) ~ .button{margin-bottom:0px;} +.header .button-wrap .button:nth-child(3n+1), +.header .button-wrap .button:first-child{margin-left:0px !important;} + + +/* Static Pattern Heights */ +.step-two{height:125px;} +.step-three{height:190px;} +.step-four{height:255px;} + + + \ No newline at end of file diff --git a/interfaces/color-generator/module.js b/interfaces/color-generator/module.js new file mode 100644 index 0000000..765d0d9 --- /dev/null +++ b/interfaces/color-generator/module.js @@ -0,0 +1,166 @@ +var uiColors = ['bg-blue-1', 'bg-blue-2','bg-blue-3','bg-blue-4','bg-green-1','bg-green-2','bg-green-3','bg-green-4']; + +//Classic Bracket - Needs to be done, it can be done without classes now, I'll update the CSS for the next version release. +var bracket = {type:'wrapper', class:'sdk bracket typeA', children:[ + {type:'wrapper', class:'content'}, + {type:'elbow', version:'top-left', size:'small', color:LCARS.colorGen(uiColors), children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'top-right', size:'small', color:LCARS.colorGen(uiColors), children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'bottom-left', size:'small', color:LCARS.colorGen(uiColors), children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'bottom-right', size:'small', color:LCARS.colorGen(uiColors), children:[{type:'bar'}], noEvent:true}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors), children:[{type:'bar', color:'bg-white'}]}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors), children:[{type:'bar', color:'bg-white'}]}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)}, + {type:'bar', flexC:'v', color:LCARS.colorGen(uiColors)} + ]} + ] +}; + +//UI Framing. Uses the Arrive event to trigger the Viewport scaling. +var nemesisUI = {type:'wrapper', id:'wpr_viewport', version:'row', flex:'h', arrive:function(){$(this).viewport('zoom', {width:1920, height:1080});}, children:[ + + //Left Column Wrapper + {type:'column', flex:'v', children:[ + {type:'wrapper', children:[ + + //Bracket + {type:'bracket', template:bracket}, + + //Top Button Group + {type:'wrapper', flex:'h', version:'button-wrap', children:[ + {type:'button', color:LCARS.colorGen(uiColors), version:'left'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), version:'left'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), version:'left'}, + {type:'button', color:LCARS.colorGen(uiColors)} + ]}, + + //Bottom Button Group + {type:'wrapper', flex:'h', version:'button-wrap', children:[ + {type:'button', color:LCARS.colorGen(uiColors), version:'left'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), version:'left'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), version:'left', state:'ra_g1'}, + {type:'button', color:LCARS.colorGen(uiColors)} + ]} + ]}, + + {type:'column', style:'justify-content: flex-end;', flexC:'v', flex:'v', children:[ + {type:'complexButton', text:'55', template:LCARS.templates.sdk.buttons.complexText.typeG, colors:LCARS.colorGroupGen(uiColors, 3)} + ]} + + ]}, + + //Column Buttons + {type:'wrapper', version:'column', style:'width:150px;', flex:'v', children:[ + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), size:'step-two'}, + {type:'button', color:LCARS.colorGen(uiColors), size:'step-three'}, + {type:'button', color:LCARS.colorGen(uiColors), size:'step-three'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), flexC:'v'} + ]} , + + //Main Area + {type:'wrapper', version:'column', id:'wpr_mainView', flex:'v', flexC:'h', children:[ + + //Header + {type:'row', version:'header', flex:'h', children:[ + + //Elbow & Button + {type:'column', flex:'v', children:[ + {type:'button', color:LCARS.colorGen(uiColors), size:'step-two'}, + {type:'elbow', version:'bottom-left', color:LCARS.colorGen(uiColors), flexC:'v'} + ]}, + + {type:'wrapper', flexC:'h', flex:'v', children:[ + + //Header Content Area + {type:'wrapper', version:'content', flexC:'v', children:[ + + //Header Title + {type:'title', text:'LCARS Color Pattern Generator'}, + + //Header Pill Button Group + {type:'wrapper', flex:'h', class:'button-wrap', children:[ + {type:'button', color:LCARS.colorGen(uiColors), version:'pill'}, + {type:'button', color:LCARS.colorGen(uiColors), version:'pill'}, + {type:'button', color:LCARS.colorGen(uiColors), version:'pill'}, + {type:'button', color:LCARS.colorGen(uiColors), version:'pill'}, + {type:'button', color:LCARS.colorGen(uiColors), version:'pill'}, + {type:'button', color:LCARS.colorGen(uiColors), version:'pill', label:'Docs', state:'blink', href:'https://github.com/Aricwithana/LCARS-SDK/wiki'} + ]}, + ]}, + + //Header Bottom Bars + {type:'row', version:'frame', flex:'h', children:[ + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors), flexC:'h'}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)} + ]} + + ]} + + ]}, + + //Main Content Area + {type:'wrapper', class:'main', flex:'h', flexC:'v', children:[ + + //Left Columns & Elbow + {type:'wrapper', version:'column', flex:'v', children:[ + {type:'elbow', version:'top-left', color:LCARS.colorGen(uiColors), class:'step-two'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), size:'step-two'}, + {type:'button', color:LCARS.colorGen(uiColors)}, + {type:'button', color:LCARS.colorGen(uiColors), size:'step-two'}, + {type:'button', color:LCARS.colorGen(uiColors), flexC:'v'} + ]}, + + {type:'column', flexC:'h', flex:'v', children:[ + //Top Bars Group + {type:'row', flex:'h', class:'frame', children:[ + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors), version:'small'}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors), flexC:'h'}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)}, + {type:'bar', color:LCARS.colorGen(uiColors)} + ]}, + + //Main Content Wrapper + {type:'wrapper', class:'content', flexC:'v', style:' overflow:auto;', children:[ + + ]} + ]} + ]} + ]} +]}; + +$(document).on('ready', function(){ + $(nemesisUI).createObject({appendTo:'body'}); +}); + diff --git a/interfaces/color-rotation/index.html b/interfaces/color-rotation/index.html new file mode 100644 index 0000000..14bbdc3 --- /dev/null +++ b/interfaces/color-rotation/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + Alert Colors & Hue Rotation | LCARS SDK + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/interfaces/color-rotation/module.css b/interfaces/color-rotation/module.css new file mode 100644 index 0000000..7508a0f --- /dev/null +++ b/interfaces/color-rotation/module.css @@ -0,0 +1,121 @@ +#wpr_viewport{ + width:1920px; + height:1080px; + padding:10px; + text-align:right; +} + +#wpr_leftControls{width:305px;} + +#wpr_tabControls{ + position:absolute; + bottom:90px; +} + +.bracket{height:255px;} + +.buttonWrap{flex-wrap:wrap;} + +.buttonWrap .button{ + margin-top:5px; + margin-left:5px; + position:relative; +} + +.buttonWrap .button:nth-child(odd){margin-left:0px !important;} + +.buttonWrap .button:first-child, +.buttonWrap .button:nth-child(2){margin-top:0px;} + +#wpr_mainView{margin-left:10px;} +#wpr_mainView > .header{height:320px;} +#wpr_mainView > .header .content{padding-left:35px;} + +#wpr_mainView > .header .column{ + max-width:150px; + min-width:150px; + overflow:visible; +} + +#wpr_mainView > .header .column .elbow .bar{ + width:206px; + right:-204px; +} + +#wpr_mainView > .main .column{ + max-width:150px; + min-width:150px; + overflow:visible; +} + +#wpr_mainView > .main .column .elbow .bar{ + width:206px; + right:-204px; +} + +#wpr_mainView > .header .row .bar:nth-child(2), #wpr_mainView > .main .row .bar:nth-child(2){width:143px;} +#wpr_mainView > .header .row .bar:nth-child(5), #wpr_mainView > .main .row .bar:nth-child(5){width:256px;} +#wpr_mainView > .header .row .bar:nth-child(6), #wpr_mainView > .main .row .bar:nth-child(6){width:79px;} +#wpr_mainView > .header .row .bar:nth-child(7), #wpr_mainView > .main .row .bar:nth-child(7){width:49px;} + +#wpr_commandButtons{ + position:absolute; + right:0px; + bottom:35px; + width:429px; + } +#wpr_commandButtons.buttonWrap .button{ + margin-top:15px; + margin-left:15px; + width:207px; +} + +/* Static Pattern Heights */ +.twoHeight{height:125px;} +.threeHeight{height:190px;} +.fourHeight{height:255px;} + +body{ + -webkit-filter:hue-rotate(0deg) grayscale(0); + filter:hue-rotate(0deg) grayscale(0); + -webkit-animation: colorRotate 30s linear infinite; + animation: colorRotate 30s linear infinite; +} + +@-webkit-keyframes colorRotate { + 0% {-webkit-filter: hue-rotate(0deg) grayscale(0); } + 50%{-webkit-filter: hue-rotate(360deg) grayscale(0);} + 75%{-webkit-filter: hue-rotate(360deg) grayscale(1);} + 100%{-webkit-filter: hue-rotate(360deg) grayscale(0); } +} + +@keyframes colorRotate { + 0% {-webkit-filter: hue-rotate(0deg) grayscale(0); filter: hue-rotate(0deg) grayscale(0);} + 50%{-webkit-filter: hue-rotate(360deg) grayscale(0); filter: hue-rotate(360deg) grayscale(0);} + 75%{-webkit-filter: hue-rotate(360deg) grayscale(1); filter: hue-rotate(360deg) grayscale(1);} + 100% {-webkit-filter: hue-rotate(360deg) grayscale(0); filter: hue-rotate(360deg) grayscale(0);} +} + + /* Blink between button color and Grey 1 */ +.ra_g1:not(.complexButton){ -webkit-animation: ra_g1 3.5s step-end infinite !important; animation: ra_g1 3.5s step-end infinite !important; } +.ra_g1.complexButton :not(.numericBlock){ -webkit-animation: ra_g1 3.5s step-end infinite !important; animation: ra_g1 3.5s step-end infinite !important;} +@-webkit-keyframes ra_g1 { + from, to {} + 50% {background-color:#cccccc; border-color:#cccccc;} +} +@keyframes ra_g1 { + from, to { } + 50% {background-color:#cccccc; border-color:#cccccc;} +} + +/* White Strobe */ +.alertFlash .alertFlash:not(.complexButton){-webkit-animation: whiteFade .25s linear; animation: whiteFade .25s linear;} +.alertFlash .alertFlash.complexButton :not(.numericBlock){-webkit-animation: whiteFade .25s linear; animation: whiteFade .25s linear;} +@-webkit-keyframes whiteFade { + 0% {background-color:#ffffff;border-color:#ffffff; } +} + +@keyframes whiteFade { + 0% {background-color:#ffffff;border-color:#ffffff; } +} + \ No newline at end of file diff --git a/interfaces/color-rotation/module.js b/interfaces/color-rotation/module.js new file mode 100644 index 0000000..3e2239b --- /dev/null +++ b/interfaces/color-rotation/module.js @@ -0,0 +1,237 @@ +var colorArray = ['bg-blue-1', 'bg-blue-2','bg-blue-3','bg-blue-4', 'bg-green-1','bg-green-2','bg-green-3','bg-green-4', 'bg-white']; +var timer_colorChanges = null +var array_colorChangeObjects = null; + +var nemesisBracket = {type:'wrapper', class:'sdk bracket typeA', children:[ + {type:'wrapper', class:'content'}, + {type:'elbow', version:'top-left', size:'small', color:'bg-blue-4', children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'top-right', size:'small', color:'bg-blue-4', children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'bottom-left', size:'small', color:'bg-blue-4', children:[{type:'bar'}], noEvent:true}, + {type:'elbow', version:'bottom-right', size:'small', color:'bg-blue-4', children:[{type:'bar'}], noEvent:true}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:'bg-blue-2'}, + {type:'bar', flexC:'v', color:'bg-blue-1', children:[{type:'bar', color:'bg-white'}]}, + {type:'bar', flexC:'v', color:'bg-blue-2'} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:'bg-green-3'}, + {type:'bar', flexC:'v', color:'bg-red-2'}, + {type:'bar', flexC:'v', color:'bg-green-3'} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:'bg-blue-2'}, + {type:'bar', flexC:'v', color:'bg-blue-1', children:[{type:'bar', color:'bg-white'}]}, + {type:'bar', flexC:'v', color:'bg-blue-2'} + ]}, + {type:'column', flex:'v', children:[ + {type:'bar', flexC:'v', color:'bg-green-3'}, + {type:'bar', flexC:'v', color:'bg-red-2'}, + {type:'bar', flexC:'v', color:'bg-green-3'} + ]} + ] +}; + +var nemesisUI = {type:'wrapper', id:'wpr_viewport', class:'scale red-alert', version:'row', flex:'h', arrive:function(){$('#wpr_viewport').viewport('scale', {width:1920, height:1080});}, children:[ + + {type:'wrapper', flex:'h', id:'wpr_leftControls', children:[ + + {type:'column', flex:'v', hidden:true, children:[ + + {type:'bracket', template:nemesisBracket}, + + {type:'wrapper', id:'wpr_blockControls', flex:'h', version:'buttonWrap', children:[ + {type:'button', color:'bg-blue-1', version:'left'}, + {type:'button', color:'bg-green-2'}, + {type:'button', color:'bg-green-3', version:'left'}, + {type:'button', color:'bg-green-1'}, + {type:'button', color:'bg-blue-3', version:'left'}, + {type:'button', color:'bg-green-4'} + ]}, + + {type:'wrapper', id:'wpr_tabControls', flex:'h', version:'buttonWrap', children:[ + {type:'button', color:'bg-green-4', version:'left'}, + {type:'button', color:'bg-blue-4', version:'right'}, + {type:'button', color:'bg-green-3', version:'left'}, + {type:'button', color:'bg-blue-2', version:'right'}, + {type:'button', color:'bg-blue-4', version:'left', state:'ra_g1'}, + {type:'button', color:'bg-blue-3', version:'right'} + ]} + + ]} + ]}, + + {type:'column', style:'margin-left:10px; width:150px;', flex:'v', children:[ + {type:'button', color:'bg-green-4', hidden:true}, + {type:'button', color:'bg-green-3', hidden:true, size:'twoHeight'}, + {type:'button', color:'bg-blue-4', hidden:true}, + {type:'button', color:'bg-blue-3', hidden:true, size:'threeHeight'}, + {type:'button', color:'bg-green-1', hidden:true}, + {type:'button', color:'bg-green-3', hidden:true, size:'threeHeight'}, + {type:'button', color:'bg-green-4', hidden:true, size:'twoHeight'}, + {type:'button', color:'bg-blue-3', hidden:true, flexC:'v'} + ]} , + + {type:'column', id:'wpr_mainView', flex:'v', flexC:'h', children:[ + + {type:'wrapper', flex:'h', version:'header', children:[ + + {type:'wrapper', version:'column', flex:'v', children:[ + {type:'button', color:'bg-green-2', size:'threeHeight', hidden:true}, + {type:'elbow', version:'bottom-left', color:'bg-blue-2', flexC:'v', hidden:true} + ]}, + {type:'wrapper', flex:'v', flexC:'h', children:[ + + {type:'content', flexC:'v', hidden:true, children:[ + {type:'title', text:'LCARS ALERT HUE ROTATION'}, + {type:'wrapper', flexC:'v', id:'wpr_commandButtons', flex:'h', class:'buttonWrap', children:[ + {type:'button', color:'bg-blue-3', version:'pill'}, + {type:'button', color:'bg-green-3', version:'pill'}, + {type:'button', color:'bg-blue-4', version:'pill'}, + {type:'button', color:'bg-green-1', version:'pill', label:'Documentation', state:'blink', href:'https://github.com/Aricwithana/LCARS-SDK/wiki'} + ]} + ]}, + + {type:'row', style:'margin-left:206px;', flex:'h', children:[ + {type:'bar', color:'bg-green-3', hidden:true}, + {type:'bar', color:'bg-green-4', hidden:true}, + {type:'bar', color:'bg-green-3', hidden:true}, + {type:'bar', color:'bg-blue-2', flexC:'h', hidden:true}, + {type:'bar', color:'bg-blue-2', hidden:true}, + {type:'bar', color:'bg-blue-3', hidden:true}, + {type:'bar', color:'bg-green-4', hidden:true}, + {type:'bar', color:'bg-green-1', hidden:true} + ]} + ]} + + ]}, + + {type:'wrapper', class:'main', flex:'h', flexC:'v', children:[ + {type:'wrapper', version:'column', flex:'v', children:[ + {type:'elbow', version:'top-left', color:'bg-blue-2', class:'threeHeight', hidden:true}, + {type:'button', color:'bg-blue-3', hidden:true}, + {type:'button', color:'bg-green-3', hidden:true}, + {type:'button', color:'bg-blue-1', hidden:true}, + {type:'button', color:'bg-blue-4', size:'twoHeight', hidden:true}, + {type:'button', color:'bg-green-2', flexC:'v', hidden:true} + ]}, + {type:'wrapper', flex:'v', flexC:'h', children:[ + {type:'row', style:'margin-left:206px;',flex:'h', children:[ + {type:'bar', color:'bg-green-3', hidden:true}, + {type:'bar', color:'bg-green-4', hidden:true, size:'small'}, + {type:'bar', color:'bg-green-3', hidden:true}, + {type:'bar', color:'bg-blue-2', flexC:'h', hidden:true}, + {type:'bar', color:'bg-blue-2', hidden:true}, + {type:'bar', color:'bg-blue-3', hidden:true}, + {type:'bar', color:'bg-green-4', hidden:true}, + {type:'bar', color:'bg-green-1', hidden:true} + ]}, + {type:'wrapper', version:'content', children:[]} + ]} + ]} + ]} +]}; + + +// Barebones 'Automated' Show Pattern - idea testing a later proper module. +function showMainFrame(){ + var headerBars = $('#wpr_mainView > .header .row *'); + var headerColumn = $('#wpr_mainView > .header .column > *'); + var mainBars = $('#wpr_mainView > .main .row *'); + var mainColumn = $('#wpr_mainView > .main > .elbow, #wpr_mainView > .main .column > *'); + var leftControlsColumn = $('#wpr_leftControls > .column > *') + + sequenceHeaderPattern = [] + sequenceFooterPattern = [] + + $(headerColumn).each(function(){ + sequenceHeaderPattern.push(this); + }); + + $(headerBars).each(function(){ + sequenceHeaderPattern.push(this); + }); + + sequenceHeaderPattern.reverse() + + $(mainBars).each(function(){ + sequenceFooterPattern.push(this); + }); + + sequenceFooterPattern.reverse() + + $(mainColumn).each(function(){ + sequenceFooterPattern.push(this); + }); + + $(leftControlsColumn).each(function(){ + sequenceFooterPattern.push(this); + }); + + sequenceFooterPattern.push($('#wpr_leftControls > :first-child')) + sequenceFooterPattern.push($('.header .content')) + + $(sequenceHeaderPattern).showObjectSequence({}); + $(sequenceFooterPattern).showObjectSequence({success:function(){ + $('#wpr_mainView .header > *:not(.column)').showObject({success:function(){ + array_colorChangeObjects = $('#wpr_leftControls .button'); + raMainFrameSetup(); + timer_colorChanges = setInterval(function(){ + var random = Math.floor(Math.random()*(array_colorChangeObjects.length+1)) + $(array_colorChangeObjects[random]).objectSettings({color:LCARS.colorGen(colorArray)}); + }, 3750); + }}); + }}); +} + + +// Barebones 'Automated' Alert System - idea testing a later proper module. +var headerRASequence = [] +var mainRASequence = [] +var timer_whiteFlash = null; + +function raMainFrameSetup(){ + + var headerBars = $('#wpr_mainView > .header .row *'); + var headerColumn = $('#wpr_mainView > .header .column > *'); + var mainBars = $('#wpr_mainView > .main .row *'); + var mainColumn = $('#wpr_mainView > .main .column > *'); + + $(headerColumn).each(function(){ + headerRASequence.push(this); + }); + $(headerBars).each(function(){ + headerRASequence.push(this); + }); + + $(mainColumn).each(function(){ + mainRASequence.push(this); + }); + + mainRASequence.reverse(); + + $(mainBars).each(function(){ + mainRASequence.push(this); + }); + var posValHeader = .5; + var posValMain = .1; + $(headerRASequence).each(function(){ + $(this).attr('style', '-webkit-animation-delay:' + posValHeader+'s; animation-delay:' + posValHeader+'s;') + $(this).addClass('alertFlash'); + posValHeader = posValHeader + .1 + }); + + $(mainRASequence).each(function(){ + $(this).attr('style', '-webkit-animation-delay:' + posValMain+'s; animation-delay:' + posValMain+'s;') + + $(this).addClass('alertFlash'); + posValMain = posValMain + .1 + }); + console.log(posValMain*100); + timer_whiteFlash = setInterval(function(){$('body').toggleClass('alertFlash')}, posValMain*1000); +} + +$(document).on('ready', function(){ + $(nemesisUI).createObject({appendTo:'body', success:function(){ + showMainFrame(); + }}); +}); diff --git a/lcarssdk/15088.21 b/lcarssdk/15088.21 deleted file mode 100644 index 0690996..0000000 --- a/lcarssdk/15088.21 +++ /dev/null @@ -1 +0,0 @@ -Released 03.29.2015 v2.1.0 \ No newline at end of file diff --git a/lcarssdk/16098.3 b/lcarssdk/16098.3 new file mode 100644 index 0000000..640c759 --- /dev/null +++ b/lcarssdk/16098.3 @@ -0,0 +1 @@ +Released 04.09.2016 v3.0.0 \ No newline at end of file diff --git a/lcarssdk/CHANGELOG.md b/lcarssdk/CHANGELOG.md index 065f39c..cc2a8c0 100644 --- a/lcarssdk/CHANGELOG.md +++ b/lcarssdk/CHANGELOG.md @@ -132,6 +132,29 @@ EH: Viewport Zoom uses zoom feature instead EH: Child Zoom, zooms a seconary inner inerface to its parent. +16098.3- +EH: Updated assorted core CSS settings. Largest + update was to the Elbows, complex buttons. +RM: Assorted files as content was seperated + into their own files and new file structure + created. +EH: Added End Cap elements for large bar framing + controls. +EH: Added style setting to directly apply CSS + settings to an elements definition object. +EH: Additional coler generation call for grouped + color rendering. +CO: Provided USS Not Affiliated theme updated. +EH: Radio/Checkbox are now standard buttons. + The state of the element is handled via + a simple JS with function passthrough. + These elements are not input elements. +CO: Multiple elements have their settings updated + to utilize new options. +CO: Complex buttons using large text utilize a + text element instead of the old nbValue setting. +CO: Elements are not long position absolute by default. + Legend - BF: Bug Fix CO: Cosmetic diff --git a/lcarssdk/LICENSE.md b/lcarssdk/LICENSE.md index 3791dd1..3d48a63 100644 --- a/lcarssdk/LICENSE.md +++ b/lcarssdk/LICENSE.md @@ -1,8 +1,8 @@ -LCARS SDK License 15088.21 (v2.1.0) +LCARS SDK License 16098.3 (v3.0.0) Author: Aric McGriff Email: contact@lcarssdk.org Website: http://www.lcarssdk.org -Date:2-25-2015 +Date:04-09-216 Original Intellectual Property Ownership. THE LCARS SDK IS MADE IN GOOD FAITH THAT THE ENVIRONMENT DOES NOT INFRINGE ON THE INTELLECTUAL PROPERTY OWNED BY PARAMOUNT/CBS TO WHOM STAR TREK AND RELATED MATERIALS ARE TRADEMARKED AND OWNED BY. ALL RELATED LCARS MATERIAL IS FOR THE JOY OF THE FANS AND TO HELP PROMOTE A QUALITY AND FUNCTIONAL LCARS ENVIRONMENT FOR THE STAR TREK FAN COMMUNITY. @@ -51,7 +51,7 @@ Addons Included: Scroll Button (scrollbutton.css/scrollbutton.js) Module: A derivative work utilizing the LCARS SDK. Contains project specific code and generally extended features usability. A module is dependant upon the Code core not the other way around. -Viewscreen: Provided application environment. +LCARS-NV: Provided application environment. TERMS AND CONDITIONS 1. For-Profit use is prohibited. The LCARS SDK is for Non-Profit use only. @@ -64,7 +64,7 @@ TERMS AND CONDITIONS 4. The LCARS SDK, its Author/Project Lead or any other associated relationships are not responsible or liable for any custom Addons or Modules created by a third party not included directly included in the LCARS SDK umbrella environment. 5. The LCARS SDK source code is available to allow the greatest control over its implementation use. By chance that a 3rd Party is negatively impacting the LCARS SDK environment or violating any other term and conditions concerning the LCARS SDK or related materials, at the discretion of the Author/Project Lead, the 3rd Party will be served a Cease & Desist, in writing. Take-down is immediate upon receiving the Cease & Desist. -5.a The Viewscreen application is a node-webkit based project. This application is provided as-is. For more information: https://github.com/rogerwang/node-webkit +5.a The LCARS-NV Project is a webview desktop and system bootable based project. This appliction and operating system is provided as-is. 6. Included font provided by Jens. The .ttf file is directly from his site. Additional file types provided via the Font Squirrel service upon font authors permission. 6.a http://www.gtjlcars.de/LCARSindex/LCARSFONTS.htm diff --git a/lcarssdk/README.md b/lcarssdk/README.md index 974fba5..b176960 100644 --- a/lcarssdk/README.md +++ b/lcarssdk/README.md @@ -3,7 +3,7 @@ LCARS SDK 15088.21 The LCARS SDK is a development kit and environment umbrella designed specifically for generating canon quality and functional LCARS interfaces within a webview. Utilizing a webview the LCARS SDK can be applied to cross-modern internet browsers and both mobile and desktop applications. Anywhere a webview is in place the SDK could be used. -While the Code core could be written without a library, to make it more accessible the $.(); syntax is used via the Zepto.js library. jQuery may be used as a drop-in replacement preference. +While the Code core could be written without a library, to make it more accessible the $.(); syntax is used via the jQuery library. Zept may be used as a drop-in replacement preference. Included in the current version of the SDK is the Code core, addon(s) and base templating vector file(s). @@ -11,6 +11,5 @@ For more information: http://www.lcarssdk.org/
https://www.facebook.com/LCARSSDK
-https://twitter.com/LCARSSDK
To learn how to use the LCARS SDK read through the attached wiki. diff --git a/lcarssdk/addons/levelBar/levelBar.css b/lcarssdk/addons/levelBar/levelBar.css index 00e1b54..df02c56 100644 --- a/lcarssdk/addons/levelBar/levelBar.css +++ b/lcarssdk/addons/levelBar/levelBar.css @@ -1,11 +1,11 @@ -/** LCARS SDK 15088.21 +/** LCARS SDK 16098.3 * This file is a part of the LCARS SDK. * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md * For more information please go to http://www.lcarssdk.org. **/ -/* Level Bar */ +/* Level Bar - Default Horzongal, LTR*/ .sdk.levelBar{height:60px; width:100%; background-color:transparent !important; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ @@ -13,32 +13,107 @@ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; - -webkit-box-orient:horizontal; -moz-box-orient:horizontal; box-orient:horizontal; -webkit-flex-direction:row; -ms-flex-direction:row; -moz-flex-direction:row; flex-direction:row; + -webkit-box-orient:horizontal; + -moz-box-orient:horizontal; + box-orient:horizontal; + -webkit-flex-direction:row; + -ms-flex-direction:row; + -moz-flex-direction:row; + flex-direction:row; flex-direction:row; padding:6px 0px 6px 0px; + position:absolute; } .sdk.levelBar > .cap{ - -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ - -moz-box-flex: 1; /* OLD - Firefox 19- */ - -webkit-flex: 1; /* Chrome */ - -ms-flex: 1 0 auto !important; /* IE 10 */ - flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ + -webkit-box-flex: 1; + -moz-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1 0 auto !important; + flex: 1; } -.sdk.levelBar .bar{position:relative; text-align:left; width:calc(100% - 5px); height:100%; -webkit-transition:width .75s linear; transition:width .75s linear; min-width:25px;} -.sdk.levelBar .cap{border-left:5px solid #ffffff; height:100%; margin:0 0 0 5px;background-color:transparent !important; position:relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0);} +.sdk.levelBar .bar{ + position:relative; + text-align:left; + width:inherit; + width:calc(100% - 5px); + height:100%; + -webkit-transition:width .75s linear; + transition:width .75s linear; min-width:25px; +} + +.sdk.levelBar .cap{ + border-left:5px solid #ffffff; + height:100%; + margin:0 0 0 5px; + background-color:transparent !important; + position:relative; + box-shadow: 0 0 0px rgba(0, 0, 0, 0); +} + +/* Level Bar - Horizontal RTL*/ .sdk.levelBar.reverse{flex-direction:row-reverse;} + .sdk.levelBar.reverse .bar{text-align:right;} -.sdk.levelBar.reverse .cap{border:none; border-right:5px solid #ffffff;margin:0 5px 0 0;} +.sdk.levelBar.reverse .cap{ + border:none; + border-right:5px solid #ffffff; + margin:0 5px 0 0; +} -.sdk.levelBar.vertical{-webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; flex-direction:column-reverse; width:60px; height:100%;} -.sdk.levelBar.vertical .bar{position:relative; text-align:left; width:100%; height:calc(100% - 5px); height:100%; -webkit-transition:height .75s linear; transition:height .75s linear; } -.sdk.levelBar.vertical .cap{border:none; border-bottom:5px solid #ffffff; height:100%; margin: 0 0 5px 0; background-color:transparent !important; position:relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0);} +.sdk.levelBar.vertical{ + -webkit-box-orient:vertical; + -moz-box-orient:vertical; + box-orient:vertical; + -webkit-flex-direction:column; + -ms-flex-direction:column; + -moz-flex-direction:column; + flex-direction:column-reverse; + width:60px; + height:100%; +} + +/* Level Bar Vertical Default - BTT*/ + +.sdk.levelBar.vertical .bar{ + position:relative; + text-align:left; + width:100%; + height:calc(100% - 5px); + height:100%; + -webkit-transition:height .75s linear; + transition:height .75s linear; +} -.sdk.levelBar.vertical.reverse{flex-direction:column; min-height:35px;} -.sdk.levelBar.vertical.reverse .bar:before{bottom:auto; top:8px;} -.sdk.levelBar.vertical.reverse .cap{border:none; border-top:5px solid #ffffff; height:100%; margin: 5px 0 0 0;} +.sdk.levelBar.vertical .cap{ + border:none; + border-bottom:5px solid #ffffff; + height:100%; + margin: 0 0 5px 0; + background-color:transparent !important; + position:relative; + box-shadow: 0 0 0px rgba(0, 0, 0, 0); +} + +/* Level Bar Vertical - TTB */ + +.sdk.levelBar.vertical.reverse{ + flex-direction:column; + min-height:35px; +} + +.sdk.levelBar.vertical.reverse .bar:before{ + bottom:auto; + top:8px; +} + +.sdk.levelBar.vertical.reverse .cap{ + border:none; + border-top:5px solid #ffffff; + height:100%; + margin: 5px 0 0 0; +} diff --git a/lcarssdk/addons/levelBar/levelBar.js b/lcarssdk/addons/levelBar/levelBar.js index d15b9ea..81735a3 100644 --- a/lcarssdk/addons/levelBar/levelBar.js +++ b/lcarssdk/addons/levelBar/levelBar.js @@ -1,4 +1,4 @@ -/** LCARS SDK 15088.21 +/** LCARS SDK 16098.3 * This file is a part of the LCARS SDK. * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md * For more information please go to http://www.lcarssdk.org. @@ -8,19 +8,20 @@ * Display numerical value as an animating bar **/ -sdkAddonTemplates.levelBar = { - typeA:{type:'wrapper', class:'sdk widget levelBar typeA', children:[ +LCARS.templates.sdk.levelBar = { + typeA:{type:'wrapper', class:'addon sdk levelBar typeA', children:[ {type:'bar'}, {type:'cap'} ]} -} +}; LCARS.levelBar = { create:function(args){ + if(!args.template){args.template = $.extend(true, {}, LCARS.templates.sdk.levelBar.typeA);} if(args.id){args.template.id = args.id;} var element = LCARS[args.template.type].create(args.template); - + console.log(element); element = LCARS.definition(element, args); return element; }, @@ -88,7 +89,13 @@ LCARS.levelBar = { if(args.set === true){ var elemBar = $(args.element).find('.bar'); if(args.args.level === null && args.original.level != null){ - $(elemBar).css('width', 0+'%'); + + if(allObjects[args.elemID].orient === 'vertical' || args.args.direction === 'vertical'){ + $(elemBar).css('height', 0+'%'); + }else{ + $(elemBar).css('width', 0+'%'); + } + allObjects[args.elemID].level = null; if(allObjects[args.elemID].label && allObjects[args.elemID].labelLink === true){ @@ -123,4 +130,4 @@ LCARS.levelBar = { } } } -} \ No newline at end of file +}; \ No newline at end of file diff --git a/lcarssdk/addons/scrollbutton/scrollbutton.css b/lcarssdk/addons/scrollbutton/scrollbutton.css index 9971c65..3c5b9f9 100644 --- a/lcarssdk/addons/scrollbutton/scrollbutton.css +++ b/lcarssdk/addons/scrollbutton/scrollbutton.css @@ -1,18 +1,45 @@ -/** LCARS SDK 15088.21 +/** LCARS SDK 16098.3 * This file is a part of the LCARS SDK. * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md * For more information please go to http://www.lcarssdk.org. **/ -/* Scroll Buttons*/ +/* Scroll Buttons - Default Vertical*/ -.sdk.scrollButton .button{position:relative; text-align:center; margin:0px !important;} +.sdk.scrollButton .button{ + position:relative; + text-align:center; + margin:0px !important; +} .sdk.scrollButton.typeAV .button:last-child{ -webkit-flex: 2; flex: 2; } -.sdk.scrollButton .down:after{content:''; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 28px solid #000000; left:50%; margin-left:-14px; top:25%; margin-top:-7px;} -.sdk.scrollButton .up:after{content:''; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 28px solid #000000; left:50%; margin-left:-14px; top:50%; margin-top:-7px;} +.sdk.scrollButton .down:after{ + content:''; + width: 0px; + height: 0px; + border-left: 14px solid transparent; + border-right: 14px solid transparent; + border-top: 28px solid #000000; + left:50%; + margin-left:-14px; + top:25%; + margin-top:-7px; +} + +.sdk.scrollButton .up:after{ + content:''; + width: 0px; + height: 0px; + border-left: 14px solid transparent; + border-right: 14px solid transparent; + border-bottom: 28px solid #000000; + left:50%; + margin-left:-14px; + top:50%; + margin-top:-7px; +} diff --git a/lcarssdk/addons/scrollbutton/scrollbutton.js b/lcarssdk/addons/scrollbutton/scrollbutton.js index b5be1cb..30a96c4 100644 --- a/lcarssdk/addons/scrollbutton/scrollbutton.js +++ b/lcarssdk/addons/scrollbutton/scrollbutton.js @@ -1,4 +1,4 @@ -/** LCARS SDK 15088.21 +/** LCARS SDK 16098.3 * This file is a part of the LCARS SDK. * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md * For more information please go to http://www.lcarssdk.org. @@ -9,13 +9,13 @@ * that displays two triangles and scrolls content. **/ -sdkAddonTemplates.scrollButton = { - typeAV:{type:'wrapper', class:'sdk widget complexButton scrollButton typeAV duo vertical ', children:[ +LCARS.templates.sdk.scrollButton = { + typeAV:{type:'wrapper', class:'addon sdk complexButton scrollButton typeAV duo vertical ', children:[ {type:'button', class:'up'}, {type:'button', class:'down'} ] }, - typeAH:{type:'wrapper', class:'sdk widget complexButton scrollButton typeAH duo', children:[ + typeAH:{type:'wrapper', class:'addon sdk complexButton scrollButton typeAH duo', children:[ {type:'button', class:'left'}, {type:'button', class:'right'} ] @@ -26,7 +26,10 @@ sdkAddonTemplates.scrollButton = { LCARS.scrollButton = { create:function(args){ + if(!args.template){args.template = $.extend(true, {}, LCARS.templates.sdk.scrollButton.typeAV);} + if(args.id){args.template.id = args.id;} + var element = LCARS[args.template.type].create(args.template); if($(element).find('.left').length !== -1){ diff --git a/lcarssdk/addons/themes/theme_ussNotAffiliated.css b/lcarssdk/addons/themes/theme_ussNotAffiliated.css deleted file mode 100644 index 7befc31..0000000 --- a/lcarssdk/addons/themes/theme_ussNotAffiliated.css +++ /dev/null @@ -1,85 +0,0 @@ -/** LCARS SDK 15088.21 -* This file is a part of the LCARS SDK. -* https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md -* For more information please go to http://www.lcarssdk.org. -**/ - - -/* USS Not Affiliated Theme*/ - -.primary1>.bar, .primary1>.block, .primary1>.button, .primary1>.cap{background-color:#3366FF; border-color:#3366FF;} -.primary2>.bar, .primary2>.block, .primary2>.button, .primary2>.cap{background-color:#3366CC; border-color:#3366CC;} -.primary3>.bar, .primary3>.block, .primary3>.button, .primary3>.cap{background-color:#336699; border-color:#336699;} -.primary4>.bar, .primary4>.block, .primary4>.button, .primary4>.cap{background-color:#006699; border-color:#006699;} -.primary5>.bar, .primary5>.block, .primary5>.button, .primary5>.cap{background-color:#003366; border-color:#003366;} - -.secondary1>.bar, .secondary1>.block, .secondary1>.button, .secondary1>.cap{background-color:#00cc99; border-color:#00cc99;} -.secondary2>.bar, .secondary2>.block, .secondary2>.button, .secondary2>.cap{background-color:#009999; border-color:#009999;} -.secondary3>.bar, .secondary3>.block, .secondary3>.button, .secondary3>.cap{background-color:#006666; border-color:#006666;} -.secondary4>.bar, .secondary4>.block, .secondary4>.button, .secondary4>.cap{background-color:#003333; border-color:#003333;} - - -.accent1>.bar, .accent1>.block, .accent1>.button, .accent1>.cap{background-color:#ffcc66; border-color:#ffcc66;} -.accent2>.bar, .accent2>.block, .accent2>.button, .accent2>.cap{background-color:#FFCC33; border-color:#FFCC33;} -.accent3>.bar, .accent3>.block, .accent3>.button, .accent3>.cap{background-color:#CC9933; border-color:#CC9933;} - - -.highlight1>.bar, .highlight1>.block, .highlight1>.button, .highlight1>.cap{background-color:#CCCCFF; border-color:#CCCCFF;} -.highlight2>.bar, .highlight2>.block, .highlight2>.button, .highlight2>.cap{background-color:#ccffff; border-color:#ccffff;} - - -.red1>.bar, .red1>.block, .red1>.button, .red1>.cap{background-color:#990000; border-color:#990000;} -.red2>.bar, .red2>.block, .red2>.button, .red2>.cap{background-color:#ff0000; border-color:#ff0000;} - -.white>.bar, .white>.block, .white>.button, .white>.cap{background-color:#ffffff; border-color:#ffffff;} - - -.primary1:not(.complexButton){background-color:#3366FF; border-color:#3366FF;} -.primary2:not(.complexButton){background-color:#3366CC; border-color:#3366CC;} -.primary3:not(.complexButton){background-color:#336699; border-color:#336699;} -.primary4:not(.complexButton){background-color:#006699; border-color:#006699;} -.primary5:not(.complexButton){background-color:#003366; border-color:#003366;} - - -.secondary1:not(.complexButton){background-color:#00cc99; border-color:#00cc99;} -.secondary2:not(.complexButton){background-color:#009999; border-color:#009999;} -.secondary3:not(.complexButton){background-color:#006666; border-color:#006666;} -.secondary4:not(.complexButton){background-color:#003333; border-color:#003333;} - - -.accent1:not(.complexButton){background-color:#ffcc66; border-color:#ffcc66;} -.accent2:not(.complexButton){background-color:#FFCC33; border-color:#FFCC33;} -.accent3:not(.complexButton){background-color:#CC9933; border-color:#CC9933;} - -.highlight1:not(.complexButton){background-color:#ccccff; border-color:#ccccff;} -.highlight2:not(.complexButton){background-color:#ccffff; border-color:#ccffff;} - - -.red1:not(.complexButton){background-color:#990000; border-color:#990000;} -.red2:not(.complexButton){background-color:#ff0000; border-color:#ff0000;} - -.white:not(.complexButton){background-color:#ffffff; border-color:#ffffff;} - -.primaryText1{color:#3366FF;} -.primaryText2{color:#3366CC;} -.primaryText3{color:#336699; } -.primaryText4{color:#006699;} -.primaryText5{color:#003366;} - -.secondaryText1{color:#00cc99;} -.secondaryText2{color:#009999;} -.secondaryText3{color:#006666;} -.secondaryText4{color:#003333;} - -.accentText1{color:#ffcc66;} -.accentText2{color:#ffcc33;} -.accentText3{color:#cc9933;} - -.hilightText1{color:#ccccff;} -.hilightText1{color:#ccffff;} - -.redText1{color:#990000;} -.redText2{color:#ff0000;} - -.whiteText{color:#ffffff;} - diff --git a/lcarssdk/css/lcarssdk.css b/lcarssdk/css/lcarssdk.css index 143e108..9badeeb 100644 --- a/lcarssdk/css/lcarssdk.css +++ b/lcarssdk/css/lcarssdk.css @@ -1,15 +1,21 @@ @charset "utf-8"; -/** LCARS SDK 15088.21 +/** LCARS SDK 16098.3 * This file is a part of the LCARS SDK. * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md * For more information please go to http://www.lcarssdk.org. **/ + +/* ============================================================================= + Fonts + ========================================================================== */ + @font-face { font-family: 'LCARS'; src: url('../fonts/lcarsgtj3.eot'); - src: url('../fonts/lcarsgtj3.eot?#iefix') format('embedded-opentype'), url('../fonts/lcarsgtj3.ttf') format('truetype'); + src: url('../fonts/lcarsgtj3.eot?#iefix') format('embedded-opentype'), + url('../fonts/lcarsgtj3.ttf') format('truetype'); font-weight: normal; font-style: normal; } @@ -17,7 +23,8 @@ @font-face { font-family: 'LCARS Lower'; src: url('../fonts/lcarsunknown.eot'); - src: url('../fonts/lcarsunknown.eot?#iefix') format('embedded-opentype'), url('../fonts/lcarsunknown.ttf') format('truetype'); + src: url('../fonts/lcarsunknown.eot?#iefix') format('embedded-opentype'), + url('../fonts/lcarsunknown.ttf') format('truetype'); font-weight: normal; font-style: normal; } @@ -31,6 +38,10 @@ } +/* ============================================================================= + Reset + ========================================================================== */ + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -47,17 +58,18 @@ time, mark, audio, video, input { margin: 0px; padding: 0px; border: 0px; - font-size: 25px; + font-size: 100%; vertical-align: baseline; + color:inherit; + border-color:inherit; font-family:"LCARS"; - font-weight: normal; + font-weight: inherit; text-overflow: ellipsis; white-space:nowrap; border-style: none; outline:none; text-transform:uppercase; line-height:1; - /*letter-spacing:.25px;*/ display:block; } @@ -67,8 +79,8 @@ time, mark, audio, video, input { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; - box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -76,26 +88,99 @@ time, mark, audio, video, input { } .helveticaFont *, .helveticaFont *:before, .helveticaFont *:after{font-family:'Helvetica W02 Ultra Cm';} -.blockFont{font-family:'LCARS Block'; font-size:inherit;} -html{overflow:hidden;} -body{background-color:#000000; height: 100%; width:100%; overflow:hidden; position: fixed; } +.blockFont{ + font-family:'LCARS Block'; + font-size:inherit; +} + + +/* ============================================================================= + Base + ========================================================================== */ + +html{ + overflow:hidden; + height: 100%; + width: 100%; + font-weight:normal; + line-height:1; +} + +body{ + background-color:#000000; + height: 100%; + width:100%; + overflow:hidden; + position: fixed; +} + +.scale, +.childScale{ + -webkit-transform-origin: 0% 0%; + transform-origin: 0% 0%; + overflow:hidden; +} + +ol, +ul{list-style: none;} + +blockquote, +q{quotes: none;} + +blockquote:before, +blockquote:after, +q:before, +q:after{ + content: ''; + content: none; +} -.scale, .childScale{-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -ms-transform-origin:0% 0%; overflow:hidden;} +table{ + border-collapse:collapse; + border-spacing:0; +} -ol, ul{list-style: none;} -blockquote, q{quotes: none; } -blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none; } -table{border-collapse:collapse; border-spacing:0; } -*:focus { outline: none; } +*:focus {outline: none;} -*:before, *:after{padding:0px; margin:0px; -webkit-backface-visibility: hidden; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; white-space:nowrap; text-transform:uppercase; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; height: 25px; color:#000000;} +*:before, *:after{ + padding:0px; + margin:0px; + -webkit-backface-visibility: hidden; + display:block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + text-transform:uppercase; + word-wrap: break-word; + overflow-wrap: break-word; + white-space: normal; + height: 25px; + color:#000000; +} -input[type="text"], input[type="password"]{border:0px; margin:0px; padding:0px; background-color:#000000; font-family: 'LCARS Lower'; letter-spacing: .5px; -webkit-user-select:auto; color:#ffffff;} +input[type="text"], +input[type="password"]{ + border:0px; + margin:0px; + padding:0px; + background-color:#000000; + font-family: 'LCARS Lower'; + letter-spacing: .5px; + -webkit-user-select:auto; + user-select:auto; + color:#ffffff; +} h1{font-size:50px;} -a{color:#000000; text-decoration:none;} + +a{ + color:#000000; + text-decoration:none; +} + .italic{font-style:italic;} .regularText{text-transform:none;} @@ -115,7 +200,12 @@ p, small{ letter-spacing: .5px; } -small{font-size:18px; margin-top:10px; margin-bottom:10px; font-family: 'LCARS';} +small{ + font-size:18px; + margin-top:10px; + margin-bottom:10px; + font-family: 'LCARS'; +} span{ white-space:normal; @@ -144,419 +234,1794 @@ pre{white-space: pre-wrap; } - - -/* Flex Naming */ +/* ============================================================================= + Flexbox Model + ========================================================================== */ + .flexv{ - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; - -webkit-flex-direction:column; flex-direction:column; } .flexcv{ - -webkit-flex: 1; flex: 1; } .flexh{ - display: -webkit-flex; display: flex; - -webkit-flex-direction:row; flex-direction:row; } .flexch{ - -webkit-flex: 1; flex: 1; } -/*Basic Elements*/ -.level{position:absolute;} -.level>.bar{height:inherit; width:inherit;} -.bar{position:absolute; height:30px; width:30px; background-color:inherit; -webkit-box-sizing:content-box; box-sizing:content-box; } -.cap{position:absolute; width:60px; height:60px; background-color:inherit; -webkit-box-sizing:content-box; box-sizing:content-box; } -.block{position:absolute; height:60px; width:25px; background-color:inherit; -webkit-box-sizing:content-box; box-sizing:content-box; } -.wrapper{position:absolute;} -.content{position:absolute; color:#ffffff;} -.title{position:absolute; background-color:#000000; color:#ffffff; font-size: 82px; height:60px; line-height: .82;} -.numericBlock{background-color:#000000 !important; padding-left: 0px; text-align: right; font-size: 60px; line-height: 1; height:inherit; color:#ffffff; position:relative; letter-spacing:5px; min-width:25px; width:auto; font-family:'LCARS Block'; margin:0px !important;} -.oval{position:absolute; border-radius:100%; width:45px; height:25px;} +/* ============================================================================= + Basic Elements + ========================================================================== */ +.wrapper{position:relative;} +.content{position:relative;} + +.bar{ + position:relative; + min-height:30px; + min-width:30px; + background-color:inherit; +} + +.cap{ + position:relative; + min-width:60px; + min-height:60px; + background-color:inherit; +} -/* Visual Styles for Base Elements */ +.block{ + position:relative; + min-height:60px; + min-width:25px; + background-color:inherit; +} + +.title{ + position:relative; + background-color:transparent !important; + color:#ffffff; + font-size: 82px; + height:60px; + line-height: .82; +} + +.text{} + + +.number{ + background-color:transparent !important; + line-height: 1; + color:#ffffff; + width:auto; + font-family:'LCARS Block'; + margin:0px !important; +} + +.oval{ + position:relative; + border-radius:100%; + min-width:45px; + min-height:25px; +} + +.button{ + position:relative; + min-height:60px; + min-width:150px; + cursor:pointer; +} + +/* ============================================================================= + Styling Classes + ========================================================================== */ + +/*Button*/ .button.pill{border-radius:30px;} -.button.pill:before, .button.pill:after{right:25px; left:25px;} -.button.tabRight{border-top-right-radius:30px; border-bottom-right-radius:30px;} -.button.tabRight:before, .button.tabRight:after{right:25px;} -.button.tabLeft{border-top-left-radius:30px; border-bottom-left-radius:30px;} -.button.tabLeft:before, .button.tabRight:after{left:25px;} - -.bar.large{height:60px;} -.bar.half{height:15px;} -.cap.right{border-top-right-radius:30px; border-bottom-right-radius:30px;} -.cap.left{border-top-left-radius:30px; border-bottom-left-radius:30px;} -.cap.tiny{width:8px; height:8px; min-width:8px;} -.cap.tiny.right{border-top-right-radius:4px; border-bottom-right-radius:4px; } -.cap.tiny.left{border-top-left-radius:4px; border-bottom-left-radius:4px;} -.cap.small{width:30px; height:30px;} - -.block.oval{border-radius:100%; width:45px; height:25px;} -.block.oval.small{width: 35px; height: 20px;} +.button.pill:before, +.button.pill:after{ + right:25px; + left:25px; +} + +.button.right{ + border-top-right-radius:30px; + border-bottom-right-radius:30px; +} + +.button.right:before, .button.right:after{right:25px;} + +.button.left{ + border-top-left-radius:30px; + border-bottom-left-radius:30px; +} + +.button.left:before, +.button.right:after{left:25px;} + + +/*Bar*/ +.bar.xlarge{min-height:125px; max-height:125px;} +.bar.large{min-height:90px; max-height:90px;} +.bar.medium{min-height:60px; max-height:60px;} +.bar.small{min-height:15px; max-height:15px;} +.bar.tiny{min-height:10px; max-height:10px;} + +/*Cap*/ +.cap.right{ + border-top-right-radius:50%; + border-bottom-right-radius:50%; +} + +.cap.left{ + border-top-left-radius:30px; + border-bottom-left-radius:30px; +} + +.cap.xlarge{ + min-width:125px; + min-height:125px; +} + +.cap.large{ + min-width:90px; + min-height:90px; +} + +.cap.small{ + min-width:15px; + min-height:15px; +} + +.cap.tiny{ + min-height:10px; + min-width:10px; +} + + +/*Oval*/ +.oval.small{ + width: 35px; + height: 20px; +} + +/*Title*/ +.title.small, .title.half{height:30px; font-size: 42px; line-height: .80;} -.ie .title{line-height:1;} -.ie .title.half{line-height:1;} -/*Button*/ -.button{position:absolute; height:60px; width:150px; cursor:pointer;} -.block:before, .bar:before, .button:before{ font-size:25px; overflow:hidden; display:block; position:absolute; left:8px; bottom:3px; right:8px; } -.block:after, .bar:after, .button:after{font-size:25px; overflow:hidden; display:block; position:absolute; left:8px; top:8px; right:8px; } -.block[data-label]:before, .bar[data-label]:before, .button[data-label]:before{content:attr(data-label); } -.block[data-altLabel]:after, .bar[data-altLabel]:after, .button[data-altLabel]:after{content:attr(data-altLabel); } +/* ============================================================================= + Labels + ========================================================================== */ + + +.block:before, +.bar:before, +.button:before{ + font-size:25px; + overflow:hidden; + display:block; + position:absolute; + left:8px; + bottom:3px; + right:8px; +} + +.block:after, +.bar:after, +.button:after{ + font-size:25px; + overflow:hidden; + display:block; + position:absolute; + left:8px; + top:8px; + right:8px; +} + +.block[data-label]:before, +.bar[data-label]:before, +.button[data-label]:before{content:attr(data-label); } +.block[data-altLabel]:after, +.bar[data-altLabel]:after, +.button[data-altLabel]:after{content:attr(data-altLabel); } -/*Complex Button*/ +/* ============================================================================= + Complex Button + ========================================================================== */ .complexButton{ - display: -webkit-flex; display: flex; - -webkit-flex-direction:row; flex-direction:row; - background:transparent; - height:60px; - width:150px; + background:transparent !important; + min-height:60px; + min-width:150px; cursor:pointer; - position:absolute; } .complexButton .button{ - -webkit-flex: 1; flex: 1; - } -.complexButton.vertical{-webkit-flex-direction:column; flex-direction:column;} -.complexButton.vertical .button{margin-left:0px; margin-bottom:5px;} +.complexButton .text{ + background-color:transparent !important; + padding-left: 0px; + text-align: right; + font-size: 60px; + line-height: 1; + height:inherit; + color:#ffffff; + position:relative; + letter-spacing:5px; + min-width:25px; + width:auto; + font-family:'LCARS Block'; +} + +.complexButton .block, +.complexButton .bar { + min-width:25px; + position:relative; + min-height:100%; +} + +.complexButton .cap{ + position:relative; + height:100%; +} + +.complexButton .button{ + width:auto; + position:relative; + height:100%; + min-width:0px; +} + +.complexButton *{margin-left:5px;} +.complexButton :first-child{margin-left:0px;} +.complexButton .text + *{margin-left:5px;} + +/* ============================================================================= + Radio Complex Button + ========================================================================== */ + +.radio .check{visibility:hidden;} +.radio.checked .check{visibility:visible;} +.radio .check:not([class*="bg-"]){background-color:#ffffff;} + + +/* ============================================================================= + Checkbox Complex Button + ========================================================================== */ + +.checkbox .check:not([class*="bg-"]){background-color:#ffffff;} +.checkbox .check ~ .check{visibility:hidden;} + +.checkbox.checked .check{visibility:hidden;} +.checkbox.checked .check ~ .check{visibility:visible;} + +/* ============================================================================= + Duo & Duo Vertical Complex Button + ========================================================================== */ + +.complexButton.vertical{ + flex-direction:column; +} + +.complexButton.vertical .button{ + margin-left:0px; + margin-bottom:5px; +} + .complexButton.vertical .button:last-child{margin-bottom:0px;} .complexButton.duo .button{margin-left:0px;} + .complexButton.duo:not(.vertical) .button:last-child{margin-left:-2px !important;} .complexButton.vertical.duo .button{margin-bottom:0px;} .complexButton.vertical.duo .button:last-child{margin-top:-2px !important; } -.complexButton .block, .complexButton .bar {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} -.ie .complexButton .numericBlock{line-height:1;} +/* ============================================================================= + Endcap Buttons + ========================================================================== */ +.endcap{overflow: hidden;} +.endcap{z-index:2; background-color:transparent !important;} +.endcap > *{ + position:absolute; + top:0px; + bottom:0px; + width:150%; + pointer-events:none; + transform-origin: bottom; +} + +.endcap:after, +.endcap:before{z-index:3;} + +.endcap.large{min-width:150px;} + -.complexButton .bar, .complexButton .block{min-width:25px; position:relative; height:100%;} -.complexButton .cap{position:relative; height:100%;} -.complexButton .button{width:auto; position:relative; height:100%;} -.complexButton :first-child~*{margin-left:5px;} -.complexButton input + *{margin-left:0px !important;} -.complexButton .numericBlock + *{margin-left:0px;} +.endcap.large.top-right:after, +.endcap.large.bottom-right:before{right:50px;} -/* Radio Button Complex Button Variant */ -.radioButton input{display:none;} -.radioButton input~.checkBlock{background-color:transparent;} -.radioButton input:checked~.checkBlock{background-color:#ffffff;} +.endcap.large.top-right:before, +.endcap.large.bottom-right:after{right:100px;} -/* Radio Button Complex Button Variant */ -.checkboxButton input{display:none;} -.checkboxButton input~.checkBlock{background-color:#ffffff;} -.checkboxButton input~.checkBlock~.checkBlock{background-color:transparent;} +.endcap.large.top-left:after, +.endcap.large.bottom-left:before{left:50px;} -.checkboxButton input:checked~.checkBlock{background-color:transparent;} -.checkboxButton input:checked~.checkBlock~.checkBlock{background-color:#ffffff;} +.endcap.large.top-left:before, +.endcap.large.bottom-left:after{left:100px;} +.endcap.bottom-right .cap, +.endcap.top-right .cap{ + right: 0px; +} + +.endcap.top-right .cap{transform: skew(-18deg);} +.endcap.bottom-right .cap{transform: skew(18deg);} -/*Default Elbows*/ -.elbow{position:absolute; z-index:1; cursor:pointer; width:150px; height:75px;} -.elbow:before{font-size:25px; overflow:hidden; display:block; position:absolute; left:8px; right:8px; z-index:2;} -.elbow:after{font-size:25px; overflow:hidden; display:block; position:absolute; left:8px; right:8px; z-index:2;} +.endcap.large.bottom-right .cap, +.endcap.large.top-right .cap{ + border-top-right-radius:60px; + border-bottom-right-radius:60px; +} + +.endcap.bottom-left .cap, +.endcap.top-left .cap{ + left: 0px; +} + +.endcap.top-left .cap{transform: skew(18deg);} +.endcap.bottom-left .cap{transform: skew(-18deg);} + +.endcap.large.bottom-left .cap, +.endcap.large.top-left .cap{ + border-top-left-radius:60px; + border-bottom-left-radius:60px; +} + +/* ============================================================================= + Elbows + ========================================================================== */ +.elbow{ + position:relative; + z-index:1; + cursor:pointer; +} + +.elbow:before{ + font-size:25px; + overflow:hidden; + display:block; + position:absolute; + left:8px; + right:8px; + z-index:2; +} + +.elbow:after{ + font-size:25px; + overflow:hidden; + display:block; + position:absolute; + left:8px; + right:8px; + z-index:2; +} .elbow[data-label]:before{content:attr(data-label);} .elbow[data-altlabel]:after{content:attr(data-altLabel);} -.elbow .innerRadius{position:absolute; width:30px; height:30px; border-width:15px; border-style: solid; z-index:1; -webkit-box-sizing: content-box; box-sizing: content-box; -moz-box-sizing: content-box;} -.elbow >.bar{position:absolute; background-color:inherit !important; height:30px;} +.elbow .block{ + position:absolute; + z-index:1; + background-color:transparent; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border-color:inherit; +} +.elbow .bar{ + position:absolute; + background-color:inherit !important; +} -.topRight{border-top-right-radius:75px; text-align:left;} -.topRight .innerRadius{border-color:inherit; top: 15px; left: -30px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:60px; border-bottom-left-radius: 60px;} -.topRight>.bar{top:0px; min-width: 31px; left: -30px;} -.topRight:before{bottom:8px} -.topRight:after{top:8px} +.elbow.top-left .bar { + border-left-color: inherit !important; +} -.topLeft{border-top-left-radius:75px; text-align:right;} -.topLeft .innerRadius{border-color:inherit; top: 15px; right: -30px; border-right:0px solid transparent; border-bottom:0px solid transparent; border-top-left-radius:60px; border-bottom-right-radius: 60px;} -.topLeft>.bar{top:0px; min-width: 31px; right: -30px;} -.topLeft:before{bottom:8px; } -.topLeft:after{top:8px; } +.elbow.top-left .bar .block{ + border-left-color: inherit !important; + border-top-color: transparent; +} -.bottomLeft{border-bottom-left-radius:75px; text-align:right;} -.bottomLeft .innerRadius{border-color:inherit; bottom: 15px; right: -30px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:60px; border-top-right-radius: 60px;} -.bottomLeft>.bar{bottom:0px; min-width: 31px; right: -30px;} -.bottomLeft:before{top:8px} -.bottomLeft:after{bottom:8px} +.elbow.bottom-left .bar { + border-left-color: inherit !important; +} +.elbow.bottom-left .bar .block{ + border-left-color: inherit !important; + border-bottom-color: transparent; +} -.bottomRight{border-bottom-right-radius:75px; text-align:left;} -.bottomRight .innerRadius{border-color:inherit; bottom: 15px; left: -30px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:60px; border-top-left-radius: 60px;} -.bottomRight>.bar{bottom:0px; min-width: 31px; left: -30px;} -.bottomRight:before{top:8px} -.bottomRight:after{bottom:8px} +.elbow.bottom-right .bar { + border-right-color: inherit !important; +} +.elbow.bottom-right .bar .block{ + border-right-color: inherit !important; + border-bottom-color: transparent; +} -.topRightAlt{border-top-right-radius:75px; height:150px; width:75px;} -.topRightAlt .innerRadius{border-color:inherit; bottom: -30px; right: 15px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:60px; border-bottom-left-radius: 60px;} -.topRightAlt>.bar{bottom:-30px; min-width: 30px; right: 0px; height:31px; width:30px;} -.topRightAlt:before{bottom:4px} -.topRightAlt:after{top:4px} +.elbow.top-right .bar { + border-right-color: inherit !important; +} + +.elbow.top-right .bar .block{ + border-right-color: inherit !important; + border-top-color: transparent; +} + + +/* ============================================================================= + Elbows - Default Horizontal + ========================================================================== */ +.elbow.default.horizontal{ + min-width:75px; + min-height:75px; +} + +.elbow.default.horizontal .block{ + min-height:45px; + min-width:45px; + border-width:20px; + border-style: solid; +} +.elbow.default.horizontal .bar{ + max-height:30px; + min-width:50px; +} + +/* Top Right Default Horizontal Elbow */ +.top-right.default.horizontal{ + border-top-right-radius:75px; + text-align:left; +} + +.top-right.default.horizontal .bar{ + top:0px; + right:calc(100% - 5px); +} + +.top-right.default.horizontal .block{ + right:-15px; + top:calc(100% - 20px); + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:60px; + border-bottom-left-radius: 60px; + +} + +.top-right.default.horizontal:before{bottom:8px} +.top-right.default.horizontal:after{top:8px} + +/* Top Left Default Horizontal Elbow */ +.top-left.default.horizontal{ + border-top-left-radius:75px; + text-align:right; +} + +.top-left.default.horizontal .bar{ + top:0px; + left:calc(100% - 5px); +} + +.top-left.default.horizontal .block{ + top:calc(100% - 20px); + left:-15px; + border-right: 0px solid transparent; + border-bottom: 0px solid transparent; + border-top-left-radius: 60px; + border-bottom-right-radius: 60px; + +} + +.top-left.default.horizontal:before{bottom:8px; } +.top-left.default.horizontal:after{top:8px; } + +/* Bottom Left Default Horizontal Elbow */ +.bottom-left.default.horizontal{ + border-bottom-left-radius:75px; + text-align:right; +} + +.bottom-left.default.horizontal .bar{ + bottom:0px; + left:calc(100% - 5px); +} + +.bottom-left.default.horizontal .block{ + bottom:calc(100% - 20px); + left:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:60px; + border-top-right-radius: 60px; +} + + +.bottom-left.default.horizontal:before{top:8px} +.bottom-left.default.horizontal:after{bottom:8px} + +/* Bottom Right Default Horizontal Elbow */ +.bottom-right.default.horizontal{ + border-bottom-right-radius:75px; + text-align:left; +} + +.bottom-right.default.horizontal > .bar{ + bottom:0px; + right:calc(100% - 5px); +} + +.bottom-right.default.horizontal .block{ + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:60px; + border-top-left-radius: 60px; + bottom:calc(100% - 20px); + right:-15px; +} + +.bottom-right.default.horizontal:before{top:8px} +.bottom-right.default.horizontal:after{bottom:8px} + + +/* ============================================================================= + Elbows - Default Vertical + ========================================================================== */ +.elbow.default.vertical{ + min-width:75px; + min-height:75px; +} + +.elbow.default.vertical .block{ + + min-height:45px; + min-width:45px; + border-width:20px; + border-style: solid; +} +.elbow.default.vertical .bar{ + min-height:50px; + max-width:30px; +} + +/* Top Right Vertical Default Elbow */ +.top-right.default.vertical{ + border-top-right-radius:75px; +} + +.top-right.default.vertical .bar{ + right:0px; + top:calc(100% - 5px); +} + +.top-right.default.vertical .block{ + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:60px; + border-bottom-left-radius: 60px; + right:calc(100% - 20px); + top:-15px; +} + +.top-right.default.vertical:before{bottom:4px} +.top-right.default.vertical:after{top:4px} + +/* Top Left Vertical Default Elbow */ +.top-left.default.vertical{ + border-top-left-radius:75px; + text-align:right; +} + +.top-left.default.vertical .bar{ + left:0px; + top:calc(100% - 5px); +} + +.top-left.default.vertical .block{ + border-right:0px solid transparent; + border-bottom:0px solid transparent; + border-top-left-radius:60px; + border-bottom-right-radius: 60px; + left:calc(100% - 20px); + top:-15px; +} + + +.top-left.default.vertical:before{bottom:4px} +.top-left.default.vertical:after{top:4px} + +/* Bottom Left Vertical Default Elbow */ +.bottom-left.default.vertical{ + border-bottom-left-radius:75px; + text-align:right; +} + +.bottom-left.default.vertical .bar{ + left:0px; + bottom:calc(100% - 5px); +} +.bottom-left.default.vertical .block{ + left:calc(100% - 20px); + bottom:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:60px; + border-top-right-radius: 60px; +} -.topLeftAlt{border-top-left-radius:75px; height:150px; width:75px; text-align:right;} -.topLeftAlt .innerRadius{border-color:inherit; bottom: -30px; left: 15px; border-right:0px solid transparent; border-bottom:0px solid transparent; border-top-left-radius:60px; border-bottom-right-radius: 60px;} -.topLeftAlt>.bar{bottom:-30px; min-width: 30px; left: 0px; height:31px; width:30px;} -.topLeftAlt:before{bottom:4px} -.topLeftAlt:after{top:4px} +.bottom-left.default.vertical:before{bottom:4px} +.bottom-left.default.vertical:after{top:4px} -.bottomLeftAlt{border-bottom-left-radius:75px; height:150px; width:75px; text-align:right;} -.bottomLeftAlt .innerRadius{border-color:inherit; top: -29px; left: 15px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:60px; border-top-right-radius: 60px;} -.bottomLeftAlt>.bar{top:-30px; min-width: 30px; left: 0px; height:31px; width:30px;} -.bottomLeftAlt:before{bottom:4px} -.bottomLeftAlt:after{top:4px} +/* Bottom Right Vertical Default Elbow */ +.bottom-right.default.vertical{ + border-bottom-right-radius:75px; +} +.bottom-right.default.vertical .bar{ + right:0px; + bottom:calc(100% - 5px); +} -.bottomRightAlt{border-bottom-right-radius:75px; height:150px; width:75px;} -.bottomRightAlt .innerRadius{border-color:inherit; top: -29px; right: 15px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:60px; border-top-left-radius: 60px;} -.bottomRightAlt>.bar{top:-30px; min-width: 30px; right: 0px; height:31px; width:30px;} -.bottomRightAlt:before{bottom:4px} -.bottomRightAlt:after{top:4px} +.bottom-right.default.vertical .block{ + right:calc(100% - 20px); + bottom:-15px; + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:60px; + border-top-left-radius: 60px; +} +.bottom-right.default.vertical:before{bottom:4px} +.bottom-right.default.vertical:after{top:4px} -/** Base Elbows +/* ============================================================================= + Elbows - Base Horizontal * This class is meant to be used as an elbow curve that matches * the UI vertical step. Default is 60px height so a 60px -* border-radius. For a base smaller than 60px the inner radius -* size would use the '.medium' innerRadius border radius of 30px. -*/ -.base.topRight{border-top-right-radius:60px; height: 60px;} -.base.topLeft{border-top-left-radius:60px; height: 60px;} -.base.bottomLeft{border-bottom-left-radius:60px; height: 60px;} -.base.bottomRight{border-bottom-right-radius:60px; height: 60px;} -.base.topRightAlt{border-top-right-radius:60px; height: 60px;} -.base.topLeftAlt{border-top-left-radius:60px; height: 60px;} -.base.bottomLeftAlt{border-bottom-left-radius:60px; height: 60px;} -.base.bottomRightAlt{border-bottom-right-radius:60px; height: 60px;} +* border-radius. + ========================================================================== */ +.elbow.base.horizontal{ + min-width:60px; + min-height:60px; +} + +/* Top Right Base Horizontal Elbow */ +.elbow.base.horizontal .block{ + min-height:30px; + min-width:30px; + border-width:20px; + border-style: solid; +} +.elbow.base.horizontal .bar{ + max-height:30px; + min-width:50px; +} + + +.top-right.base.horizontal{ + border-top-right-radius:60px; + text-align:left; +} + +.top-right.base.horizontal .bar{ + top:0px; + right:calc(100% - 5px); +} + +.top-right.base.horizontal .block{ + right:-15px; + top:calc(100% - 20px); + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:60px; + border-bottom-left-radius: 60px; + +} + +.top-right.base.horizontal:before{bottom:8px} +.top-right.base.horizontal:after{top:8px} + +/* Top Left Base Horizontal Elbow */ +.top-left.base.horizontal{ + border-top-left-radius:75px; + text-align:right; +} + +.top-left.base.horizontal .bar{ + top:0px; + left:calc(100% - 5px); +} + +.top-left.base.horizontal .block{ + top:calc(100% - 20px); + left:-15px; + border-right: 0px solid transparent; + border-bottom: 0px solid transparent; + border-top-left-radius: 60px; + border-bottom-right-radius: 60px; + +} + +.top-left.base.horizontal:before{bottom:8px; } +.top-left.base.horizontal:after{top:8px; } + +/* Bottom Left Base Horizontal Elbow */ +.bottom-left.base.horizontal{ + border-bottom-left-radius:60px; + text-align:right; +} + +.bottom-left.base.horizontal .bar{ + bottom:0px; + left:calc(100% - 5px); +} + +.bottom-left.base.horizontal .block{ + bottom:calc(100% - 20px); + left:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:60px; + border-top-right-radius: 60px; +} + + +.bottom-left.base.horizontal:before{top:8px} +.bottom-left.base.horizontal:after{bottom:8px} + +/* Bottom Right Base Horizontal Elbow */ +.bottom-right.base.horizontal{ + border-bottom-right-radius:60px; + text-align:left; +} + +.bottom-right.base.horizontal > .bar{ + bottom:0px; + right:calc(100% - 5px); +} + +.bottom-right.base.horizontal .block{ + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:60px; + border-top-left-radius: 60px; + bottom:calc(100% - 20px); + right:-15px; +} + +.bottom-right.base.horizontal:before{top:8px} +.bottom-right.base.horizontal:after{bottom:8px} + + +/* ============================================================================= + Elbows - Base Vertical + ========================================================================== */ +.elbow.base.vertical{ + min-width:60px; + min-height:60px; +} + +.elbow.base.vertical .block{ + + min-height:30px; + min-width:30px; + border-width:20px; + border-style: solid; +} +.elbow.base.vertical .bar{ + min-height:50px; + max-width:30px; +} + +/* Top Right Vertical Base Elbow */ +.top-right.base.vertical{ + border-top-right-radius:60px; +} + +.top-right.base.vertical .bar{ + right:0px; + top:calc(100% - 5px); +} + +.top-right.base.vertical .block{ + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:60px; + border-bottom-left-radius: 60px; + right:calc(100% - 20px); + top:-15px; +} + +.top-right.base.vertical:before{bottom:4px} +.top-right.base.vertical:after{top:4px} + +/* Top Left Vertical Base Elbow */ +.top-left.base.vertical{ + border-top-left-radius:60px; + text-align:right; +} + +.top-left.base.vertical .bar{ + left:0px; + top:calc(100% - 5px); +} + +.top-left.base.vertical .block{ + border-right:0px solid transparent; + border-bottom:0px solid transparent; + border-top-left-radius:60px; + border-bottom-right-radius: 60px; + left:calc(100% - 20px); + top:-15px; +} + +.top-left.base.vertical:before{bottom:4px} +.top-left.base.vertical:after{top:4px} + +/* Bottom Left Vertical Base Elbow */ +.bottom-left.base.vertical{ + border-bottom-left-radius:60px; + text-align:right; +} + +.bottom-left.base.vertical .bar{ + left:0px; + bottom:calc(100% - 5px); +} + +.bottom-left.base.vertical .block{ + left:calc(100% - 20px); + bottom:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:60px; + border-top-right-radius: 60px; +} + + +.bottom-left.base.vertical:before{bottom:4px} +.bottom-left.base.vertical:after{top:4px} + +/* Bottom Right Vertical Base Elbow */ +.bottom-right.base.vertical{ + border-bottom-right-radius:60px; +} + +.bottom-right.base.vertical .bar{ + right:0px; + bottom:calc(100% - 5px); +} + +.bottom-right.base.vertical .block{ + right:calc(100% - 20px); + bottom:-15px; + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:60px; + border-top-left-radius: 60px; +} + +.bottom-right.base.vertical:before{bottom:4px} +.bottom-right.base.vertical:after{top:4px} + + +/* ============================================================================= + Elbows - Medium Horizontal + ========================================================================== */ +.elbow.medium.horizontal{ + min-width:35px; + min-height:50px; +} + +.elbow.medium.horizontal .block{ + min-height:20px; + min-width:20px; + border-width:20px; + border-style: solid; +} +.elbow.medium.horizontal .bar{ + max-height:30px; + min-width:50px; +} + +/* Top Right medium Horizontal Elbow */ +.top-right.medium.horizontal{ + border-top-right-radius:30px; + text-align:left; +} + +.top-right.medium.horizontal .bar{ + top:0px; + right:calc(100% - 5px); +} + +.top-right.medium.horizontal .block{ + right:-15px; + top:calc(100% - 20px); + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:30px; + border-bottom-left-radius: 30px; + +} + +.top-right.medium.horizontal:before{bottom:8px} +.top-right.medium.horizontal:after{top:8px} + +/* Top Left medium Horizontal Elbow */ +.top-left.medium.horizontal{ + border-top-left-radius:30px; + text-align:right; +} + +.top-left.medium.horizontal .bar{ + top:0px; + left:calc(100% - 5px); +} + +.top-left.medium.horizontal .block{ + top:calc(100% - 20px); + left:-15px; + border-right: 0px solid transparent; + border-bottom: 0px solid transparent; + border-top-left-radius: 30px; + border-bottom-right-radius: 30px; + +} + +.top-left.medium.horizontal:before{bottom:8px; } +.top-left.medium.horizontal:after{top:8px; } + +/* Bottom Left medium Horizontal Elbow */ +.bottom-left.medium.horizontal{ + border-bottom-left-radius:30px; + text-align:right; +} + +.bottom-left.medium.horizontal .bar{ + bottom:0px; + left:calc(100% - 5px); +} + +.bottom-left.medium.horizontal .block{ + bottom:calc(100% - 20px); + left:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:30px; + border-top-right-radius: 30px; +} + + +.bottom-left.medium.horizontal:before{top:8px} +.bottom-left.medium.horizontal:after{bottom:8px} + +/* Bottom Right medium Horizontal Elbow */ +.bottom-right.medium.horizontal{ + border-bottom-right-radius:30px; + text-align:left; +} + +.bottom-right.medium.horizontal > .bar{ + bottom:0px; + right:calc(100% - 5px); +} + +.bottom-right.medium.horizontal .block{ + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:30px; + border-top-left-radius: 30px; + bottom:calc(100% - 20px); + right:-15px; +} + +.bottom-right.medium.horizontal:before{top:8px} +.bottom-right.medium.horizontal:after{bottom:8px} + +/* ============================================================================= + Elbows - Medium Vertical + ========================================================================== */ +.elbow.medium.vertical{ + min-width:50px; + min-height:50px; +} + +.elbow.medium.vertical .block{ + + min-height:20px; + min-width:20px; + border-width:20px; + border-style: solid; +} + +.elbow.medium.vertical .bar{ + min-height:50px; + max-width:30px; +} + +/* Top Right Vertical medium Elbow */ +.top-right.medium.vertical{ + border-top-right-radius:30px; +} + +.top-right.medium.vertical .bar{ + right:0px; + top:calc(100% - 5px); +} + +.top-right.medium.vertical .block{ + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:30px; + border-bottom-left-radius: 30px; + right:calc(100% - 20px); + top:-15px; +} + +.top-right.medium.vertical:before{bottom:4px} +.top-right.medium.vertical:after{top:4px} + +/* Top Left Vertical medium Elbow */ +.top-left.medium.vertical{ + border-top-left-radius:30px; + text-align:right; +} + +.top-left.medium.vertical .bar{ + left:0px; + top:calc(100% - 5px); +} + +.top-left.medium.vertical .block{ + border-right:0px solid transparent; + border-bottom:0px solid transparent; + border-top-left-radius:30px; + border-bottom-right-radius: 30px; + left:calc(100% - 20px); + top:-15px; +} + + +.top-left.medium.vertical:before{bottom:4px} +.top-left.medium.vertical:after{top:4px} + +/* Bottom Left Vertical medium Elbow */ +.bottom-left.medium.vertical{ + border-bottom-left-radius:30px; + text-align:right; +} + +.bottom-left.medium.vertical .bar{ + left:0px; + bottom:calc(100% - 5px); +} + +.bottom-left.medium.vertical .block{ + left:calc(100% - 20px); + bottom:-15px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:30px; + border-top-right-radius: 30px; +} + + +.bottom-left.medium.vertical:before{bottom:4px} +.bottom-left.medium.vertical:after{top:4px} + +/* Bottom Right Vertical medium Elbow */ +.bottom-right.medium.vertical{ + border-bottom-right-radius:30px; +} + +.bottom-right.medium.vertical .bar{ + right:0px; + bottom:calc(100% - 5px); +} + +.bottom-right.medium.vertical .block{ + right:calc(100% - 20px); + bottom:-15px; + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:30px; + border-top-left-radius: 30px; +} + +.bottom-right.medium.vertical:before{bottom:4px} +.bottom-right.medium.vertical:after{top:4px} + + + + + /* ============================================================================= + Elbows - small Horizontal + ========================================================================== */ +.elbow.small.horizontal{ + min-width:21px; + min-height:35px; +} + +.elbow.small.horizontal .block{ + min-height:10px; + min-width:10px; + border-width:5px; + border-style: solid; +} +.elbow.small.horizontal .bar{ + min-height:13px; + max-width:22px; +} + +/* Top Right small Horizontal Elbow */ +.top-right.small.horizontal{ + border-top-right-radius:20px; + text-align:left; +} + +.top-right.small.horizontal .bar{ + top:0px; + right:calc(100% - 2px); +} + +.top-right.small.horizontal .block{ + right:-3px; + top:calc(100% - 5px); + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:30px; + border-bottom-left-radius: 30px; + +} + +.top-right.small.horizontal:before{bottom:8px} +.top-right.small.horizontal:after{top:8px} + +/* Top Left small Horizontal Elbow */ +.top-left.small.horizontal{ + border-top-left-radius:20px; + text-align:right; +} + +.top-left.small.horizontal .bar{ + top:0px; + left:calc(100% - 2px); +} + +.top-left.small.horizontal .block{ + top:calc(100% - 5px); + left:-3px; + border-right: 0px solid transparent; + border-bottom: 0px solid transparent; + border-top-left-radius: 30px; + border-bottom-right-radius: 30px; + +} + +.top-left.small.horizontal:before{bottom:8px; } +.top-left.small.horizontal:after{top:8px; } + +/* Bottom Left small Horizontal Elbow */ +.bottom-left.small.horizontal{ + border-bottom-left-radius:20px; + text-align:right; +} + +.bottom-left.small.horizontal .bar{ + bottom:0px; + left:calc(100% - 2px); +} + +.bottom-left.small.horizontal .block{ + bottom:calc(100% - 5px); + left:-3px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:30px; + border-top-right-radius: 30px; +} + + +.bottom-left.small.horizontal:before{top:8px} +.bottom-left.small.horizontal:after{bottom:8px} + +/* Bottom Right small Horizontal Elbow */ +.bottom-right.small.horizontal{ + border-bottom-right-radius:20px; + text-align:left; +} + +.bottom-right.small.horizontal > .bar{ + bottom:0px; + right:calc(100% - 2px); +} + +.bottom-right.small.horizontal .block{ + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:30px; + border-top-left-radius: 30px; + bottom:calc(100% - 5px); + right:-3px; +} + +.bottom-right.small.horizontal:before{top:8px} +.bottom-right.small.horizontal:after{bottom:8px} + +/* ============================================================================= + Elbows - small Vertical + ========================================================================== */ +.elbow.small.vertical{ + min-width:35px; + min-height:21px; +} + +.elbow.small.vertical .block{ + + min-height:10px; + min-width:10px; + border-width:5px; + border-style: solid; +} + +.elbow.small.vertical .bar{ + min-height:22px; + max-width:13px; +} + +/* Top Right Vertical small Elbow */ +.top-right.small.vertical{ + border-top-right-radius:20px; +} + +.top-right.small.vertical .bar{ + right:0px; + top:calc(100% - 2px); +} + +.top-right.small.vertical .block{ + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:30px; + border-bottom-left-radius: 30px; + right:calc(100% - 5px); + top:-3px; +} + +.top-right.small.vertical:before{bottom:4px} +.top-right.small.vertical:after{top:4px} + +/* Top Left Vertical small Elbow */ +.top-left.small.vertical{ + border-top-left-radius:20px; + text-align:right; +} + +.top-left.small.vertical .bar{ + left:0px; + top:calc(100% - 2px); +} + +.top-left.small.vertical .block{ + border-right:0px solid transparent; + border-bottom:0px solid transparent; + border-top-left-radius:30px; + border-bottom-right-radius: 30px; + left:calc(100% - 5px); + top:-3px; +} + + +.top-left.small.vertical:before{bottom:4px} +.top-left.small.vertical:after{top:4px} + +/* Bottom Left Vertical small Elbow */ +.bottom-left.small.vertical{ + border-bottom-left-radius:20px; + text-align:right; +} + +.bottom-left.small.vertical .bar{ + left:0px; + bottom:calc(100% - 2px); +} + +.bottom-left.small.vertical .block{ + left:calc(100% - 5px); + bottom:-3px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:30px; + border-top-right-radius: 30px; +} + + +.bottom-left.small.vertical:before{bottom:4px} +.bottom-left.small.vertical:after{top:4px} + +/* Bottom Right Vertical small Elbow */ +.bottom-right.small.vertical{ + border-bottom-right-radius:20px; +} + +.bottom-right.small.vertical .bar{ + right:0px; + bottom:calc(100% - 2px); +} + +.bottom-right.small.vertical .block{ + right:calc(100% - 5px); + bottom:-3px; + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:30px; + border-top-left-radius: 30px; +} + +.bottom-right.small.vertical:before{bottom:4px} +.bottom-right.small.vertical:after{top:4px} -/*Medium Elbows*/ -.elbow.medium{width: 60px;} -.elbow.medium .innerRadius{border-width: 10px;} -.medium.bottomLeftAlt{border-bottom-left-radius:30px; height:60px;} -.medium.bottomLeftAlt .innerRadius{left: 20px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:30px; border-top-right-radius: 30px;} -.medium.bottomRightAlt{border-bottom-right-radius:30px; height:60px;} -.medium.bottomRightAlt .innerRadius{right: 20px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:30px; border-top-left-radius: 30px;} -.medium.topLeftAlt{border-top-left-radius:30px; height:60px;} -.medium.topLeftAlt .innerRadius{left: 20px; border-right:0px solid transparent; border-bottom:0px solid transparent; border-top-left-radius:30px; border-bottom-right-radius: 30px;} +/* ============================================================================= + Elbows - large Horizontal + ========================================================================== */ +.elbow.large.horizontal{ + min-width:75px; + min-height:160px; +} + +.elbow.large.horizontal .block{ + min-height:75px; + min-width:75px; + border-width:35px; + border-style: solid; +} +.elbow.large.horizontal .bar{ + min-height:60px; + max-height:75px; + min-width:80px; +} + +/* Top Right large Horizontal Elbow */ +.top-right.large.horizontal{ + border-top-right-radius:160px; + text-align:left; +} + +.top-right.large.horizontal .bar{ + top:0px; + right:calc(100% - 5px); +} + +.top-right.large.horizontal .block{ + right:-30px; + top:calc(100% - 35px); + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:105px; + border-bottom-left-radius: 105px; + +} + +.top-right.large.horizontal:before{bottom:8px} +.top-right.large.horizontal:after{top:8px} + +/* Top Left large Horizontal Elbow */ +.top-left.large.horizontal{ + border-top-left-radius:160px; + text-align:right; +} + +.top-left.large.horizontal .bar{ + top:0px; + left:calc(100% - 5px); +} + +.top-left.large.horizontal .block{ + top:calc(100% - 35px); + left:-30px; + border-right: 0px solid transparent; + border-bottom: 0px solid transparent; + border-top-left-radius: 105px; + border-bottom-right-radius: 105px; + +} + +.top-left.large.horizontal:before{bottom:8px; } +.top-left.large.horizontal:after{top:8px; } + +/* Bottom Left large Horizontal Elbow */ +.bottom-left.large.horizontal{ + border-bottom-left-radius:160px; + text-align:right; +} + +.bottom-left.large.horizontal .bar{ + bottom:0px; + left:calc(100% - 5px); +} + +.bottom-left.large.horizontal .block{ + bottom:calc(100% - 35px); + left:-30px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:105px; + border-top-right-radius: 105px; +} -.medium.topRightAlt{border-top-right-radius:30px; height:60px;} -.medium.topRightAlt .innerRadius{right: 20px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:30px; border-bottom-left-radius: 30px;} -.medium.topRight{border-top-right-radius:30px; text-align:left;} -.medium.topRight .innerRadius{ top: 20px; left: -30px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:30px; border-bottom-left-radius: 30px;} +.bottom-left.large.horizontal:before{top:8px} +.bottom-left.large.horizontal:after{bottom:8px} -.medium.topLeft{border-top-left-radius:30px; text-align:right;} -.medium.topLeft .innerRadius{ top: 20px; right: -30px; border-right:0px solid transparent; border-bottom:0px solid transparent; border-top-left-radius:30px; border-bottom-right-radius: 30px;} +/* Bottom Right large Horizontal Elbow */ +.bottom-right.large.horizontal{ + border-bottom-right-radius:160px; + text-align:left; +} -.medium.bottomLeft{border-bottom-left-radius:30px; text-align:right;} -.medium.bottomLeft .innerRadius{ bottom: 20px; right: -30px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:30px; border-top-right-radius: 30px;} +.bottom-right.large.horizontal > .bar{ + bottom:0px; + right:calc(100% - 5px); +} -.medium.bottomRight{border-bottom-right-radius:30px; text-align:left;} -.medium.bottomRight .innerRadius{bottom: 20px; left: -30px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:30px; border-top-left-radius: 30px;} +.bottom-right.large.horizontal .block{ + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:105px; + border-top-left-radius: 105px; + bottom:calc(100% - 35px); + right:-30px; +} +.bottom-right.large.horizontal:before{top:8px} +.bottom-right.large.horizontal:after{bottom:8px} -/*Small Elbow*/ -.elbow.small{ height:35px; width:21px;} -.elbow.small .innerRadius{width:15px; height:15px; border-width: 5px; } -.elbow.small .bar{width: 22px; min-width: 13px; height: 13px;} -.small.topLeft{border-top-left-radius:21px;} -.small.topLeft .innerRadius{top: 8px; right: -20px; border-top-left-radius:16px; border-bottom-right-radius:16px;} -.small.topLeft .bar{right:-20px; } +/* ============================================================================= + Elbows - large Vertical + ========================================================================== */ +.elbow.large.vertical{ + min-width:75px; + min-height:160px; +} -.small.topRight{border-top-right-radius:21px;} -.small.topRight .innerRadius{top: 8px; left: -20px; border-top-right-radius:16px; border-bottom-left-radius:16px;} -.small.topRight .bar{left:-20px;} +.elbow.large.vertical .block{ + min-height:75px; + min-width:75px; + border-width:35px; + border-style: solid; +} -.small.bottomLeft{border-bottom-left-radius:21px;} -.small.bottomLeft .innerRadius{bottom: 8px; right: -20px; border-bottom-left-radius:16px; border-top-right-radius: 16px;} -.small.bottomLeft .bar{right:-20px;} +.elbow.large.vertical .bar{ + min-height:80px; + max-height:60px; + min-width:75px; +} -.small.bottomRight{border-bottom-right-radius:21px;} -.small.bottomRight .innerRadius{bottom: 8px; left: -20px; border-bottom-right-radius:16px; border-top-left-radius: 16px;} -.small.bottomRight .bar{left:-20px;} +/* Top Right Vertical large Elbow */ +.top-right.large.vertical{ + border-top-right-radius:160px; +} +.top-right.large.vertical .bar{ + right:0px; + top:calc(100% - 5px); +} -.small.bottomLeftAlt{border-bottom-left-radius:21px; width:35px; height:21px;} -.small.bottomLeftAlt .innerRadius{left: 8px; top: -15px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:16px; border-top-right-radius: 16px;} -.small.bottomLeftAlt .bar{top:-20px; width:13px; height:22px;} +.top-right.large.vertical .block{ + border-left:0px solid transparent; + border-bottom:0px solid transparent; + border-top-right-radius:105px; + border-bottom-left-radius: 105px; + right:calc(100% - 35px); + top:-30px; +} -.small.bottomRightAlt{border-bottom-right-radius:21px; width:35px; height:21px;} -.small.bottomRightAlt .innerRadius{right: 8px; top: -15px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:16px; border-top-left-radius: 16px;} -.small.bottomRightAlt .bar{top:-20px; width:13px; height:22px;} +.top-right.large.vertical:before{bottom:4px} +.top-right.large.vertical:after{top:4px} -.small.topLeftAlt{border-top-left-radius:21px; width:35px; height:21px;} -.small.topLeftAlt .innerRadius{left: 8px; bottom: -15px; border-right:0px solid transparent; border-bottom:0px solid transparent;border-top-left-radius:16px; border-bottom-right-radius: 16px;} -.small.topLeftAlt .bar{bottom:-20px; width:13px; height:22px;} +/* Top Left Vertical large Elbow */ +.top-left.large.vertical{ + border-top-left-radius:160px; + text-align:right; +} -.small.topRightAlt{border-top-right-radius:21px; width:35px; height:21px;} -.small.topRightAlt .innerRadius{right: 8px; bottom: -15px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:16px; border-bottom-left-radius: 16px;} -.small.topRightAlt .bar{bottom:-20px; width:13px; height:22px;} +.top-left.large.vertical .bar{ + left:0px; + top:calc(100% - 5px); +} +.top-left.large.vertical .block{ + border-right:0px solid transparent; + border-bottom:0px solid transparent; + border-top-left-radius:105px; + border-bottom-right-radius: 105px; + left:calc(100% - 35px); + top:-30px; +} -/*Large Elbows*/ -.elbow.large{width: 255px; height:255px;} -.elbow.large .innerRadius{width:75px; height:75px; border-width:34px;} -.elbow.large .bar{width: 75px; height: 75px; } +.top-left.large.vertical:before{bottom:4px} +.top-left.large.vertical:after{top:4px} -.large.topLeft{border-top-left-radius:160px;} -.large.topLeft .innerRadius{top: 41px; right: -75px; border-top-left-radius:104px; border-bottom-right-radius:104px; border-bottom-width:0px; border-right-width:0px;} -.large.topLeft .bar{right:-75px; } +/* Bottom Left Vertical large Elbow */ +.bottom-left.large.vertical{ + border-bottom-left-radius:160px; + text-align:right; +} + +.bottom-left.large.vertical .bar{ + left:0px; + bottom:calc(100% - 5px); +} + +.bottom-left.large.vertical .block{ + left:calc(100% - 35px); + bottom:-30px; + border-right:0px solid transparent; + border-top:0px solid transparent; + border-bottom-left-radius:105px; + border-top-right-radius: 105px; +} -.large.topRight{border-top-right-radius:160px;} -.large.topRight .innerRadius{top: 41px; left: -75px; border-top-right-radius:104px; border-bottom-left-radius:104px; border-bottom-width:0px; border-left-width:0px;} -.large.topRight .bar{left:-75px;} -.large.bottomLeft{border-bottom-left-radius:160px;} -.large.bottomLeft .innerRadius{bottom: 41px; right: -75px; border-bottom-left-radius:104px; border-top-right-radius: 104px; border-top-width:0px; border-right-width:0px;} -.large.bottomLeft .bar{right:-75px;} +.bottom-left.large.vertical:before{bottom:4px} +.bottom-left.large.vertical:after{top:4px} -.large.bottomRight{border-bottom-right-radius:160px;} -.large.bottomRight .innerRadius{bottom: 41px; left: -75px; border-bottom-right-radius:104px; border-top-left-radius: 104px; border-top-width:0px; border-left-width:0px;} -.large.bottomRight .bar{left:-75px;} +/* Bottom Right Vertical large Elbow */ +.bottom-right.large.vertical{ + border-bottom-right-radius:160px; +} +.bottom-right.large.vertical .bar{ + right:0px; + bottom:calc(100% - 5px); +} -.large.bottomLeftAlt{border-bottom-left-radius:160px;} -.large.bottomLeftAlt .innerRadius{left: 41px; top: -75px; border-right:0px solid transparent; border-top:0px solid transparent; border-bottom-left-radius:104px; border-top-right-radius: 104px;} -.large.bottomLeftAlt .bar{top:-75px;} +.bottom-right.large.vertical .block{ + right:calc(100% - 35px); + bottom:-30px; + border-left:0px solid transparent; + border-top:0px solid transparent; + border-bottom-right-radius:105px; + border-top-left-radius: 105px; +} -.large.bottomRightAlt{border-bottom-right-radius:160px; } -.large.bottomRightAlt .innerRadius{right: 41px; top: -75px; border-left:0px solid transparent; border-top:0px solid transparent; border-bottom-right-radius:104px; border-top-left-radius: 104px;} -.large.bottomRightAlt .bar{top:-75px;} +.bottom-right.large.vertical:before{bottom:4px} +.bottom-right.large.vertical:after{top:4px} -.large.topLeftAlt{border-top-left-radius:160px;} -.large.topLeftAlt .innerRadius{left: 41px; bottom: -75px; border-right:0px solid transparent; border-bottom:0px solid transparent;border-top-left-radius:104px; border-bottom-right-radius: 104px;} -.large.topLeftAlt .bar{bottom:-75px;} -.large.topRightAlt{border-top-right-radius:160px;} -.large.topRightAlt .innerRadius{right: 41px; bottom: -75px; border-left:0px solid transparent; border-bottom:0px solid transparent; border-top-right-radius:104px; border-bottom-left-radius: 104px;} -.large.topRightAlt .bar{bottom:-75px; } +/* ============================================================================= + Columns + ========================================================================== */ +.column{min-height:60px;} +.column > * { + width:100%; + position:relative; + margin-top:5px; + min-width:100%; +} -/* Column-Row Stacks */ -.column{overflow:hidden;} -.column>*{width:100%; position:relative; margin-top:5px;} -.column.flexv>.complexButton>*{height:auto;} -.column>*:first-child{margin-top:0px;} +.column.flexv > .complexButton > * {height:auto;} +.column > *:first-child{margin-top:0px;} -.row{overflow:hidden;} -.row>*{min-width:30px; min-height:inherit; position:relative; margin-left:5px; } -.row>*:first-child{margin-left:0px;} +/* ============================================================================= + Rows + ========================================================================== */ + +.row{ + min-height:30px; + display: flex; + flex-direction:row; +} + +.row > *{ + min-width:30px; + min-height:inherit; + max-height:inherit; + position:relative; + margin-left:5px; +} + +.row > *:first-child{margin-left:0px;} +/* ============================================================================= + Disabled State + ========================================================================== */ +.disabled{ + background-color:#666666 !important; + border-color:#666666 !important; + pointer-events:none; + -webkit-animation:none !important; + animation:none!important; + cursor:default; +} -/*Basic States*/ -.disabled{background-color:#505050 !important; border-color:#505050 !important; pointer-events:none; -webkit-animation:none !important; animation:none!important; cursor:default;} .disabled.complexButton{background-color:transparent !important;} -.disabled.complexButton :not(.numericBlock){background-color:#505050 !important; -webkit-animation:none !important; animation:none !important;} +.disabled.complexButton *:not(.text){ + background-color:#505050 !important; + -webkit-animation:none !important; + animation:none !important; +} + + +/* ============================================================================= + Animated States + ========================================================================== */ + +.blink:not(.complexButton){ + -webkit-animation: blink 1.25s step-end infinite; + animation: blink 1.25s step-end infinite; +} + +.blink.complexButton :not(.text){ + -webkit-animation: blink 1.25s step-end infinite; + animation: blink 1.25s step-end infinite; +} -.blink:not(.complexButton){ -webkit-animation: blink 1.25s step-end infinite; animation: blink 1.25s step-end infinite;} -.blink.complexButton :not(.numericBlock){ -webkit-animation: blink 1.25s step-end infinite; animation: blink 1.25s step-end infinite;} @-webkit-keyframes blink { from, to { } 50% {background-color:transparent; color:transparent; border-color:transparent;} } + @keyframes blink { from, to { } 50% {background-color:transparent; color:transparent; border-color:transparent;} } -.darkRed2LightRed:not(.complexButton){ -webkit-animation: darkRed2LightRed 1.5s step-end infinite !important; animation: darkRed2LightRed 1.5s step-end infinite !important; } -.darkRed2LightRed.complexButton :not(.numericBlock){ -webkit-animation: darkRed2LightRed 1.5s step-end infinite !important; animation: darkRed2LightRed 1.5s step-end infinite !important; } +.darkRed2LightRed:not(.complexButton){ + -webkit-animation: darkRed2LightRed 1.5s step-end infinite !important; + animation: darkRed2LightRed 1.5s step-end infinite !important; +} + +.darkRed2LightRed.complexButton :not(.text){ + -webkit-animation: darkRed2LightRed 1.5s step-end infinite !important; + animation: darkRed2LightRed 1.5s step-end infinite !important; +} + @-webkit-keyframes darkRed2LightRed { from, to { background-color:#990000; border-color:#990000;} 50% {background-color:#FF0000; border-color:#FF0000;} } + @keyframes darkRed2LightRed { from, to { background-color:#990000; border-color:#990000;} 50% {background-color:#FF0000; border-color:#FF0000;} } -.whiteFlash:not(.complexButton){ -webkit-animation: whiteFlash 1.25s step-end infinite; animation: whiteFlash 1.25s step-end infinite;} -.whiteFlash.complexButton :not(.numericBlock){ -webkit-animation: whiteFlash 1.25s step-end infinite; animation: whiteFlash 1.25s step-end infinite;} +.whiteFlash:not(.complexButton){ + -webkit-animation: whiteFlash 1.25s step-end infinite; + animation: whiteFlash 1.25s step-end infinite; +} + +.whiteFlash.complexButton :not(.text){ + -webkit-animation: whiteFlash 1.25s step-end infinite; + animation: whiteFlash 1.25s step-end infinite; +} + @-webkit-keyframes whiteFlash { from, to { } 50% {background-color:#ffffff; color:#ffffff;} } + @keyframes whiteFlash { from, to { } 50% {background-color:#ffffff; color:#ffffff;} } -.darkRedBlink:not(.complexButton){ -webkit-animation: darkRedBlink 2.5s step-end infinite !important; animation: darkRedBlink 2.5s step-end infinite !important; pointer-events:none;} -.darkRedBlink.complexButton :not(.numericBlock){ -webkit-animation: darkRedBlink 2.5s step-end infinite !important; animation: darkRedBlink 2.5s step-end infinite !important; pointer-events:none;} +.darkRedBlink:not(.complexButton){ + -webkit-animation: darkRedBlink 2.5s step-end infinite !important; + animation: darkRedBlink 2.5s step-end infinite !important; + pointer-events:none; +} + +.darkRedBlink.complexButton :not(.text){ + -webkit-animation: darkRedBlink 2.5s step-end infinite !important; + animation: darkRedBlink 2.5s step-end infinite !important; + pointer-events:none; +} + @-webkit-keyframes darkRedBlink { from, to { background-color:#990000; border-color:#990000;} 50% {background-color:transparent; border-color:transparent;} } + @keyframes darkRedBlink { from, to { background-color:#990000; border-color:#990000;} 50% {background-color:transparent; border-color:transparent;} } +/* ============================================================================= + Single State + ========================================================================== */ -/*Single Class States hanlding visibility, motion and event interaction*/ -.hidden{-webkit-transform:translate3d(99999px,0,0); transform:translate3d(99999px,0,0); -webkit-animation:none !important; animation:none !important;} -.hidden *{ -webkit-animation:none !important; animation:none !important; -webkit-transition:none; transition:none !important;} -.fade{opacity:0; -webkit-transition:opacity .25s linear; transition:opacity .25s linear;} -.noEvent{pointer-events:none;} -.noTransition, .noTransition *{-webkit-transition:none !important; transition:none !important; -webkit-animation:none !important; animation:none !important;} +.hidden{ + visiblity:hidden; + -webkit-animation:none !important; + animation:none !important; + pointer-events:none; +} +.hidden *{ + -webkit-animation:none !important; + animation:none !important; + -webkit-transition:none; + transition:none !important; +} +.fade{ + opacity:0; + -webkit-transition:opacity .25s linear; + transition:opacity .25s linear; +} -/* Default Color - All colors should come after Active States and Animations.*/ -.grey>.bar, .grey>.block, .grey>.button, .grey>.cap{background-color:#505050; border-color:#505050;} -.white>.bar, .white>.block, .white>.button, .white>.cap{background-color:#ffffff; border-color:#ffffff;} -.transparent>.bar, .transparent>.block, .transparent>.button, .transparent>.cap{background-color:transparent; border-color:transparent;} +.no-event{pointer-events:none;} -.grey:not(.complexButton){background-color:#505050; border-color:#505050;} -.white:not(.complexButton){background-color:#ffffff; border-color:#ffffff;} -.transparent:not(.complexButton){background-color:transparent; border-color:transparent;} +.no-transition, +.no-transition *{ + -webkit-transition:none !important; + transition:none !important; + -webkit-animation:none !important; + animation:none !important; +} +/* ============================================================================= + Basic Color + ========================================================================== */ + +[class*="bg-"] > *{ + background-color:#cccccc; + border-color:#cccccc; +} + diff --git a/lcarssdk/css/sdktemplates.css b/lcarssdk/css/sdktemplates.css deleted file mode 100644 index 2c59a05..0000000 --- a/lcarssdk/css/sdktemplates.css +++ /dev/null @@ -1,178 +0,0 @@ -/** LCARS SDK 15088.21 -* This file is a part of the LCARS SDK. -* https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md -* For more information please go to http://www.lcarssdk.org. -**/ - -/* Bracket Template Type A*/ -.sdk.bracket.typeA{position:relative;} -.sdk.bracket.typeA > .elbow .bar+.bar{width:8px; min-width:0px;} - -.sdk.bracket.typeA > .topLeft{top:0px; left:0px; } -.sdk.bracket.typeA > .topLeft .bar+.bar{position: absolute; top:34px; width: 8px; height: 14px; right: 0px;} -.sdk.bracket.typeA > .topRight{top:0px; right:0px; } -.sdk.bracket.typeA > .topRight .bar+.bar{position: absolute; top:34px; width: 8px; height: 14px; right: 0px; left:auto;} -.sdk.bracket.typeA > .bottomLeft{bottom:0px; left:0px; } -.sdk.bracket.typeA > .bottomLeft .bar+.bar{position: absolute; bottom:34px; width: 8px; height: 14px; right: 0px;} -.sdk.bracket.typeA > .bottomRight{bottom:0px; right:0px;} -.sdk.bracket.typeA > .bottomRight .bar+.bar{position: absolute; bottom:34px; width: 8px; height: 14px; right: 0px; left:auto;} - -.sdk.bracket.typeA .wrapper_leftColumn1 {position:absolute; top:38px; left:0px; bottom:38px; width:8px;} -.sdk.bracket.typeA .wrapper_leftColumn1 >.bar {margin-bottom:3px; position:relative; -webkit-box-flex: 1.5; flex: 1.15;} -.sdk.bracket.typeA .wrapper_leftColumn1 >.bar:nth-child(2) { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1 0 auto !important; - flex: 1; -} -.sdk.bracket.typeA .wrapper_leftColumn1 >.bar:last-child {margin-bottom:0px; } - -.sdk.bracket.typeA .wrapper_leftColumn2 {position:absolute; top:51px; left:13px; bottom:51px; width:8px;} -.sdk.bracket.typeA .wrapper_leftColumn2 >.bar {margin-bottom:3px; position:relative;} -.sdk.bracket.typeA .wrapper_leftColumn2 >.bar:nth-child(2) { - -webkit-box-flex: 2; - -moz-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2 0 auto !important; - flex: 2; -} -.sdk.bracket.typeA .wrapper_leftColumn2 >.bar:last-child {margin-bottom:0px;} - -.sdk.bracket.typeA .wrapper_leftColumn3 {position:absolute; top:38px; right:13px; bottom:38px; width:8px;} -.sdk.bracket.typeA .wrapper_leftColumn3 >.bar {margin-bottom:3px; position:relative; -webkit-box-flex: 1.5; flex: 1.15;} -.sdk.bracket.typeA .wrapper_leftColumn3 >.bar:nth-child(2) { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1 0 auto !important; - flex: 1; -} -.sdk.bracket.typeA .wrapper_leftColumn3 >.bar:last-child {margin-bottom:0px; } - -.sdk.bracket.typeA .wrapper_leftColumn4 {position:absolute; top:51px; right:0px; bottom:51px; width:8px;} -.sdk.bracket.typeA .wrapper_leftColumn4 >.bar {margin-bottom:3px; position:relative;} -.sdk.bracket.typeA .wrapper_leftColumn4 >.bar:nth-child(2) { - -webkit-box-flex: 2; - -moz-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2 0 auto !important; - flex: 2; -} -.sdk.bracket.typeA .wrapper_leftColumn4 >.bar:last-child {margin-bottom:0px;} - -.sdk.bracket.typeA>.wrapper:not(.content) .bar{width:inherit;} -.sdk.bracket.typeA>.content{position:absolute; top:38px; left:46px; bottom:38px; right:46px;} - -.sdk.bracket.typeA .wrapper_leftColumn1 .bar .bar{ -webkit-animation: bracketAnimation 5s linear infinite !important; animation: bracketAnimation 5s linear infinite !important;} -.sdk.bracket.typeA .wrapper_leftColumn3 .bar .bar{ -webkit-animation: bracketAnimationR 5s linear infinite !important; animation: bracketAnimationR 5s linear infinite !important; } - -@-webkit-keyframes bracketAnimation { - 0% { height:50%; top:25%;} - 10% { height:36%; top:42%;} - 20% { height:10%; top:80%;} - 30% { height:30%; top:15%;} - 40% { height:62%; top:21%;} - 50% { height:75%; top:2%;} - 60% { height:12%; top:53%;} - 70% { height:25%; top:25%;} - 80% { height:92%; top:3%;} - 90% { height:16%; top:26%;} - 100% { height:50%; top:25%;} -} -@keyframes bracketAnimation { - 0% { height:50%; top:25%;} - 10% { height:36%; top:42%;} - 20% { height:10%; top:80%;} - 30% { height:30%; top:15%;} - 40% { height:62%; top:21%;} - 50% { height:75%; top:2%;} - 60% { height:12%; top:53%;} - 70% { height:25%; top:25%;} - 80% { height:92%; top:3%;} - 90% { height:16%; top:26%;} - 100% { height:50%; top:25%;} -} - -@-webkit-keyframes bracketAnimationR { - 0% { height:50%; top:25%;} - 10% { height:16%; top:26%;} - 20% { height:92%; top:3%;} - 30% { height:25%; top:25%;} - 40% { height:62%; top:21%;} - 50% { height:75%; top:2%;} - 60% { height:62%; top:21%;} - 70% { height:30%; top:15%;} - 80% { height:10%; top:80%;} - 90% { height:36%; top:42%;} - 100% { height:50%; top:25%;} -} -@keyframes bracketAnimationR { - 0% { height:50%; top:25%;} - 10% { height:16%; top:26%;} - 20% { height:92%; top:3%;} - 30% { height:25%; top:25%;} - 40% { height:62%; top:21%;} - 50% { height:75%; top:2%;} - 60% { height:62%; top:21%;} - 70% { height:30%; top:15%;} - 80% { height:10%; top:80%;} - 90% { height:36%; top:42%;} - 100% { height:50%; top:25%;} -} - - - - - - - -.sdk.dialog .content > h1:not(:first-child){margin-top:20px;} - -/* Dialog Type A */ -.sdk.dialog.typeA{position:absolute; min-height:35px;} -.sdk.dialog.typeA>.wrapper>*{position:relative;} -.sdk.dialog.typeA .header, .dialog.typeA .footer{top:0px; left:0px; height:30px; right:0px;} -.sdk.dialog.typeA .footer{top:auto; bottom:0px;} -.sdk.dialog.typeA .header .bar{margin-right:10px;} -.sdk.dialog.typeA .footer .bar{margin-left:10px;} -.sdk.dialog.typeA>.content{right:35px; top:40px; left:35px; bottom:40px; overflow:hidden;} -.sdk.dialog.typeA .title{line-height: .81;} - - -/* Dialog Type B */ -.sdk.dialog.typeB{min-width:185px;} -.sdk.dialog.typeB > .block{height:60px; left:150px; top:0px;} -.sdk.dialog.typeB > .block~.block{bottom:0px; top:auto;} -.sdk.dialog.typeB > .elbow{width:95px;} -.sdk.dialog.typeB > .elbow .bar{width:45px;} -.sdk.dialog.typeB > .topLeftAlt .innerRadius, .dialog.typeB > [data-version="bottomLeftAlt"] .innerRadius{left:35px;} -.sdk.dialog.typeB > .bottomRightAlt"] .innerRadius, .dialog.typeB > [data-version="topRightAlt"] .innerRadius{right:35px;} -.sdk.dialog.typeB > .topLeftAlt{left:50px; top:0px;} -.sdk.dialog.typeB > .topLeftAlt .bar{bottom:-65px; height:67px;} -.sdk.dialog.typeB > .bottomRightAlt{left:0px; top:520px; border-radius:0px;} -.sdk.dialog.typeB > .bottomRightAlt .bar{height:132px; top:-130px;} -.sdk.dialog.typeB > .topRightAlt{left:0px; top:520px; border-radius:0px;} -.sdk.dialog.typeB > .bottomLeftAlt{left:50px; bottom:0px;} -.sdk.dialog.typeB > .topRightAlt .bar{bottom:-107px; height:109px;} -.sdk.dialog.typeB > .scrollButton{top:130px; left:50px; height:255px; width:45px;} -.sdk.dialog.typeB>.content{right:0px; top:0px; left:180px; bottom:0px; overflow:hidden;} - -/* Dialog Type C */ -.sdk.dialog.typeC{position:absolute; min-height:35px;} -.sdk.dialog.typeC>.wrapper>*{position:relative;} -.sdk.dialog.typeC .header, .dialog.typeC .footer{top:0px; left:0px; height:60px; right:0px;} -.sdk.dialog.typeC .footer{top:auto; bottom:0px;} -.sdk.dialog.typeC .header .bar, .dialog.typeC .header .button{margin-right:10px; } -.sdk.dialog.typeC .footer .bar, .dialog.typeC .footer .button{margin-left:10px;} -.sdk.dialog.typeC>.content{right:70px; top:70px; left:70px; bottom:70px; overflow:hidden;} -.sdk.dialog.typeC .title{line-height: .80;} -.helveticaFont .sdk.dialog.typeC .title {line-height: .75;} - - -/* Dialog Type T (T for Tiny) */ -.sdk.dialog.typeT{position:absolute; min-height:35px;} -.sdk.dialog.typeT>.wrapper>*{position:relative;} -.sdk.dialog.typeT .header, .dialog.typeT .footer{top:0px; left:0px; height:8px; right:0px;} -.sdk.dialog.typeT .footer{top:auto; bottom:0px;} -.sdk.dialog.typeT>.content{right:13px; top:13px; left:13px; bottom:13px; overflow:hidden; justify-content: center;} \ No newline at end of file diff --git a/lcarssdk/js/arrive.js b/lcarssdk/js/arrive.js index 5fec772..3430483 100644 --- a/lcarssdk/js/arrive.js +++ b/lcarssdk/js/arrive.js @@ -1,18 +1,10 @@ /* * arrive.js - * v2.1.0 + * v2.3.1 * https://github.com/uzairfarooq/arrive * MIT licensed * - * Copyright (c) 2014-2015 Uzair Farooq + * Copyright (c) 2014-2016 Uzair Farooq */ -var _arrive_unique_id_=0; -(function(n,u,p){function h(a){return a._shouldBeIgnored===p?-1!=(" "+a.className+" ").indexOf(" ignore-arrive ")?a._shouldBeIgnored=!0:null==a.parentNode?a._shouldBeIgnored=!1:a._shouldBeIgnored=h(a.parentNode):a._shouldBeIgnored}function q(a,c,e){for(var d=0,b;b=a[d];d++)h(b)||(f.matchesSelector(b,c.selector)&&(b._id===p&&(b._id=_arrive_unique_id_++),-1==c.firedElems.indexOf(b._id)&&(c.firedElems.push(b._id),e.push({callback:c.callback,elem:b}))),00&&e.checkChildNodesRecursively(g.childNodes,b,c,d)},mergeArrays:function(a,b){var d,c={};for(d in a)c[d]=a[d];for(d in b)c[d]=b[d];return c},toElementsArray:function(b){return"undefined"==typeof b||"number"==typeof b.length&&b!==a||(b=[b]),b}}}(),f=function(){var a=function(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null};return a.prototype.addEvent=function(a,b,c,d){var e={target:a,selector:b,options:c,callback:d,firedElems:[]};return this._beforeAdding&&this._beforeAdding(e),this._eventsBucket.push(e),e},a.prototype.removeEvent=function(a){for(var c,b=this._eventsBucket.length-1;c=this._eventsBucket[b];b--)a(c)&&(this._beforeRemoving&&this._beforeRemoving(c),this._eventsBucket.splice(b,1))},a.prototype.beforeAdding=function(a){this._beforeAdding=a},a.prototype.beforeRemoving=function(a){this._beforeRemoving=a},a}(),g=function(b,d){var g=new f,h=this,i={fireOnAttributesModification:!1};return g.beforeAdding(function(c){var i,e=c.target;c.selector,c.callback;(e===a.document||e===a)&&(e=document.getElementsByTagName("html")[0]),i=new MutationObserver(function(a){d.call(this,a,c)});var j=b(c.options);i.observe(e,j),c.observer=i,c.me=h}),g.beforeRemoving(function(a){a.observer.disconnect()}),this.bindEvent=function(a,b,c){b=e.mergeArrays(i,b);for(var d=e.toElementsArray(this),f=0;f0?e.checkChildNodesRecursively(c,b,k,f):"attributes"===a.type&&k(d,b,f)&&f.push({callback:b.callback,elem:node}),e.callCallbacks(f)})}function k(a,b,f){if(e.matchesSelector(a,b.selector)&&(a._id===c&&(a._id=d++),-1==b.firedElems.indexOf(a._id))){if(b.options.onceOnly){if(0!==b.firedElems.length)return;b.me.unbindEventWithSelectorAndCallback.call(b.target,b.selector,b.callback)}b.firedElems.push(a._id),f.push({callback:b.callback,elem:a})}}var f={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};j=new g(h,i);var l=j.bindEvent;return j.bindEvent=function(a,b,c){"undefined"==typeof c?(c=b,b=f):b=e.mergeArrays(f,b);var d=e.toElementsArray(this);if(b.existing){for(var g=[],h=0;h0&&e.checkChildNodesRecursively(c,b,h,f),e.callCallbacks(f)})}function h(a,b){return e.matchesSelector(a,b.selector)}var c={};k=new g(d,f);var i=k.bindEvent;return k.bindEvent=function(a,b,d){"undefined"==typeof d?(d=b,b=c):b=e.mergeArrays(c,b),i.call(this,a,b,d)},k},j=new h,k=new i;b&&m(b.fn),m(HTMLElement.prototype),m(NodeList.prototype),m(HTMLCollection.prototype),m(HTMLDocument.prototype),m(Window.prototype);var n={};return l(j,n,"unbindAllArrive"),l(k,n,"unbindAllLeave"),n}}(window,"undefined"==typeof jQuery?null:jQuery,void 0); \ No newline at end of file diff --git a/lcarssdk/js/jquery.js b/lcarssdk/js/jquery.js new file mode 100644 index 0000000..b8c4187 --- /dev/null +++ b/lcarssdk/js/jquery.js @@ -0,0 +1,4 @@ +/*! jQuery v2.2.3 | (c) jQuery Foundation | jquery.org/license */ +!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.3",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c; +}catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length",""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,la=/\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("