removed semantic-ui and other unused libraries loading the home page is now only a single HTTP requestpull/39/head
| @ -1,4 +0,0 @@ | |||
| jquery@1.11.3_2 | |||
| meteor@1.1.6 | |||
| semantic:ui-css@2.0.7 | |||
| underscore@1.0.3 | |||
| @ -1,255 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Accordion | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2015 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */ | |||
| /******************************* | |||
| Accordion | |||
| *******************************/ | |||
| .ui.accordion, | |||
| .ui.accordion .accordion { | |||
| max-width: 100%; | |||
| } | |||
| .ui.accordion .accordion { | |||
| margin: 1em 0em 0em; | |||
| padding: 0em; | |||
| } | |||
| /* Title */ | |||
| .ui.accordion .title, | |||
| .ui.accordion .accordion .title { | |||
| cursor: pointer; | |||
| } | |||
| /* Default Styling */ | |||
| .ui.accordion .title:not(.ui) { | |||
| padding: 0.5em 0em; | |||
| font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; | |||
| font-size: 1em; | |||
| color: rgba(0, 0, 0, 0.87); | |||
| } | |||
| /* Content */ | |||
| .ui.accordion .title ~ .content, | |||
| .ui.accordion .accordion .title ~ .content { | |||
| display: none; | |||
| } | |||
| /* Default Styling */ | |||
| .ui.accordion:not(.styled) .title ~ .content:not(.ui), | |||
| .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { | |||
| margin: ''; | |||
| padding: 0.5em 0em 1em; | |||
| } | |||
| .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { | |||
| padding-bottom: 0em; | |||
| } | |||
| /* Arrow */ | |||
| .ui.accordion .title .dropdown.icon, | |||
| .ui.accordion .accordion .title .dropdown.icon { | |||
| display: inline-block; | |||
| float: none; | |||
| opacity: 1; | |||
| width: 1.25em; | |||
| height: 1em; | |||
| margin: 0em 0.25rem 0em 0rem; | |||
| padding: 0em; | |||
| font-size: 1em; | |||
| -webkit-transition: -webkit-transform 0.1s ease, opacity 0.1s ease; | |||
| transition: transform 0.1s ease, opacity 0.1s ease; | |||
| vertical-align: baseline; | |||
| -webkit-transform: none; | |||
| -ms-transform: none; | |||
| transform: none; | |||
| } | |||
| /*-------------- | |||
| Coupling | |||
| ---------------*/ | |||
| /* Menu */ | |||
| .ui.accordion.menu .item .title { | |||
| display: block; | |||
| padding: 0em; | |||
| } | |||
| .ui.accordion.menu .item .title > .dropdown.icon { | |||
| float: right; | |||
| margin: 0.21425em 0em 0em 1em; | |||
| -webkit-transform: rotate(180deg); | |||
| -ms-transform: rotate(180deg); | |||
| transform: rotate(180deg); | |||
| } | |||
| /* Header */ | |||
| .ui.accordion .ui.header .dropdown.icon { | |||
| font-size: 1em; | |||
| margin: 0em 0.25rem 0em 0rem; | |||
| } | |||
| /******************************* | |||
| States | |||
| *******************************/ | |||
| .ui.accordion .active.title .dropdown.icon, | |||
| .ui.accordion .accordion .active.title .dropdown.icon { | |||
| -webkit-transform: rotate(90deg); | |||
| -ms-transform: rotate(90deg); | |||
| transform: rotate(90deg); | |||
| } | |||
| .ui.accordion.menu .item .active.title > .dropdown.icon { | |||
| -webkit-transform: rotate(90deg); | |||
| -ms-transform: rotate(90deg); | |||
| transform: rotate(90deg); | |||
| } | |||
| /******************************* | |||
| Types | |||
| *******************************/ | |||
| /*-------------- | |||
| Styled | |||
| ---------------*/ | |||
| .ui.styled.accordion { | |||
| width: 600px; | |||
| } | |||
| .ui.styled.accordion, | |||
| .ui.styled.accordion .accordion { | |||
| border-radius: 0.28571429rem; | |||
| background: #ffffff; | |||
| box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); | |||
| } | |||
| .ui.styled.accordion .title, | |||
| .ui.styled.accordion .accordion .title { | |||
| margin: 0em; | |||
| padding: 0.75em 1em; | |||
| color: rgba(0, 0, 0, 0.4); | |||
| font-weight: bold; | |||
| border-top: 1px solid rgba(34, 36, 38, 0.15); | |||
| -webkit-transition: background 0.1s ease, color 0.1s ease; | |||
| transition: background 0.1s ease, color 0.1s ease; | |||
| } | |||
| .ui.styled.accordion > .title:first-child, | |||
| .ui.styled.accordion .accordion .title:first-child { | |||
| border-top: none; | |||
| } | |||
| /* Content */ | |||
| .ui.styled.accordion .content, | |||
| .ui.styled.accordion .accordion .content { | |||
| margin: 0em; | |||
| padding: 0.5em 1em 1.5em; | |||
| } | |||
| .ui.styled.accordion .accordion .content { | |||
| padding: 0em; | |||
| padding: 0.5em 1em 1.5em; | |||
| } | |||
| /* Hover */ | |||
| .ui.styled.accordion .title:hover, | |||
| .ui.styled.accordion .active.title, | |||
| .ui.styled.accordion .accordion .title:hover, | |||
| .ui.styled.accordion .accordion .active.title { | |||
| background: transparent; | |||
| color: rgba(0, 0, 0, 0.87); | |||
| } | |||
| .ui.styled.accordion .accordion .title:hover, | |||
| .ui.styled.accordion .accordion .active.title { | |||
| background: transparent; | |||
| color: rgba(0, 0, 0, 0.87); | |||
| } | |||
| /* Active */ | |||
| .ui.styled.accordion .active.title { | |||
| background: transparent; | |||
| color: rgba(0, 0, 0, 0.95); | |||
| } | |||
| .ui.styled.accordion .accordion .active.title { | |||
| background: transparent; | |||
| color: rgba(0, 0, 0, 0.95); | |||
| } | |||
| /******************************* | |||
| States | |||
| *******************************/ | |||
| /*-------------- | |||
| Active | |||
| ---------------*/ | |||
| .ui.accordion .active.content, | |||
| .ui.accordion .accordion .active.content { | |||
| display: block; | |||
| } | |||
| /******************************* | |||
| Variations | |||
| *******************************/ | |||
| /*-------------- | |||
| Fluid | |||
| ---------------*/ | |||
| .ui.fluid.accordion, | |||
| .ui.fluid.accordion .accordion { | |||
| width: 100%; | |||
| } | |||
| /*-------------- | |||
| Inverted | |||
| ---------------*/ | |||
| .ui.inverted.accordion .title:not(.ui) { | |||
| color: rgba(255, 255, 255, 0.9); | |||
| } | |||
| /******************************* | |||
| Theme Overrides | |||
| *******************************/ | |||
| @font-face { | |||
| font-family: 'Accordion'; | |||
| src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); | |||
| font-weight: normal; | |||
| font-style: normal; | |||
| } | |||
| /* Dropdown Icon */ | |||
| .ui.accordion .title .dropdown.icon, | |||
| .ui.accordion .accordion .title .dropdown.icon { | |||
| font-family: Accordion; | |||
| line-height: 1; | |||
| -webkit-backface-visibility: hidden; | |||
| backface-visibility: hidden; | |||
| font-weight: normal; | |||
| font-style: normal; | |||
| text-align: center; | |||
| } | |||
| .ui.accordion .title .dropdown.icon:before, | |||
| .ui.accordion .accordion .title .dropdown.icon:before { | |||
| content: '\f0da' /*rtl:'\f0d9'*/; | |||
| } | |||
| /******************************* | |||
| User Overrides | |||
| *******************************/ | |||
| @ -1,592 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Accordion | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2015 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */ | |||
| ;(function ($, window, document, undefined) { | |||
| "use strict"; | |||
| $.fn.accordion = function(parameters) { | |||
| var | |||
| $allModules = $(this), | |||
| time = new Date().getTime(), | |||
| performance = [], | |||
| query = arguments[0], | |||
| methodInvoked = (typeof query == 'string'), | |||
| queryArguments = [].slice.call(arguments, 1), | |||
| requestAnimationFrame = window.requestAnimationFrame | |||
| || window.mozRequestAnimationFrame | |||
| || window.webkitRequestAnimationFrame | |||
| || window.msRequestAnimationFrame | |||
| || function(callback) { setTimeout(callback, 0); }, | |||
| returnedValue | |||
| ; | |||
| $allModules | |||
| .each(function() { | |||
| var | |||
| settings = ( $.isPlainObject(parameters) ) | |||
| ? $.extend(true, {}, $.fn.accordion.settings, parameters) | |||
| : $.extend({}, $.fn.accordion.settings), | |||
| className = settings.className, | |||
| namespace = settings.namespace, | |||
| selector = settings.selector, | |||
| error = settings.error, | |||
| eventNamespace = '.' + namespace, | |||
| moduleNamespace = 'module-' + namespace, | |||
| moduleSelector = $allModules.selector || '', | |||
| $module = $(this), | |||
| $title = $module.find(selector.title), | |||
| $content = $module.find(selector.content), | |||
| element = this, | |||
| instance = $module.data(moduleNamespace), | |||
| observer, | |||
| module | |||
| ; | |||
| module = { | |||
| initialize: function() { | |||
| module.debug('Initializing', $module); | |||
| module.bind.events(); | |||
| module.observeChanges(); | |||
| module.instantiate(); | |||
| }, | |||
| instantiate: function() { | |||
| instance = module; | |||
| $module | |||
| .data(moduleNamespace, module) | |||
| ; | |||
| }, | |||
| destroy: function() { | |||
| module.debug('Destroying previous instance', $module); | |||
| $module | |||
| .off(eventNamespace) | |||
| .removeData(moduleNamespace) | |||
| ; | |||
| }, | |||
| refresh: function() { | |||
| $title = $module.find(selector.title); | |||
| $content = $module.find(selector.content); | |||
| }, | |||
| observeChanges: function() { | |||
| if('MutationObserver' in window) { | |||
| observer = new MutationObserver(function(mutations) { | |||
| module.debug('DOM tree modified, updating selector cache'); | |||
| module.refresh(); | |||
| }); | |||
| observer.observe(element, { | |||
| childList : true, | |||
| subtree : true | |||
| }); | |||
| module.debug('Setting up mutation observer', observer); | |||
| } | |||
| }, | |||
| bind: { | |||
| events: function() { | |||
| module.debug('Binding delegated events'); | |||
| $module | |||
| .on(settings.on + eventNamespace, selector.trigger, module.event.click) | |||
| ; | |||
| } | |||
| }, | |||
| event: { | |||
| click: function() { | |||
| module.toggle.call(this); | |||
| } | |||
| }, | |||
| toggle: function(query) { | |||
| var | |||
| $activeTitle = (query !== undefined) | |||
| ? (typeof query === 'number') | |||
| ? $title.eq(query) | |||
| : $(query).closest(selector.title) | |||
| : $(this).closest(selector.title), | |||
| $activeContent = $activeTitle.next($content), | |||
| isAnimating = $activeContent.hasClass(className.animating), | |||
| isActive = $activeContent.hasClass(className.active), | |||
| isOpen = (isActive && !isAnimating), | |||
| isOpening = (!isActive && isAnimating) | |||
| ; | |||
| module.debug('Toggling visibility of content', $activeTitle); | |||
| if(isOpen || isOpening) { | |||
| if(settings.collapsible) { | |||
| module.close.call($activeTitle); | |||
| } | |||
| else { | |||
| module.debug('Cannot close accordion content collapsing is disabled'); | |||
| } | |||
| } | |||
| else { | |||
| module.open.call($activeTitle); | |||
| } | |||
| }, | |||
| open: function(query) { | |||
| var | |||
| $activeTitle = (query !== undefined) | |||
| ? (typeof query === 'number') | |||
| ? $title.eq(query) | |||
| : $(query).closest(selector.title) | |||
| : $(this).closest(selector.title), | |||
| $activeContent = $activeTitle.next($content), | |||
| isAnimating = $activeContent.hasClass(className.animating), | |||
| isActive = $activeContent.hasClass(className.active), | |||
| isOpen = (isActive || isAnimating) | |||
| ; | |||
| if(isOpen) { | |||
| module.debug('Accordion already open, skipping', $activeContent); | |||
| return; | |||
| } | |||
| module.debug('Opening accordion content', $activeTitle); | |||
| settings.onOpening.call($activeContent); | |||
| if(settings.exclusive) { | |||
| module.closeOthers.call($activeTitle); | |||
| } | |||
| $activeTitle | |||
| .addClass(className.active) | |||
| ; | |||
| $activeContent | |||
| .stop(true, true) | |||
| .addClass(className.animating) | |||
| ; | |||
| if(settings.animateChildren) { | |||
| if($.fn.transition !== undefined && $module.transition('is supported')) { | |||
| $activeContent | |||
| .children() | |||
| .transition({ | |||
| animation : 'fade in', | |||
| queue : false, | |||
| useFailSafe : true, | |||
| debug : settings.debug, | |||
| verbose : settings.verbose, | |||
| duration : settings.duration | |||
| }) | |||
| ; | |||
| } | |||
| else { | |||
| $activeContent | |||
| .children() | |||
| .stop(true, true) | |||
| .animate({ | |||
| opacity: 1 | |||
| }, settings.duration, module.resetOpacity) | |||
| ; | |||
| } | |||
| } | |||
| $activeContent | |||
| .slideDown(settings.duration, settings.easing, function() { | |||
| $activeContent | |||
| .removeClass(className.animating) | |||
| .addClass(className.active) | |||
| ; | |||
| module.reset.display.call(this); | |||
| settings.onOpen.call(this); | |||
| settings.onChange.call(this); | |||
| }) | |||
| ; | |||
| }, | |||
| close: function(query) { | |||
| var | |||
| $activeTitle = (query !== undefined) | |||
| ? (typeof query === 'number') | |||
| ? $title.eq(query) | |||
| : $(query).closest(selector.title) | |||
| : $(this).closest(selector.title), | |||
| $activeContent = $activeTitle.next($content), | |||
| isAnimating = $activeContent.hasClass(className.animating), | |||
| isActive = $activeContent.hasClass(className.active), | |||
| isOpening = (!isActive && isAnimating), | |||
| isClosing = (isActive && isAnimating) | |||
| ; | |||
| if((isActive || isOpening) && !isClosing) { | |||
| module.debug('Closing accordion content', $activeContent); | |||
| settings.onClosing.call($activeContent); | |||
| $activeTitle | |||
| .removeClass(className.active) | |||
| ; | |||
| $activeContent | |||
| .stop(true, true) | |||
| .addClass(className.animating) | |||
| ; | |||
| if(settings.animateChildren) { | |||
| if($.fn.transition !== undefined && $module.transition('is supported')) { | |||
| $activeContent | |||
| .children() | |||
| .transition({ | |||
| animation : 'fade out', | |||
| queue : false, | |||
| useFailSafe : true, | |||
| debug : settings.debug, | |||
| verbose : settings.verbose, | |||
| duration : settings.duration | |||
| }) | |||
| ; | |||
| } | |||
| else { | |||
| $activeContent | |||
| .children() | |||
| .stop(true, true) | |||
| .animate({ | |||
| opacity: 0 | |||
| }, settings.duration, module.resetOpacity) | |||
| ; | |||
| } | |||
| } | |||
| $activeContent | |||
| .slideUp(settings.duration, settings.easing, function() { | |||
| $activeContent | |||
| .removeClass(className.animating) | |||
| .removeClass(className.active) | |||
| ; | |||
| module.reset.display.call(this); | |||
| settings.onClose.call(this); | |||
| settings.onChange.call(this); | |||
| }) | |||
| ; | |||
| } | |||
| }, | |||
| closeOthers: function(index) { | |||
| var | |||
| $activeTitle = (index !== undefined) | |||
| ? $title.eq(index) | |||
| : $(this).closest(selector.title), | |||
| $parentTitles = $activeTitle.parents(selector.content).prev(selector.title), | |||
| $activeAccordion = $activeTitle.closest(selector.accordion), | |||
| activeSelector = selector.title + '.' + className.active + ':visible', | |||
| activeContent = selector.content + '.' + className.active + ':visible', | |||
| $openTitles, | |||
| $nestedTitles, | |||
| $openContents | |||
| ; | |||
| if(settings.closeNested) { | |||
| $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); | |||
| $openContents = $openTitles.next($content); | |||
| } | |||
| else { | |||
| $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); | |||
| $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles); | |||
| $openTitles = $openTitles.not($nestedTitles); | |||
| $openContents = $openTitles.next($content); | |||
| } | |||
| if( ($openTitles.length > 0) ) { | |||
| module.debug('Exclusive enabled, closing other content', $openTitles); | |||
| $openTitles | |||
| .removeClass(className.active) | |||
| ; | |||
| $openContents | |||
| .removeClass(className.animating) | |||
| .stop(true, true) | |||
| ; | |||
| if(settings.animateChildren) { | |||
| if($.fn.transition !== undefined && $module.transition('is supported')) { | |||
| $openContents | |||
| .children() | |||
| .transition({ | |||
| animation : 'fade out', | |||
| useFailSafe : true, | |||
| debug : settings.debug, | |||
| verbose : settings.verbose, | |||
| duration : settings.duration | |||
| }) | |||
| ; | |||
| } | |||
| else { | |||
| $openContents | |||
| .children() | |||
| .stop(true, true) | |||
| .animate({ | |||
| opacity: 0 | |||
| }, settings.duration, module.resetOpacity) | |||
| ; | |||
| } | |||
| } | |||
| $openContents | |||
| .slideUp(settings.duration , settings.easing, function() { | |||
| $(this).removeClass(className.active); | |||
| module.reset.display.call(this); | |||
| }) | |||
| ; | |||
| } | |||
| }, | |||
| reset: { | |||
| display: function() { | |||
| module.verbose('Removing inline display from element', this); | |||
| $(this).css('display', ''); | |||
| if( $(this).attr('style') === '') { | |||
| $(this) | |||
| .attr('style', '') | |||
| .removeAttr('style') | |||
| ; | |||
| } | |||
| }, | |||
| opacity: function() { | |||
| module.verbose('Removing inline opacity from element', this); | |||
| $(this).css('opacity', ''); | |||
| if( $(this).attr('style') === '') { | |||
| $(this) | |||
| .attr('style', '') | |||
| .removeAttr('style') | |||
| ; | |||
| } | |||
| }, | |||
| }, | |||
| setting: function(name, value) { | |||
| module.debug('Changing setting', name, value); | |||
| if( $.isPlainObject(name) ) { | |||
| $.extend(true, settings, name); | |||
| } | |||
| else if(value !== undefined) { | |||
| settings[name] = value; | |||
| } | |||
| else { | |||
| return settings[name]; | |||
| } | |||
| }, | |||
| internal: function(name, value) { | |||
| module.debug('Changing internal', name, value); | |||
| if(value !== undefined) { | |||
| if( $.isPlainObject(name) ) { | |||
| $.extend(true, module, name); | |||
| } | |||
| else { | |||
| module[name] = value; | |||
| } | |||
| } | |||
| else { | |||
| return module[name]; | |||
| } | |||
| }, | |||
| debug: function() { | |||
| if(settings.debug) { | |||
| if(settings.performance) { | |||
| module.performance.log(arguments); | |||
| } | |||
| else { | |||
| module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); | |||
| module.debug.apply(console, arguments); | |||
| } | |||
| } | |||
| }, | |||
| verbose: function() { | |||
| if(settings.verbose && settings.debug) { | |||
| if(settings.performance) { | |||
| module.performance.log(arguments); | |||
| } | |||
| else { | |||
| module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); | |||
| module.verbose.apply(console, arguments); | |||
| } | |||
| } | |||
| }, | |||
| error: function() { | |||
| module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); | |||
| module.error.apply(console, arguments); | |||
| }, | |||
| performance: { | |||
| log: function(message) { | |||
| var | |||
| currentTime, | |||
| executionTime, | |||
| previousTime | |||
| ; | |||
| if(settings.performance) { | |||
| currentTime = new Date().getTime(); | |||
| previousTime = time || currentTime; | |||
| executionTime = currentTime - previousTime; | |||
| time = currentTime; | |||
| performance.push({ | |||
| 'Name' : message[0], | |||
| 'Arguments' : [].slice.call(message, 1) || '', | |||
| 'Element' : element, | |||
| 'Execution Time' : executionTime | |||
| }); | |||
| } | |||
| clearTimeout(module.performance.timer); | |||
| module.performance.timer = setTimeout(module.performance.display, 500); | |||
| }, | |||
| display: function() { | |||
| var | |||
| title = settings.name + ':', | |||
| totalTime = 0 | |||
| ; | |||
| time = false; | |||
| clearTimeout(module.performance.timer); | |||
| $.each(performance, function(index, data) { | |||
| totalTime += data['Execution Time']; | |||
| }); | |||
| title += ' ' + totalTime + 'ms'; | |||
| if(moduleSelector) { | |||
| title += ' \'' + moduleSelector + '\''; | |||
| } | |||
| if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { | |||
| console.groupCollapsed(title); | |||
| if(console.table) { | |||
| console.table(performance); | |||
| } | |||
| else { | |||
| $.each(performance, function(index, data) { | |||
| console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); | |||
| }); | |||
| } | |||
| console.groupEnd(); | |||
| } | |||
| performance = []; | |||
| } | |||
| }, | |||
| invoke: function(query, passedArguments, context) { | |||
| var | |||
| object = instance, | |||
| maxDepth, | |||
| found, | |||
| response | |||
| ; | |||
| passedArguments = passedArguments || queryArguments; | |||
| context = element || context; | |||
| if(typeof query == 'string' && object !== undefined) { | |||
| query = query.split(/[\. ]/); | |||
| maxDepth = query.length - 1; | |||
| $.each(query, function(depth, value) { | |||
| var camelCaseValue = (depth != maxDepth) | |||
| ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) | |||
| : query | |||
| ; | |||
| if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { | |||
| object = object[camelCaseValue]; | |||
| } | |||
| else if( object[camelCaseValue] !== undefined ) { | |||
| found = object[camelCaseValue]; | |||
| return false; | |||
| } | |||
| else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { | |||
| object = object[value]; | |||
| } | |||
| else if( object[value] !== undefined ) { | |||
| found = object[value]; | |||
| return false; | |||
| } | |||
| else { | |||
| module.error(error.method, query); | |||
| return false; | |||
| } | |||
| }); | |||
| } | |||
| if ( $.isFunction( found ) ) { | |||
| response = found.apply(context, passedArguments); | |||
| } | |||
| else if(found !== undefined) { | |||
| response = found; | |||
| } | |||
| if($.isArray(returnedValue)) { | |||
| returnedValue.push(response); | |||
| } | |||
| else if(returnedValue !== undefined) { | |||
| returnedValue = [returnedValue, response]; | |||
| } | |||
| else if(response !== undefined) { | |||
| returnedValue = response; | |||
| } | |||
| return found; | |||
| } | |||
| }; | |||
| if(methodInvoked) { | |||
| if(instance === undefined) { | |||
| module.initialize(); | |||
| } | |||
| module.invoke(query); | |||
| } | |||
| else { | |||
| if(instance !== undefined) { | |||
| instance.invoke('destroy'); | |||
| } | |||
| module.initialize(); | |||
| } | |||
| }) | |||
| ; | |||
| return (returnedValue !== undefined) | |||
| ? returnedValue | |||
| : this | |||
| ; | |||
| }; | |||
| $.fn.accordion.settings = { | |||
| name : 'Accordion', | |||
| namespace : 'accordion', | |||
| debug : false, | |||
| verbose : false, | |||
| performance : true, | |||
| on : 'click', | |||
| exclusive : true, | |||
| collapsible : true, | |||
| closeNested : false, | |||
| animateChildren : true, | |||
| duration : 350, | |||
| easing : 'easeOutQuad', | |||
| onOpening : function(){}, | |||
| onOpen : function(){}, | |||
| onClosing : function(){}, | |||
| onClose : function(){}, | |||
| onChange : function(){}, | |||
| error: { | |||
| method : 'The method you called is not defined' | |||
| }, | |||
| className : { | |||
| active : 'active', | |||
| animating : 'animating' | |||
| }, | |||
| selector : { | |||
| accordion : '.accordion', | |||
| title : '.title', | |||
| trigger : '.title', | |||
| content : '.content' | |||
| } | |||
| }; | |||
| // Adds easing | |||
| $.extend( $.easing, { | |||
| easeOutQuad: function (x, t, b, c, d) { | |||
| return -c *(t/=d)*(t-2) + b; | |||
| } | |||
| }); | |||
| })( jQuery, window , document ); | |||
| @ -1,276 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Ad | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2013 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */ | |||
| /******************************* | |||
| Advertisement | |||
| *******************************/ | |||
| .ui.ad { | |||
| display: block; | |||
| overflow: hidden; | |||
| margin: 1em 0em; | |||
| } | |||
| .ui.ad:first-child { | |||
| margin: 0em; | |||
| } | |||
| .ui.ad:last-child { | |||
| margin: 0em; | |||
| } | |||
| .ui.ad iframe { | |||
| margin: 0em; | |||
| padding: 0em; | |||
| border: none; | |||
| overflow: hidden; | |||
| } | |||
| /*-------------- | |||
| Common | |||
| ---------------*/ | |||
| /* Leaderboard */ | |||
| .ui.leaderboard.ad { | |||
| width: 728px; | |||
| height: 90px; | |||
| } | |||
| /* Medium Rectangle */ | |||
| .ui[class*="medium rectangle"].ad { | |||
| width: 300px; | |||
| height: 250px; | |||
| } | |||
| /* Large Rectangle */ | |||
| .ui[class*="large rectangle"].ad { | |||
| width: 336px; | |||
| height: 280px; | |||
| } | |||
| /* Half Page */ | |||
| .ui[class*="half page"].ad { | |||
| width: 300px; | |||
| height: 600px; | |||
| } | |||
| /*-------------- | |||
| Square | |||
| ---------------*/ | |||
| /* Square */ | |||
| .ui.square.ad { | |||
| width: 250px; | |||
| height: 250px; | |||
| } | |||
| /* Small Square */ | |||
| .ui[class*="small square"].ad { | |||
| width: 200px; | |||
| height: 200px; | |||
| } | |||
| /*-------------- | |||
| Rectangle | |||
| ---------------*/ | |||
| /* Small Rectangle */ | |||
| .ui[class*="small rectangle"].ad { | |||
| width: 180px; | |||
| height: 150px; | |||
| } | |||
| /* Vertical Rectangle */ | |||
| .ui[class*="vertical rectangle"].ad { | |||
| width: 240px; | |||
| height: 400px; | |||
| } | |||
| /*-------------- | |||
| Button | |||
| ---------------*/ | |||
| .ui.button.ad { | |||
| width: 120px; | |||
| height: 90px; | |||
| } | |||
| .ui[class*="square button"].ad { | |||
| width: 125px; | |||
| height: 125px; | |||
| } | |||
| .ui[class*="small button"].ad { | |||
| width: 120px; | |||
| height: 60px; | |||
| } | |||
| /*-------------- | |||
| Skyscrapers | |||
| ---------------*/ | |||
| /* Skyscraper */ | |||
| .ui.skyscraper.ad { | |||
| width: 120px; | |||
| height: 600px; | |||
| } | |||
| /* Wide Skyscraper */ | |||
| .ui[class*="wide skyscraper"].ad { | |||
| width: 160px; | |||
| } | |||
| /*-------------- | |||
| Banners | |||
| ---------------*/ | |||
| /* Banner */ | |||
| .ui.banner.ad { | |||
| width: 468px; | |||
| height: 60px; | |||
| } | |||
| /* Vertical Banner */ | |||
| .ui[class*="vertical banner"].ad { | |||
| width: 120px; | |||
| height: 240px; | |||
| } | |||
| /* Top Banner */ | |||
| .ui[class*="top banner"].ad { | |||
| width: 930px; | |||
| height: 180px; | |||
| } | |||
| /* Half Banner */ | |||
| .ui[class*="half banner"].ad { | |||
| width: 234px; | |||
| height: 60px; | |||
| } | |||
| /*-------------- | |||
| Boards | |||
| ---------------*/ | |||
| /* Leaderboard */ | |||
| .ui[class*="large leaderboard"].ad { | |||
| width: 970px; | |||
| height: 90px; | |||
| } | |||
| /* Billboard */ | |||
| .ui.billboard.ad { | |||
| width: 970px; | |||
| height: 250px; | |||
| } | |||
| /*-------------- | |||
| Panorama | |||
| ---------------*/ | |||
| /* Panorama */ | |||
| .ui.panorama.ad { | |||
| width: 980px; | |||
| height: 120px; | |||
| } | |||
| /*-------------- | |||
| Netboard | |||
| ---------------*/ | |||
| /* Netboard */ | |||
| .ui.netboard.ad { | |||
| width: 580px; | |||
| height: 400px; | |||
| } | |||
| /*-------------- | |||
| Mobile | |||
| ---------------*/ | |||
| /* Large Mobile Banner */ | |||
| .ui[class*="large mobile banner"].ad { | |||
| width: 320px; | |||
| height: 100px; | |||
| } | |||
| /* Mobile Leaderboard */ | |||
| .ui[class*="mobile leaderboard"].ad { | |||
| width: 320px; | |||
| height: 50px; | |||
| } | |||
| /******************************* | |||
| Types | |||
| *******************************/ | |||
| /* Mobile Sizes */ | |||
| .ui.mobile.ad { | |||
| display: none; | |||
| } | |||
| @media only screen and (max-width: 767px) { | |||
| .ui.mobile.ad { | |||
| display: block; | |||
| } | |||
| } | |||
| /******************************* | |||
| Variations | |||
| *******************************/ | |||
| .ui.centered.ad { | |||
| margin-left: auto; | |||
| margin-right: auto; | |||
| } | |||
| .ui.test.ad { | |||
| position: relative; | |||
| background: #545454; | |||
| } | |||
| .ui.test.ad:after { | |||
| position: absolute; | |||
| top: 50%; | |||
| left: 50%; | |||
| width: 100%; | |||
| text-align: center; | |||
| -webkit-transform: translateX(-50%) translateY(-50%); | |||
| -ms-transform: translateX(-50%) translateY(-50%); | |||
| transform: translateX(-50%) translateY(-50%); | |||
| content: 'Ad'; | |||
| color: #ffffff; | |||
| font-size: 1em; | |||
| font-weight: bold; | |||
| } | |||
| .ui.mobile.test.ad:after { | |||
| font-size: 0.85714286em; | |||
| } | |||
| .ui.test.ad[data-text]:after { | |||
| content: attr(data-text); | |||
| } | |||
| /******************************* | |||
| Theme Overrides | |||
| *******************************/ | |||
| /******************************* | |||
| User Variable Overrides | |||
| *******************************/ | |||
| @ -1,10 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Ad | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2013 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child,.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)} | |||
| @ -1,125 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Breadcrumb | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2015 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */ | |||
| /******************************* | |||
| Breadcrumb | |||
| *******************************/ | |||
| .ui.breadcrumb { | |||
| line-height: 1; | |||
| margin: 1em 0em; | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| } | |||
| .ui.breadcrumb:first-child { | |||
| margin-top: 0em; | |||
| } | |||
| .ui.breadcrumb:last-child { | |||
| margin-bottom: 0em; | |||
| } | |||
| /******************************* | |||
| Content | |||
| *******************************/ | |||
| /* Divider */ | |||
| .ui.breadcrumb .divider { | |||
| display: inline-block; | |||
| opacity: 0.7; | |||
| margin: 0em 0.21428571rem 0em; | |||
| font-size: 0.92857143em; | |||
| color: rgba(0, 0, 0, 0.4); | |||
| vertical-align: baseline; | |||
| } | |||
| /* Link */ | |||
| .ui.breadcrumb a { | |||
| color: #4183c4; | |||
| } | |||
| .ui.breadcrumb a:hover { | |||
| color: #1e70bf; | |||
| } | |||
| /* Icon Divider */ | |||
| .ui.breadcrumb .icon.divider { | |||
| font-size: 0.85714286em; | |||
| vertical-align: baseline; | |||
| } | |||
| /* Section */ | |||
| .ui.breadcrumb a.section { | |||
| cursor: pointer; | |||
| } | |||
| .ui.breadcrumb .section { | |||
| display: inline-block; | |||
| margin: 0em; | |||
| padding: 0em; | |||
| } | |||
| /* Loose Coupling */ | |||
| .ui.breadcrumb.segment { | |||
| display: inline-block; | |||
| padding: 0.71428571em 1em; | |||
| } | |||
| /******************************* | |||
| States | |||
| *******************************/ | |||
| .ui.breadcrumb .active.section { | |||
| font-weight: bold; | |||
| } | |||
| /******************************* | |||
| Variations | |||
| *******************************/ | |||
| .ui.mini.breadcrumb { | |||
| font-size: 0.71428571rem; | |||
| } | |||
| .ui.tiny.breadcrumb { | |||
| font-size: 0.85714286rem; | |||
| } | |||
| .ui.small.breadcrumb { | |||
| font-size: 0.92857143rem; | |||
| } | |||
| .ui.breadcrumb { | |||
| font-size: 1rem; | |||
| } | |||
| .ui.large.breadcrumb { | |||
| font-size: 1.14285714rem; | |||
| } | |||
| .ui.big.breadcrumb { | |||
| font-size: 1.28571429rem; | |||
| } | |||
| .ui.huge.breadcrumb { | |||
| font-size: 1.42857143rem; | |||
| } | |||
| .ui.massive.breadcrumb { | |||
| font-size: 1.71428571rem; | |||
| } | |||
| /******************************* | |||
| Theme Overrides | |||
| *******************************/ | |||
| /******************************* | |||
| Site Overrides | |||
| *******************************/ | |||
| @ -1,10 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Breadcrumb | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2015 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */.ui.breadcrumb{line-height:1;margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.71428571em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.71428571rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem} | |||
| @ -1,949 +0,0 @@ | |||
| /*! | |||
| * # Semantic UI 2.0.0 - Item | |||
| * http://github.com/semantic-org/semantic-ui/ | |||
| * | |||
| * | |||
| * Copyright 2015 Contributors | |||
| * Released under the MIT license | |||
| * http://opensource.org/licenses/MIT | |||
| * | |||
| */ | |||
| /******************************* | |||
| Standard | |||
| *******************************/ | |||
| /*-------------- | |||
| Card | |||
| ---------------*/ | |||
| .ui.cards > .card, | |||
| .ui.card { | |||
| max-width: 100%; | |||
| position: relative; | |||
| display: -webkit-box; | |||
| display: -webkit-flex; | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| -webkit-box-orient: vertical; | |||
| -webkit-box-direction: normal; | |||
| -webkit-flex-direction: column; | |||
| -ms-flex-direction: column; | |||
| flex-direction: column; | |||
| width: 290px; | |||
| min-height: 0px; | |||
| background: #ffffff; | |||
| padding: 0em; | |||
| border: none; | |||
| border-radius: 0.28571429rem; | |||
| box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; | |||
| -webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease; | |||
| transition: box-shadow 0.1s ease, transform 0.1s ease; | |||
| z-index: ''; | |||
| } | |||
| .ui.card { | |||
| margin: 1em 0em; | |||
| } | |||
| .ui.cards > .card a, | |||
| .ui.card a { | |||
| cursor: pointer; | |||
| } | |||
| .ui.card:first-child { | |||
| margin-top: 0em; | |||
| } | |||
| .ui.card:last-child { | |||
| margin-bottom: 0em; | |||
| } | |||
| /*-------------- | |||
| Cards | |||
| ---------------*/ | |||
| .ui.cards { | |||
| display: -webkit-box; | |||
| display: -webkit-flex; | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| margin: -0.875em -0.5em; | |||
| -webkit-flex-wrap: wrap; | |||
| -ms-flex-wrap: wrap; | |||
| flex-wrap: wrap; | |||
| } | |||
| .ui.cards > .card { | |||
| display: -webkit-box; | |||
| display: -webkit-flex; | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| margin: 0.875em 0.5em; | |||
| float: none; | |||
| } | |||
| /* Clearing */ | |||
| .ui.cards:after, | |||
| .ui.card:after { | |||
| display: block; | |||
| content: ' '; | |||
| height: 0px; | |||
| clear: both; | |||
| overflow: hidden; | |||
| visibility: hidden; | |||
| } | |||
| /* Consecutive Card Groups Preserve Row Spacing */ | |||
| .ui.cards ~ .ui.cards { | |||
| margin-top: 0.875em; | |||
| } | |||
| /*-------------- | |||
| Rounded Edges | |||
| ---------------*/ | |||
| .ui.cards > .card > :first-child, | |||
| .ui.card > :first-child { | |||
| border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; | |||
| border-top: none !important; | |||
| } | |||
| .ui.cards > .card > :last-child, | |||
| .ui.card > :last-child { | |||
| border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; | |||
| } | |||
| .ui.cards > .card > :only-child, | |||
| .ui.card > :only-child { | |||
| border-radius: 0.28571429rem !important; | |||
| } | |||
| /*-------------- | |||
| Images | |||
| ---------------*/ | |||
| .ui.cards > .card > .image, | |||
| .ui.card > .image { | |||
| position: relative; | |||
| display: block; | |||
| -webkit-box-flex: 0; | |||
| -webkit-flex: 0 0 auto; | |||
| -ms-flex: 0 0 auto; | |||
| flex: 0 0 auto; | |||
| padding: 0em; | |||
| background: rgba(0, 0, 0, 0.05); | |||
| } | |||
| .ui.cards > .card > .image > img, | |||
| .ui.card > .image > img { | |||
| display: block; | |||
| width: 100%; | |||
| height: auto; | |||
| border-radius: inherit; | |||
| } | |||
| .ui.cards > .card > .image:not(.ui) > img, | |||
| .ui.card > .image:not(.ui) > img { | |||
| border: none; | |||
| } | |||
| /*-------------- | |||
| Content | |||
| ---------------*/ | |||
| .ui.cards > .card > .content, | |||
| .ui.card > .content { | |||
| -webkit-box-flex: 1; | |||
| -webkit-flex-grow: 1; | |||
| -ms-flex-positive: 1; | |||
| flex-grow: 1; | |||
| border: none; | |||
| border-top: 1px solid rgba(34, 36, 38, 0.1); | |||
| background: none; | |||
| margin: 0em; | |||
| padding: 1em 1em; | |||
| box-shadow: none; | |||
| font-size: 1em; | |||
| border-radius: 0em; | |||
| } | |||
| .ui.cards > .card > .content:after, | |||
| .ui.card > .content:after { | |||
| display: block; | |||
| content: ' '; | |||
| height: 0px; | |||
| clear: both; | |||
| overflow: hidden; | |||
| visibility: hidden; | |||
| } | |||
| .ui.cards > .card > .content > .header, | |||
| .ui.card > .content > .header { | |||
| display: block; | |||
| margin: ''; | |||
| font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; | |||
| color: rgba(0, 0, 0, 0.85); | |||
| } | |||
| /* Default Header Size */ | |||
| .ui.cards > .card > .content > .header:not(.ui), | |||
| .ui.card > .content > .header:not(.ui) { | |||
| font-weight: bold; | |||
| font-size: 1.28571429em; | |||
| margin-top: -0.21425em; | |||
| line-height: 1.2857em; | |||
| } | |||
| .ui.cards > .card > .content > .meta + .description, | |||
| .ui.cards > .card > .content > .header + .description, | |||
| .ui.card > .content > .meta + .description, | |||
| .ui.card > .content > .header + .description { | |||
| margin-top: 0.5em; | |||
| } | |||
| /*---------------- | |||
| Floated Content | |||
| -----------------*/ | |||
| .ui.cards > .card [class*="left floated"], | |||
| .ui.card [class*="left floated"] { | |||
| float: left; | |||
| } | |||
| .ui.cards > .card [class*="right floated"], | |||
| .ui.card [class*="right floated"] { | |||
| float: right; | |||
| } | |||
| /*-------------- | |||
| Aligned | |||
| ---------------*/ | |||
| .ui.cards > .card [class*="left aligned"], | |||
| .ui.card [class*="left aligned"] { | |||
| text-align: left; | |||
| } | |||
| .ui.cards > .card [class*="center aligned"], | |||
| .ui.card [class*="center aligned"] { | |||
| text-align: center; | |||
| } | |||
| .ui.cards > .card [class*="right aligned"], | |||
| .ui.card [class*="right aligned"] { | |||
| text-align: right; | |||
| } | |||
| /*-------------- | |||
| Content Image | |||
| ---------------*/ | |||
| .ui.cards > .card .content img, | |||
| .ui.card .content img { | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| width: ''; | |||
| } | |||
| .ui.cards > .card img.avatar, | |||
| .ui.cards > .card .avatar img, | |||
| .ui.card img.avatar, | |||
| .ui.card .avatar img { | |||
| width: 2em; | |||
| height: 2em; | |||
| border-radius: 500rem; | |||
| } | |||
| /*-------------- | |||
| Description | |||
| ---------------*/ | |||
| .ui.cards > .card > .content > .description, | |||
| .ui.card > .content > .description { | |||
| clear: both; | |||
| color: rgba(0, 0, 0, 0.68); | |||
| } | |||
| /*-------------- | |||
| Paragraph | |||
| ---------------*/ | |||
| .ui.cards > .card > .content p, | |||
| .ui.card > .content p { | |||
| margin: 0em 0em 0.5em; | |||
| } | |||
| .ui.cards > .card > .content p:last-child, | |||
| .ui.card > .content p:last-child { | |||
| margin-bottom: 0em; | |||
| } | |||
| /*-------------- | |||
| Meta | |||
| ---------------*/ | |||
| .ui.cards > .card .meta, | |||
| .ui.card .meta { | |||
| font-size: 1em; | |||
| color: rgba(0, 0, 0, 0.4); | |||
| } | |||
| .ui.cards > .card .meta *, | |||
| .ui.card .meta * { | |||
| margin-right: 0.3em; | |||
| } | |||
| .ui.cards > .card .meta :last-child, | |||
| .ui.card .meta :last-child { | |||
| margin-right: 0em; | |||
| } | |||
| .ui.cards > .card .meta [class*="right floated"], | |||
| .ui.card .meta [class*="right floated"] { | |||
| margin-right: 0em; | |||
| margin-left: 0.3em; | |||
| } | |||
| /*-------------- | |||
| Links | |||
| ---------------*/ | |||
| /* Generic */ | |||
| .ui.cards > .card > .content a:not(.ui), | |||
| .ui.card > .content a:not(.ui) { | |||
| color: ''; | |||
| -webkit-transition: color 0.1s ease; | |||
| transition: color 0.1s ease; | |||
| } | |||
| .ui.cards > .card > .content a:not(.ui):hover, | |||
| .ui.card > .content a:not(.ui):hover { | |||
| color: ''; | |||
| } | |||
| /* Header */ | |||
| .ui.cards > .card > .content > a.header, | |||
| .ui.card > .content > a.header { | |||
| color: rgba(0, 0, 0, 0.85); | |||
| } | |||
| .ui.cards > .card > .content > a.header:hover, | |||
| .ui.card > .content > a.header:hover { | |||
| color: #1e70bf; | |||
| } | |||
| /* Meta */ | |||
| .ui.cards > .card .meta > a:not(.ui), | |||
| .ui.card .meta > a:not(.ui) { | |||
| color: rgba(0, 0, 0, 0.4); | |||
| } | |||
| .ui.cards > .card .meta > a:not(.ui):hover, | |||
| .ui.card .meta > a:not(.ui):hover { | |||
| color: rgba(0, 0, 0, 0.87); | |||
| } | |||
| /*-------------- | |||
| Buttons | |||
| ---------------*/ | |||
| .ui.cards > .card > .buttons, | |||
| .ui.card > .buttons, | |||
| .ui.cards > .card > .button, | |||
| .ui.card > .button { | |||
| margin: 0px -1px; | |||
| width: calc(100% + 2px ); | |||
| } | |||
| /*-------------- | |||
| Dimmer | |||
| ---------------*/ | |||
| .ui.cards > .card .dimmer, | |||
| .ui.card .dimmer { | |||
| background-color: ''; | |||
| z-index: 10; | |||
| } | |||
| /*-------------- | |||
| Labels | |||
| ---------------*/ | |||
| /*-----Star----- */ | |||
| /* Icon */ | |||
| .ui.cards > .card > .content .star.icon, | |||
| .ui.card > .content .star.icon { | |||
| cursor: pointer; | |||
| opacity: 0.75; | |||
| -webkit-transition: color 0.1s ease; | |||
| transition: color 0.1s ease; | |||
| } | |||
| .ui.cards > .card > .content .star.icon:hover, | |||
| .ui.card > .content .star.icon:hover { | |||
| opacity: 1; | |||
| color: #ffb70a; | |||
| } | |||
| .ui.cards > .card > .content .active.star.icon, | |||
| .ui.card > .content .active.star.icon { | |||
| color: #ffe623; | |||
| } | |||
| /*-----Like----- */ | |||
| /* Icon */ | |||
| .ui.cards > .card > .content .like.icon, | |||
| .ui.card > .content .like.icon { | |||
| cursor: pointer; | |||
| opacity: 0.75; | |||
| -webkit-transition: color 0.1s ease; | |||
| transition: color 0.1s ease; | |||
| } | |||
| .ui.cards > .card > .content .like.icon:hover, | |||
| .ui.card > .content .like.icon:hover { | |||
| opacity: 1; | |||
| color: #ff2733; | |||
| } | |||
| .ui.cards > .card > .content .active.like.icon, | |||
| .ui.card > .content .active.like.icon { | |||
| color: #ff2733; | |||
| } | |||
| /*---------------- | |||
| Extra Content | |||
| -----------------*/ | |||
| .ui.cards > .card > .extra, | |||
| .ui.card > .extra { | |||
| max-width: 100%; | |||
| min-height: 0em !important; | |||
| -webkit-box-flex: 0; | |||
| -webkit-flex-grow: 0; | |||
| -ms-flex-positive: 0; | |||
| flex-grow: 0; | |||
| border-top: 1px solid rgba(0, 0, 0, 0.05) !important; | |||
| position: static; | |||
| background: none; | |||
| width: auto; | |||
| margin: 0em 0em; | |||
| padding: 0.75em 1em; | |||
| top: 0em; | |||
| left: 0em; | |||
| color: rgba(0, 0, 0, 0.4); | |||
| box-shadow: none; | |||
| -webkit-transition: color 0.1s ease; | |||
| transition: color 0.1s ease; | |||
| } | |||
| .ui.cards > .card > .extra a:not(.ui), | |||
| .ui.card > .extra a:not(.ui) { | |||
| color: rgba(0, 0, 0, 0.4); | |||
| } | |||
| .ui.cards > .card > .extra a:not(.ui):hover, | |||
| .ui.card > .extra a:not(.ui):hover { | |||
| color: #1e70bf; | |||
| } | |||
| /******************************* | |||
| Variations | |||
| *******************************/ | |||
| /*------------------- | |||
| Centered | |||
| --------------------*/ | |||
| .ui.centered.card { | |||
| margin-left: auto; | |||
| margin-right: auto; | |||
| } | |||
| /*------------------- | |||
| Fluid | |||
| --------------------*/ | |||
| .ui.fluid.card { | |||
| width: 100%; | |||
| max-width: 9999px; | |||
| } | |||
| /*------------------- | |||
| Link | |||
| --------------------*/ | |||
| .ui.cards a.card, | |||
| .ui.link.cards .card, | |||
| a.ui.card, | |||
| .ui.link.card { | |||
| -webkit-transform: none; | |||
| -ms-transform: none; | |||
| transform: none; | |||
| } | |||
| .ui.cards a.card:hover, | |||
| .ui.link.cards .card:hover, | |||
| a.ui.card:hover, | |||
| .ui.link.card:hover { | |||
| cursor: pointer; | |||
| z-index: 5; | |||
| background: #ffffff; | |||
| border: none; | |||
| box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5; | |||
| -webkit-transform: translateY(-3px); | |||
| -ms-transform: translateY(-3px); | |||
| transform: translateY(-3px); | |||
| } | |||
| /*------------------- | |||
| Colors | |||
| --------------------*/ | |||
| /* Red */ | |||
| .ui.red.cards > .card, | |||
| .ui.cards > .red.card, | |||
| .ui.red.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #db2828, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.red.cards > .card:hover, | |||
| .ui.cards > .red.card:hover, | |||
| .ui.red.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Orange */ | |||
| .ui.orange.cards > .card, | |||
| .ui.cards > .orange.card, | |||
| .ui.orange.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f2711c, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.orange.cards > .card:hover, | |||
| .ui.cards > .orange.card:hover, | |||
| .ui.orange.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Yellow */ | |||
| .ui.yellow.cards > .card, | |||
| .ui.cards > .yellow.card, | |||
| .ui.yellow.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #fbbd08, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.yellow.cards > .card:hover, | |||
| .ui.cards > .yellow.card:hover, | |||
| .ui.yellow.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Olive */ | |||
| .ui.olive.cards > .card, | |||
| .ui.cards > .olive.card, | |||
| .ui.olive.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #b5cc18, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.olive.cards > .card:hover, | |||
| .ui.cards > .olive.card:hover, | |||
| .ui.olive.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Green */ | |||
| .ui.green.cards > .card, | |||
| .ui.cards > .green.card, | |||
| .ui.green.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #21ba45, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.green.cards > .card:hover, | |||
| .ui.cards > .green.card:hover, | |||
| .ui.green.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Teal */ | |||
| .ui.teal.cards > .card, | |||
| .ui.cards > .teal.card, | |||
| .ui.teal.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #00b5ad, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.teal.cards > .card:hover, | |||
| .ui.cards > .teal.card:hover, | |||
| .ui.teal.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Blue */ | |||
| .ui.blue.cards > .card, | |||
| .ui.cards > .blue.card, | |||
| .ui.blue.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #2185d0, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.blue.cards > .card:hover, | |||
| .ui.cards > .blue.card:hover, | |||
| .ui.blue.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Violet */ | |||
| .ui.violet.cards > .card, | |||
| .ui.cards > .violet.card, | |||
| .ui.violet.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #6435c9, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.violet.cards > .card:hover, | |||
| .ui.cards > .violet.card:hover, | |||
| .ui.violet.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Purple */ | |||
| .ui.purple.cards > .card, | |||
| .ui.cards > .purple.card, | |||
| .ui.purple.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a333c8, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.purple.cards > .card:hover, | |||
| .ui.cards > .purple.card:hover, | |||
| .ui.purple.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Pink */ | |||
| .ui.pink.cards > .card, | |||
| .ui.cards > .pink.card, | |||
| .ui.pink.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e03997, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.pink.cards > .card:hover, | |||
| .ui.cards > .pink.card:hover, | |||
| .ui.pink.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Brown */ | |||
| .ui.brown.cards > .card, | |||
| .ui.cards > .brown.card, | |||
| .ui.brown.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a5673f, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.brown.cards > .card:hover, | |||
| .ui.cards > .brown.card:hover, | |||
| .ui.brown.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Grey */ | |||
| .ui.grey.cards > .card, | |||
| .ui.cards > .grey.card, | |||
| .ui.grey.card { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #d4d4d5; | |||
| } | |||
| .ui.grey.cards > .card:hover, | |||
| .ui.cards > .grey.card:hover, | |||
| .ui.grey.card:hover { | |||
| box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #bcbdbd; | |||
| } | |||
| /* Black */ | |||
| .ui.black | |||